Hem Personliga finanser Datavisualisering: Design för mobila enheter - dummies

Datavisualisering: Design för mobila enheter - dummies

Innehållsförteckning:

Video: Shape-shifting tech will change work as we know it | Sean Follmer 2025

Video: Shape-shifting tech will change work as we know it | Sean Follmer 2025
Anonim

Fram till några år sedan, när en formgivare skapade en pappersbaserad annons eller broschyr, gjorde hon kunde planera exakt hur det skulle se ut efter att det skrivits ut. Designern visste formatet och hur kunder skulle se det. Populariteten hos mobila enheter har dock ökat, och designers har fått möta två nya designproblem:

  • Design av gränssnitt för mobila enheter

  • Skapande av appar för mobila enheter

Med Internetens tillkomst använde online-designers de få webbläsare som var tillgängliga för att planera hur deras mönster skulle se på skärmen. De tillgängliga verktygen var något råa, men designen var ganska okomplicerad. Om han testade varje webbläsare kunde en designer bestämma vad han behövde för att fixa så att designen skulle se ut direkt online.

Nu måste designers utforma för en mängd mobila enheter, som alla har sina egna utmärkta behov. Följaktligen har komplexiteten i att utforma visualiseringar ökat.

Omfattande responsiv design

För att hantera problemet med flera skärmstorlekar och operativsystem använder designers principen om responsiv design (RD). RD refererar till ett gränssnitt eller en layout som kan omkonfigurera sig baserat på var den ses. Begreppet skapades av Ethan Marcotte i en artikel i 2010 som erkände behovet av designers att ta itu med frågan om flera skärmkrav.

En webbdesign som är responsiv ser fortfarande bra ut om du tittar på den på din stationära dator eller på din smartphone. De rundade kanterna och ikonerna som är vanliga på mindre enheter faller automatiskt på plats.

I sin artikel citerade Marcotte de tre områden där RD kan ha störst effekt i webbdesign:

  • Vätskegrid: Nätet är det verktyg som designers använder för att utforma sina design, oavsett om de mönster kommer att ses online eller offline. I den följande figuren har en nätdesign konstruerats för tre skärmformer.

    Grid-design översatt till olika skärmar.
  • Flexibla bilder: När du har bilder i ett blogginlägg eller på din webbplats vill du se till att de inte är avskurna eller snedvridna. Att se till att dina bilder kan reformera sig är viktigt.

  • Mediasökningar: När du anger ett sökord i en sökmotor som Google eller Bing vill du kunna se resultaten på någon av dina skärmar. Detta är en nyckelprincip för RD. Innehållet måste ses på vilken mobil enhet en användare kan ha. Vad som gör att det visas på en rad olika enheter är en utmaning att designern inte har något att veta vad det återkomna resultatet kommer att bli.

Dessa idéer gäller även datavisualiseringar. Du vill se till att ditt nät inte snedvrids när data visas på en mobilenhet. Bilderna måste vara klara och bildförhållandet (längd till bredd) ska anpassas oberoende av vilken enhet användaren arbetar med.

Följande appdesignstandarder

Designers vill inte bara att ett gränssnitt ser bra ut, men vill också att det ska göra alla slags knep. Som ett resultat har appdesign blivit en disciplin för sig själv.

Du kanske undrar varför du bör bry dig om appdesign. Alla som måste visualisera någonting online är föremål för samma standarder som alla appdesigner.

I sin artikel "Apples 6 enkla regler för att designa en Killer iOS App" beskriver Pete Pachal vad han behövde göra för att få sin nyhets app Spun certifierad för Apples App Store. (I det här skrivandet är appen inte tillgänglig i USA App Store.) Pachals team var tvungen att arbeta med Apple i fem månader för att få allt perfekt. Under den tiden kodifierade Pachal sex regler för sitt lag, varav fyra gäller data med design:

  • Enkelhet är styrka. Denna regel är förmodligen den viktigaste regeln för datavisualiseringar. Målet är att förklara eller avslöja ny information som kan användas för att utveckla insikter. Om du fokuserar på för många datapunkter kommer historien att gå vilse. Om du skapar en instrumentpanel är den här regeln särskilt viktig eftersom varje del av data behöver stödja hela.

  • Offra inte kvalitet för tiden. Denna regel är viktig för datavisualisering. Om du slår samman en visualisering som är svår att dechiffrera eller helt enkelt slarvig, kommer ingen att vilja använda den. Ta dig tid att utveckla något bra, och fortsätt att förfina det med tiden.

  • Belöna användaren med varje touch. Varje menyobjekt ska göra något användbart. Skriv ut länken ska fungera, till exempel. Varje klick ska också ge information.

  • Detaljer sak. Innan användaren klickar på en länk i en datavisualisering ska det vara uppenbart var den länken kommer att ta henne eller vilken typ av data hon ska se.

