"Et gëtt eng einfach Logik: Wat och ëmmer Dir maacht, këmmert Iech als éischt ëm Handyen"
Eric Schmidt
Le éischt Handy huet de Wand an de Seegelen. Zeien d'Evangeliséierungsstrategie vun den New York Times: Intern blockéiert den Zougang zum Site www.nytimes.com fir 24 Stonnen. seng Mataarbechter ze zwéngen de Site iwwer hiren Handy z'entdecken.
Wat ass Mobile-First?
Den Handy besteet als éischt an engem Design vun enger Websäit um Handy. D'Interfaces ginn dann un den Desktop ugepasst. Den Écran vun engem Handy ass vill méi kleng (80% manner Plaz). Den Handy erlaabt als éischt de Site ze purifizéieren an de Produkt op seng Haaptfunktioune konzentréieren. Dëst verbessert d'Benotzererfarung an d'Zil vum Produkt, wat d'Performance oder d'Notoire ugeet.
Mobil Technologien kënne benotzt ginn fir de Service un de Benotzer ze verbesseren. E puer Beispiller vu mobilen Méiglechkeeten:
- Accelerometer fir Apparatbewegungen ze moossen an augmentéiert Realitéit Daten ze weisen
- Geolocation (GPS, Wifi, Triangulatioun, eng Relaisantenne, IP)
- Dual Kamera: virun an hënneschter Säit
- Apparat Verbindung iwwer Bluetooth
- Proximitéit vum Apparat zu kierperlechen Objeten
- Ambient Liicht: reagéiert op Ëmweltliicht
- NFC, RFID
- Giroskop: 360° Bewegung
- Audio: Mikrofon an, Lautsprecheraus
- Video a Bild: Capture a Kinoinput
Mobil Gesten
Mobiles erlaben eng Rei vu Gesten zousätzlech Servicer ze bidden:
- ausgefall
- Zweemol tippen
- Drag
- Swipe
- Pinch (Spannungen)
- Ausbreeden
- Erhalen Drock
- Dréckt a zitt (halt mat engem Fanger a zitt mat deem aneren)
- Verschidde Variatiounen vun Rotatioun
Wéini fir d'éischt mobil ze benotzen?
Et hänkt vum Projet of. Wann d'Majoritéit vum Zil de Service iwwer Desktop benotzt, kann et schlau sinn fir Schiirme mat enger Mindestresolutioun vun 1024 Pixel ze designen. Awer loosst eis realistesch sinn. Apparat Écran Gréissten sinn ëmmer méi heterogen an der Notzung vun Handyen a Frankräich huet erlieft blendend Wuesstem zanter 2009. Et ass also schlau un engem Produit an engem schmuel Ëmfeld ze denken, mat de maximal méiglech Aschränkungen, ier et op Desktop decline.
Wien benotzt den Internet iwwer hiren Handy?
Am Joer 2015 ass den Internetverbrauchsquote weltwäit ongeféier:
- 60% iwwer Computer (75% a Frankräich)
- 30% iwwer Smartphone (15% a Frankräich)
- 10% iwwer Tablet (10% a Frankräich)
Den Internetzougang iwwer Smartphones huet sech am Laf vun engem Joer verduebelt, a Frankräich a ronderëm d'Welt. Den Undeel vun Desktop / Handy Notzung soll ëmgedréint ginn an 2016. Nigeria, Indien, Südafrika, Indonesien, Vereenegt Arabesch Emirater, Saudi Arabien, Polen, Malaysia, Singapur a Mexiko uewen d'Charts fir mobil Web Benotzen. Dëst sinn all Länner déi nach ni mat engem Computer ausgestatt sinn.
Wat ass d'Behuele vu mobilen Benotzer?
Laut Luke Wroblewski mécht d'Benotzung vun engem Smartphone et méiglech Zäit ëmzebréngen, d'Alarme vun enger Applikatioun ze verfollegen, lokal Informatioun ze kréien. D'Fransousen benotzen den Internet am Duerchschnëtt 1 Stonn an 20 Minutten den Dag um Telefon. Si kommen haaptsächlech op déi folgend Servicer: sozial Netzwierker, Videoen, Videospiller, Geolocatioun an Online Banking.
Komescherweis gehéiert den E-Commerce net zu de Liiblingsaktivitéite vun de Fransousen. A Frankräich, 2015, benotzt nëmmen 1 vun 10 Leit regelméisseg M-Commerce (Shopping iwwer Handy). A Südkorea, China, d'Vereenegt Arabesch Emirater, Singapur an Hong Kong maachen op d'mannst 3 vun 10 Leit Akeef iwwer hiren Handy.
E puer Tipps fir d'Benotzererfarung um Handy ze optimiséieren
- Inhalt als éischt: Display Inhalt direkt (Zwëschen Landung Säit)
- Design Simplicitéit: Prioritéit Informatioun fir den Zougang zum Inhalt ze erliichteren an ze vermeiden datt Dir probéiert alles an déi mobil Versioun ze passen.
- UX zentréiert: Denken un d'Ëmwelt vum Gebrauch (Bus, Moien, asw.)
- Call-to-Action: optiméiert d'Location vun Aktiounsknäppercher a vergréissert E-Commerce Visuals (+ 9% Konversioun)
- Fousszeilen: Füügt eng Zone un fir ze verdéiwen an eng Zone fir op de Menü oder uewen op der Säit ze sprangen.
- D'zréck Knäppchen: Kann heiansdo duerch den Apparat zréck Knäppchen ersat ginn
- Minimum Knäppchen Gréisst: 44 x 44 px (duebel fir Netzhaut)
- Minimum Schrëftgréisst: 14pt (duebel fir Netzhaut)
- Reduzéieren Visuals déi net Inhalt sinn
Sources
- Mobile Éischt. N°6 Paperback - Januar 19, 2012 vum Luke Wroblewski, Eyrolles Editioune
- Digital, Social & Mobile 2015 816,038 We Are Social Singapur We Are Social Singapur (Quell: StatCounter)
- http://whitepaperit.com/mobile-uiux-development.html
Marina Wiesel – UX Designer @UXRepublic
Als Bonus, 2 Trainingscoursen fir e Mobile Design Pro ze ginn:
- Verstinn déi mobil Welt
- Touch Design
