iPad

iPad – en revolution för webbdesign?

Skrivet i Design, Inspiration - Kommentera

iPad är den senaste och mest innovativa produkten från Apple. Du kan se den som en stor iPhone, men samtidigt är det en dator ungefär som Macbook.

Länge har jag spekulerat om hur design kommer att förändras i takt med att dessa multi-touch baserade datorer träder fram i marknaden.

iPad kommer att stå för en stor del av den kommande designrevolutionen som kommer förändra vårt sätt att surfa och interagera med webbplatser.

Vi börjar med att ta en titt på iPaden och kontrollerar möjligheterna att navigera med den. Precis som iPhone så kan du nu surfa på hemsidor genom att trycka dig fram och tillbaka med hjälp av knappar och menyer som du trycker med tummen och fingrarna.
Du använder inte längre en mus, vilket eliminerar en stor del av det traditionella navigeringssystemet med att släpa på musen från vänster till höger eller upp och ner.

iPad ger samma möjligheter som iPhone fast med en större yta. Den direkta följden av den stora ytan är att navigeringen blir mer igenkännlig och i min mening därför lättare än iPhone. Fastän du kan surfa på iPhone så är det många hemsidor som inte är anpassade till telefonen. Ipad eliminerar denna tröskeln tack vara den stora ytan.

Vad innebär detta för hemsidan?

Ipad ger möjligheten att ”slippa” den s.k. anpassningen. Du har en stor skärm och din hemsida kommer att se likadan ut på iPad som den gör på en iMac eller en PC, dvs om du har gjort ditt jobb rätt med kodningen. Trots detta så vill jag argumentera för att det är smart att göra en iPad version av sin hemsida. Detta måste vara en genomtänkt design och det är svårare att bedöma vad som är bättre design för en storskärmad multi-touch dator som iPad är. Anledningen – återigen den stora ytan.

Förutom att det är en stor multi-touch skärm som du pekar på för att navigera så spelar även operativsystemet roll. Precis som iPhone så består iPad av animerade sidoförflyttningar, animerade avslut (fönsternedstängning) m.m. Man får väldigt mycket feedback på sina handlingar som i sin tur är väldigt god användarerfarenhet och bidrar starkt till användarupplevelsen.

Att hålla en iPad ändrar även det en hel del på navigeringssättet. Du kan hålla din iPad vertikalt eller horisontellt.

Vertikalt

Horisontellt

Precis som tidigare nämnt så elimineras mellanhanden (datormusen) i navigeringen och du flyttar din hand för att trycka på det du vill åt, antingen med vänster eller höger hand vilket inte spelar någon stor roll. Det blir mycket enklare och mer intuitivt att hantera gränssnittet. Designen påverkas givetvis även av detta.

Troligtvis så gäller det att utnyttja hela ytan för information och bilder. Bildgalleriet i den vertikala illustrationen sträcker sig upp och ner och blir överskådligt. Ingen annan information finns och det bör det inte finnas heller, det blir bara förvirring i den redan utsatta enkelheten som är touch-navigering.

Framtidens iPad-anpassade hemsidor

Hemsideskapare får börja tänka i nya banor – man kan fortsätta att skapa hemsidor som är baserade på scroll, eller så siktar man på att designa hemsidor som applikationer och fokuserar på att visa information i sin helhet på hela skärmen och illustrerar knappar för att navigera sig vidare till nästa del av den aktuella sidan. Precis om iPhones applikationer. Givetvis kommer scroll fortfarande att existera, iPaden är ju lika scrollvänlig som den är överskådlig.

Länge till kommer vi att se hemsidor som inte har stor skillnad i design för varken iPad eller dator. Det kommer dyka upp hemsidor som noggrant tänkt ut hur en hemsida bäst ska se ut och fungera för iPad, dessa dock i fåtal.

Många ser en iPad-anpassning och iPhone-anpassning som en identisk handling.
Detta strider jag emot direkt, utan att återigen börja tjata om den stora ytan.

Hur tror du att det kommer se ut?
Kommer det finnas iPad-anpassade hemsidor och hur visualiserar du dem i dina tankar?

Fler inlägg om Design

Pingback: Upphittat – 17 February 2010
Aaarvid
Det första man tänker är väll att göra större knappar/menyer för att man inte ska råka trycka fel med sina flottiga fingrar :)
Ipad kommer nog inte bli så stort att man behöver bry sig om att anpassa speciellt för den. Men ett som är säkert är att jag vill ha en, perfekt att ha i soffan!
Aaarvid
Det första man tänker är väll att göra större knappar/menyer för att man inte ska råka trycka fel med sina flottiga fingrar :)
Ipad kommer nog inte bli så stort att man behöver bry sig om att anpassa speciellt för den. Men ett som är säkert är att jag vill ha en, perfekt att ha i soffan!
Pingback: 5 anledningar till att strunta i validering | Grafix Studio - webbdesigner och grafiker