Webdesigners guide till iPad
NyheterMedan det återstår att se om iPad: s första marknadssucces kan bibehållas, är det möjligt att enheten har potential att vara en spelväxlare vid databehandling och, i förlängning, surfar på webben och utformar för den.
Andy Hume, webbutvecklare för Clearleft, ser lanseringen av iPad som "ett viktigt steg i utvecklingen av konsumentdatorer, vilket låser bort komplexiteten hos ett kraftfullt operativsystem under ett strömlinjeformat, polerat användargränssnitt".
Webbdesignspecialisten Christopher Schmitt håller med om att beskriva det som ett "bra verktyg för människor som upplever webbperioden" och tillägger att han tycker om att vara "i en bransch där vi kan ha våra standardbaserade mönster på denna typ av enhet - fullt bärbar , med en stor pekskärm och 10 timmars batterilivslängd ". Schmitt quips sedan: "Kan din bärbara dator göra det?" och svaret är "nej".
Saken är, iPad är också mer än bara en jätte iPod touch. "Det är tvärtom - iPod touch är en liten, trång iPad," argumenterar webbdesignpionjär Jon Bains. Detta par åsikter bör utlösa ditt första bekymmer när det gäller att designa för iPad - om det verkligen skiljer sig från allt som finns före, hur ska du närma sig att skapa webbplatser för det?
Damian Proctor, designchef för Redweb, tror att en stor del av utmaningen befinner sig i orubbligt territorium. "Vi har inga bevis ännu om konventionell visdom när det gäller skrivbords webbdesign gäller," säger han, "eller om designers bör dra in insikt från mobila projekt." Han förutspår att en ny hybrid kommer att framträda, som kombinerar aspekter av desktop och mobil design.
Ljus skärm
En del av problemet är själva enheten. Bobby Ghoshal, medgrundare av Buckowl, påpekar att iPad-skärmen är så ljus att långvarig användning kan utmattningsanvändare. "Designers måste överväga färgkontrast," föreslår han, "kanske använder man lätta gråar istället för vita och mörka gråar istället för full-on blacks."
News Corps designdirektör D. Keith Robinson tillägger att enhetens pixeldensitet kombinerat med skärmdimensioner som "ligger någonstans mellan skrivbord och mobiltelefon" kan innebära att inte heller nedskalning av stationära platser eller uppskalning av mobila webbplatser är idealisk.
Byggd för hastighet: Nikes iPad optimerade hemsida är renare, snyggare och snabbare än skrivbordets ekvivalent
Viktigast är dock att iPad är en stor pekskärmsenhet. "Det betyder att den mest grundläggande långsiktiga skillnaden för personer som arbetar på nätet är övergången från mus till finger", säger Hume - som ändå anser att Safari for iPad gör ett anständigt jobb att leverera webbsidor som inte byggdes i åtanke.
"Folk spenderar inte mycket tid på att tänka på det här", säger han. "Men det är mycket komplicerat att göra ett gränssnitt som definierar svävar och mus-in / mouse-out funktioner på en enhet som inte har någon pekmekanism!"
Raluca Budiu, användarupplevelse specialist för Nielsen Norman Group anser att sådana problem, som härrör från långsiktiga webbdesignkonventioner, potentiellt scupper iPad från en grundläggande användbarhetssynpunkt. "Hela webbplatsen genererar läs-tap asymmetri - teckensnittstorleken kan vara tillräckligt stor för att tillåta bekväm läsning, men inte exakt länkval", säger hon.
Budiu ställer också frågor om gestural inkonsekvenser över enheten - till exempel en nypa zoomkartor men ökar textstorlekarna någon annanstans - men tillåter att webbläsning "närmar sig att använda ett skrivbord än en iPhone", en upplevelse som "definitivt kan förbättras, men det är inte synd att börja med ".
Standardsöverensstämmelse
Även om det är okonventionellt i gränssnitt, är iPad en bra medborgare när det gäller webstandarder. "Safari for iPad är en av de mest avancerade webbläsare som är kompatibla med standarder," hävdar Hume. Han hävdar också att bristen på Flash-stöd inte hindrar enheten, även om han är besviken över att iPad: s webbläsare är dålig när det gäller inbäddning av teckensnitt.
"Safari för iPad stöder bara SVG-rendering", påpekar han. "Jag hoppas att detta kommer att förbättras i senare utgåvor, eftersom fontinbäddning blir en högprofilerad teknik för webbdesigners."
En annan fördel med iPad är att WebKit är den enda webbläsaren. "Detta borde vädja till designers", entusiasmerar Tom Kershaw, senior art director for Beam ", eftersom du alltid vet exakt vad du designar för, och mycket som Flash behöver du inte oroa dig för hur din design kommer att se ut på flera olika webbläsare. Även om det inte betyder att du borde sluta designa för andra system, betyder det att du kan fokusera mer när du skapar en iPad-specifik webbplats. "
IPad: s starka stöd för webbstandarder kan också gynna designers på ett annat sätt när iPhone OS 4 kommer senare i år - Apples iAd-plattform är baserad på HTML5 och erbjuder möjligheter till alla som är välbevarade i tekniken.
Revealed av Jobs vid iPhone OS 4-förhandsgranskningsevenemanget i april, syftar iAd till att tillhandahålla mobilannonsering i mobilen, som enligt Apple kombinerar TV-känslor med webens interaktivitet. "Jag har sett iPhone-utvecklare gör fantastiska HTML5-annonstester", säger Ghoshal, även om han ser att sådana demos har en större betydelse.
ADDING ADS: Även om det inte är iPad-specifikt kan det HTML5-baserade iAd-systemet ge möjligheter till webbdesigners
"Jag är optimistisk om utsikterna till interaktivitet i HTML5, trots att demon som Toy Story 3 karuselljobb visade skulle ha varit enklare att göra i Flash. Möjligheten är inte nödvändigtvis i konstruktion, men för att göra denna interaktivitet finns med internetstandarder som har testats och testats - och utan plugins. "
Tillbaka i webbläsaren är designers inte eniga om optimering för iPad. "Jag ser inte behovet om inte iPad-ägare är din kärngrupp - även om jag kan garantera om du ser något bra ut på iPad, ser det fortfarande bra på ett skrivbord," argues Bains.
Proctor erbjuder en något annorlunda synvinkel. "Att designa specifikt för iPad betyder att användarna inte lämnas i gudens varv." Att ta bort behovet att zooma för att läsa text eller se till att rätt länk är prodded tar bort ytterligare ett hinder mellan användaren och innehållet.
"Du vill inte att användare måste medvetet anpassa visningsbeteendet eftersom ditt innehåll inte kommer formaterat för enkel konsumtion." När du arbetar med mönster, informerar naturen av iPad-gränssnittet oundvikligen ditt arbete.
"När du använder ett finger och pekskärm, förlorar du svävartillståndet", säger Proctor. "Fitts lag och begreppet" mousing "behöver också en ny övervägning. Ska användarna vara så exakta med fingret som en muspekare? Ett finger slutar inte röra sig när det glider över kanten av skärmen, så att ha viktiga länkar vid Kanten på sidan kan inte hjälpa till att placera sådana element inom räckhåll. "
Ghoshal tycker att det är värt att tänka på hur människor håller sin enhet. "Jag rekommenderar att du utformar någon iPad-app eller webbplats för att kunna navigera med tummen", säger han. "Enligt min erfarenhet är skrivning och andra handlingar som ger kontroll mer lämpliga när mina tummar har full tillgång till knapparna."
I slutändan kommer dock de flesta design styling och layout att komma från den typ av erfarenhet som designern vill leverera, säger Ghoshal, som speglar många i att överväga de bästa iPad-sidorna att vara de som liknar högkvalitativa tidningar.
"Stora bilder, vacker text," skannbara "rubriker - dessa gör alla för den typ av erfarenhet som håller min uppmärksamhet, säger han. "Jag kommer dock att vara försiktig mot text-tunga platser på en vit bakgrund. Den bakgrundsbelysta iPad-skärmen vinner inte några poäng för långsiktig textförbrukning. Gör dina användare en tjänst och blanda i bilder och video för att göra mindre ansträngande upplevelse. "