Borta är dagarna med förknippad javascriptnotation och otaliga plugins ingår i din rubrik. Layoutdesign har tagit ett stort steg framåt eftersom vi ser designers skapa några extravaganta koncept. Pekskärmsenheter håller för närvarande högsta intresse från en designers och utvecklarens synvinkel.
Fler personer använder pekskärmsaktiverade enheter nu än någonsin tidigare. Detta inkluderar tablett-datorer och hela listan med operativsystem för mobiltelefoner. Dessa enheter är alla mobila och tillåter åtkomst från de flesta fjärrplatser.
Designersna skaar deras trovärdighet tillbaka för att hålla fast vid hög efterfrågan. Men vad är viktigt när du byter mellan en vanlig webbdesign och en touch screen app? Det finns många framväxande trender bland designgemenskapen som kan användas för att skala alla idéer till futuristisk pekskärmsteknik.
Nuvarande anpassningsstadium
Även om Apples iPhone och IOS ofta diskuteras bland vanliga medietekniker och tekniska guruer är de inte det enda marknadskapitalet i pekskärmsenheter. Många bärbara bärbara datorer och surfplattor har släppts av tredje part tillverkare inklusive Hewlett-Packard, Samsung och Microsoft.
För närvarande måste utvecklare titta på pekskärmsgränssnitt som nya enheter bortsett från standardtangentbordet och musen. Traditionellt har detta slutförts med JavaScript-samtal eller mediasökningar, vilket resulterar i komplexa returdata. Det måste finnas ett bättre sätt att anta dessa nya trender.
Som ett exempel kan vi jämföra en Apple iPad med alla netbook som kör Google Chrome för att omedelbart märka skillnader. Även om deras skärmstorlekar kan vara likartade, fungerar de på två helt olika nivåer. Även operativsystemen själva är väldigt olika och stöder nya datorkrav.
Vinsterna och förlusterna
Med pekskärmsgränssnitt får vi mycket flexibilitet. Designers kan placera knappar och rulla hjul var som helst på sidan eftersom det är tillgängligt med en knapptryckning eller flick.
Utvecklare kan också fullt ut kontrollera funktionaliteten hos applikationer. Kakao SDK för iOS-utveckling erbjuder många klasser som speglar pekskärmsinteraktioner. Utvecklare kan kontrollera efter flera fingrar och till och med tryckavkänning mellan varje interaktion.
Men vi förlorar också många viktiga konstruktionsuppgifter som vi alla vuxit för att älska. Som exempel är det inte nödvändigt med svävartillstånd när man arbetar med ett helt pekskärmbaserat gränssnitt. Detta kan ersättas med en åtgärdstillstånd när en användare aktivt trycker på ett element, även om syftet är väldigt divergerande.
Bristen på någon mus presenterar också ett problem för input. Rullning och bläddra mellan sidor måste vara smidigare och enklare än de flesta appar eftersom det finns en minskning av funktionaliteten. Tangentbord är också inbyggda i tablett- eller handdatorskärmen som ger en radikal ny känsla till användarupplevelsen.
Grupp gemensamma delar tillsammans
Clustering-element är en bra metod i layoutdesign för pekskärmsappar. Med kluster menar jag inte att knappa alla knappar och element på en sida i det övre högra hörnet. I själva verket designa en karta för varje vy och beräkna vilken information som passar bäst för vilken vy.
Detta minskar frustration och förvirring på användarens slut. När du letar efter inställningar för att uppdatera kontoinformation skulle det vara lättast att hitta alla dessa i en skärmpanel. Detta är ofta fallet med webbapps, även om gränssnittet vanligtvis är inställt för musinteraktioner.
Istället för att skapa en lång scrolling samling av data mobil OS "erbjuder unika fördelar. Med de flesta pekskärmsenheter kan du skapa flikar i varje appvy. Dessa erbjuder ett enkelt sätt för användarna att växla mellan inställningar och andra data utan för mycket ansträngning. Den här fliken kan jämföras med en navigeringsfält som är full av sidlänkar i ett klassiskt webbgränssnitt.
Planera för otaliga mobila system
Det är bra att överväga att din webbplats fungerar med fullständiga HTML5- och CSS3-specifikationer, men det löser inte många vanliga problem bland pekskärmsgränssnitt. Med tanke på vilken webbläsare som analyserar din sida körs med de vanligaste DOM-standarderna kommer du att bli bra.
Även om Google Chrome för skrivbordet kör en analysmotor som är mycket varierad till mobilen BlackBerry eller Opera Mobile. Faktum är att för alla större mobiloperatörer ser vi många nya webbläsare.
IOS levereras med Safari som standard men många finns i App Store. Alla moderna programvaru webbläsare för mobila plattformar innehåller möjligheten att kontrollera efter HTML5-anteckningar och attribut. Om möjligt borde du överväga att testa varje layoutversion av din webbplats på de stora pekskärmen. Webbläsare mellan Android, Microsoft Mobile och BlackBerry kommer alla att skilja sig från och kräver noggrann planering.
Naturligtvis är det omöjligt att behaga alla hela tiden, men majoriteten är verkligen ett mål som är värt att nå. Implementera en installation av Google Analytics eller en annan statistikapp på din webbplats som kommer att analysera varje besökande enhet.
Google erbjuder otroligt detaljerade rapportdata, till exempel vilka mobila webbläsare som oftast besöker din webbplats och hur många sidor som helst besöker.
Lämna Ingen sten ovänd
Detta kan också kopplas som generell designkunskap, men se till att varje element är på rätt spår för varje pekskärmslayout. När vi tittar tillbaka på ett prototyp- eller mobilgränssnitt försöker vi som designare ofta ändra och återplacera saker till döds.
Det är viktigt att inse med pekskärmsgränssnitt där det finns mycket mindre utrymme för fri rörlighet. Således är det viktigt att hitta en layout som fungerar bäst och fortfarande ger den enklaste användarupplevelsen - och håll fast vid det!
Det kan vara svårt, men lita på din tarm och designavkänning för kunskap om när man ska ringa den en dag.
Överväg att testa din design på några av dina vänner eller familjemedlemmar.En snabb demo eller genomgång av applikationen och användargränssnittet från ett yttre perspektiv kommer vanligtvis att ge användbar feedback och ge kritik från en ny uppsättning ögon.
Slutsats
Som pekskärmsenheter fortsätter deras invasion kommer vi att märka en ökning i apputveckling. Det här är en enorm marknad, inte bara med Apples iOS-enheter, men Google och Microsoft lanserar också kampanjer för att samla sin del av mobilwebben.
Jämförelsen mellan var och en av dessa enheter varierar och kommer att visa sig annorlunda än varje designer. Om du vill kolla in fler idéer om detta ämne, överväga att expandera dina tankar på pekskärmswebbplatser för att se vad som finns där ute. Pekskärms webbgränssnitt utvecklas och när designsamhället utvecklas med dem ser vi innovativ UI-inspiration som aldrig tidigare!