Datavisualisering: Design för mobila enheter - dummies

Redaktörens val

Office 365 Grupper - Dummies

Office 365 Grupper - Dummies

Du kan använda Office 365 Grupper, eller helt enkelt grupper, för att snabbt bandet tillsammans med medarbetare till samarbeta utan administrationsansvar som följer med en SharePoint-webbplats. Grupper är inte en del av SharePoint Online. Det är faktiskt en funktion i Exchange Online, men den använder SharePoint Online-funktioner, till exempel OneDrive for Business för att lagra gruppfiler ...

Office 365 Mobil Dokument i molnet - Dummies

Office 365 Mobil Dokument i molnet - Dummies

Varje Office 365-abonnent med en kvalificerad plan kan installera Office mobilappar på upp till fem tabletter och fem smartphones. Kvalificeringsplanerna är: Office for Business Premium, Office 365 Business, Office 365 Pro Plus, Office 365 E3 och Office 365 E5. Kärnan Office-appar finns i Windows, iOS och Android ...

Office Graph och Delve - dummies

Office Graph och Delve - dummies

Office Graph i Office 365 ger en möjlighet för människor att dra nytta av relationer och aktiviteter och göra dem till meningsfulla insikter. De signaler du skickar från e-postkonversationer och möten i Outlook, snabbmeddelanden i Skype for Business, sociala interaktioner på Yammer och dokument i SharePoint Online och OneDrive samlas alla och ...

Redaktörens val

Elektronik Komponenter: Sätt in induktorer till arbete - dummies

Elektronik Komponenter: Sätt in induktorer till arbete - dummies

Om du har undrat vad induktorer används egentligen i elektroniska kretsar i verkligheten, här är några av de vanligaste användningarna för induktorer: Utjämning av spänning i en strömförsörjning: Det sista steget i en typisk strömförsörjningskrets som omvandlar 120 VAC hushållsström till en användbar direkt Nuvarande är ofta en ...

Elektronik Komponenter: Introduktion av mikrokontroller - dummies

Elektronik Komponenter: Introduktion av mikrokontroller - dummies

En mikrokontroller är en komplett dator på en enda elektronisk chip. De kan köpas för $ 50 eller mindre. Liksom alla datorsystem består mikrodatorer av flera grundläggande delsystem: Central Processor (CPU): En CPU utför de instruktioner som tillhandahålls av ett program. CPU kan göra alla nödvändiga åtgärder för ...

Elektronik Komponenter: Motstånd Power Ratings - dummies

Elektronik Komponenter: Motstånd Power Ratings - dummies

Motstånd är som bromsar för ström som strömmar genom en elektronisk krets. Liksom bromsarna i din bil arbetar motstånd genom att använda den elektriska ekvivalenten av friktion till strömningsströmmen. Denna friktion hämmar strömmen av ström genom att absorbera en del av strömens energi och sprida den i form av värme. När du använder en ...

Redaktörens val

Hur man konfigurerar SSH för din webbplats - dummies

Hur man konfigurerar SSH för din webbplats - dummies

Secure shell (SSH) är ett nätverksprotokoll för att tillåta säker datakommunikation. I själva verket är det som en webbhotell bakdörr i ditt system - en som borde förbli låst om du inte behöver använda den. Naturligtvis är exakt hur du konfigurerar SSH olika på alla typer av webbhotell, men som ...

Hur man skapar en ny webbhotell - dummies

Hur man skapar en ny webbhotell - dummies

Du måste skapa din databas inom din webbhotellskontrollpanel och skapa en speciell databasanvändare som har behörighet att komma åt den. När du installerar en webbapplikation eller ett skript som kräver en databas från kontrollpanelen, kommer installationsprogrammet sannolikt att kunna skapa en egen databas och användare. ...

Hur man skapar nya konton på webbhotell med FTP-dummies

Hur man skapar nya konton på webbhotell med FTP-dummies

Du kanske vill att skapa ytterligare konton på en webbhanterad ftp av olika orsaker. Detta möjliggör viss mångsidighet och kontroll för att förbättra din företagsfunktionalitet. Några skäl till att lägga till ett konto är följande: Du vill ge någon annan FTP-åtkomst till din webbplats. Du vill ge någon FTP-åtkomst ...