Mir woussten datt Moud en Zyklus ass deen 20 Joer dauert. Mobile Design huet e vill méi séier Zyklus: 7 Joer!
De Beweis ass mat der "Tabbar" dës Bar vun Tabs déi de Stär vun der Navigatioun war wann iOS Uwendungen am Joer 2008 verëffentlecht goufen, ass erëm déi populärste Applikatiounsstruktur fir digital Spiller ginn.
Ech bidden Iech e Réckbléck op Navigatiounsmodi fir mobil Interfaces an de leschte 7 Joer, konzentréieren op 4 grouss Perioden vum mobilen Design.
Ech-Zäit : D'Tabbar
D'Tabbar war den éischte grousse Prinzip vun Navigatioun op iOS. Dës Ergonomie huet den enorme Virdeel datt se extrem einfach ass:
•on weess seng Positioun an der Applikatioun,
• mir hunn eng Vue op déi aner zougänglech Sektiounen.
Déi gréisste Spiller um Internet hu sech fir dës Ergonomie entscheet: den Appstore, LeMonde.fr ... an natierlech Facebook. Als mobilen Designer huet d'Tabbar et einfach gemaach fir gutt strukturéiert an effizient Uwendungen ze kreéieren!
Awer dëse Modus vun der Navigatioun hat e puer grouss Mängel:
• et huet méi wéi 10% vum Écran opgeholl: 49 Pixel vun den 480 Pixelen, déi vum iPhone 3G ugebuede ginn.
• Dir konnt et net personaliséieren. Mir goufen veruerteelt op enger schwaarzer Basis an enger aktiver bloer Ikon ze bleiwen, déi eng staark Onzefriddenheet fir d'Marken mat engem dominante roude zum Beispill verursaacht huet ...
• D'Tabbar huet maximal 5 Plaze ugebueden, wat e Problem fir e groussen oder extremen Katalog an enger einfacher Applikatioun stellt, wou et nëmmen 2 grouss Sektiounen waren.
Am Joer 2011 wäert Facebook mobil Uwendungen revolutionéieren andeems se e fuschneie Navigatiounsprinzip aféieren:eHub.
Zeit II : Den Hub
Den Hub ass eng Kontinuitéit vun der Erfahrung vum Telefon selwer: d'Interface vum iPhone, zum Beispill, ass en Hub iwwer e puer Säiten erweidert.
Et schéngt ganz natierlech dëst Konzept an enger Applikatioun selwer anzesetzen.
Facebook wäert de Wee mat sengem V3 féieren. Déi aner grouss digital Spiller wäerte graduell verfollegen bis den Hub den Haaptnavigatiounsstandard gëtt.
Loosst eis d'Fäll vu Linkedin, Allociné a bal all franséisch Bankapplikatiounen zitéieren.
Den Hub wäert Verbesserunge mat der Microsoft Metro Interface erliewen, déi "waarm" Informatioun anstatt Ikonen offréiert.
Synthetesch:
D'Virdeeler vum Hub
- Eng ustrengend Vue vu menge Sektiounen
- Einfach ze benotzen déi gebierteg Benotzung vum Telefon respektéiert
D'Nodeeler vum Hub
- Den Hub flaach alles ouni de Fokus op d'Haaptsektioun vun der App ze setzen.
- En anere Punkt ass den Hub kal: et evoluéiert net duerch d'Noriichten, wat en Androck vun Immobilitéit a liewensloser Uwendung gëtt.
- Endlech erfuerdert den Hub en héichqualitativen Grafikdesign soss stelle mir eis un "d'Galerie vun den Horroren" aus.
Zeit III : De Burger Menu
Facebook a senger V.4 wäert seng iPhone Applikatioun komplett nei designen mat der Erscheinung vun engem verstoppte Menü, wou mir all den Inhalt fannen, an domat um Enn vum Écran op den Inhalt verloossen. Fir Facebook, déi méi wéi 85% vu sengem Publikum mam Newsfeed generéiert, kritt dës Struktur seng voll Bedeitung.
De Burgermenü ass gebuer!
Bal all Applikatioune wäerten Facebook verfollegen: Linked-in, Allociné ...
Dës Struktur mécht et och méiglech d'Käschte vu funktionnelle Designen mam iPad ze deelen, well d'Säitmenü op der Tablet wéi e "L" Menü plazéiert gëtt. Mir fannen dës Ergonomie op ville Siten wéi amazon.com oder facebook.com. ënner anerem.
D'Struktur vum Burgermenü huet och e Virdeel: et erlaabt Iech eng onendlech Unzuel u Kategorien derbäi ze ginn. De Burgermenü wäert ganz populär bei m-Händler a Presseakteuren sinn, déi vill Kategorien hunn ze weisen.
E Problem erschéngt séier: d'Benotzer drécken ganz wéineg op dësem Burgermenü a vill Kategorien ginn vernoléissegt a mir beobachten e Réckgang an de Publikum fir sekundär Sektiounen.
D'Virdeeler vum Burger Menu
- Loosst sou vill Plaz wéi méiglech fir den Inhalt,
- Gemeinsam Ergonomie mat Pëllen,
- Erënnerung: Websäiten an "L",
- Erlaabt Iech eng onendlech Zuel vu Kategorien derbäi ze ginn.
D'Nodeeler vun Burger Menu
- Den Androck, datt de Burgermenü just en Teppech ass, wou ee verstoppt, wat een net weess, mat wat ee maache soll.
Zesummefaassung:
Aus Siicht, aus Touch!
IV Zeit : D'Tabbar 2. Generatioun
Als Preambel zu dëser neier Versioun vun der Tabbar invitéieren ech Iech dësen Artikel ze liesen:
- Firwat hu mir den Hamburger Menu vun eiser iPhone App verbannt -
https://redbooth.com/blog/hamburger-menu-iphone-app
Zesummegefaasst ass dëse BtoC mobilen Service vum Menu Burger op d'Tabbar migréiert an huet déi folgend Zuelen observéiert:
+ 70% App Benotzung Zäit
------------
65 +% Applikatioun Ouverture
Facebook wäert 2015 op d'Tabbar zréckkommen, wat et ënner anerem erlaabt seng Messenger Applikatioun ze weisen.
Dës Tabbar V2 erlaabt Iech Notifikatiounen op de verschiddene Sektiounen ze weisen fir se ze markéieren an ze drécken fir se z'entdecken.
Mir sinn elo fräi et ze designen wéi mir et passend fannen an d'Faarwen a Schrëften vun eise Clienten z'integréieren.
Eng ideal Tabbar bitt nëmme 5 Ufänger, awer e "Burgermenü" kann als 5. Ufänger derbäigesat ginn, deen all déi aner Kategorien vum Service weist.
D'Tabbar wäert ganz séier den neie Standard fir all Uwendungen ginn.
Vun Airbnb bis Allociné, vu Linkedin bis Voyages SNCF, bal all déi grouss Spiller entwerfen hir Applikatioun ënnert dëser Architektur. Eng vun de leschte Bastioune vum Burgermenü ass just mat Spotify gefall.
Fir dës Übung ze maachen, maache mir en Atelier Kaart Zortéieren mat eise Clienten .
D'Virdeeler vum Tabbar V2
- Weist den Haaptinhalt,
- Erlaabt de Benotzer fir sekundär Kategorien iwwer en Notifikatiounssystem ugezunn ze ginn,
- Ergonomie beherrscht vun enger grousser Majoritéit vu Benotzer,
- D'Tabbar kann d'DNA vun der Mark iwwer Faarwen oder Piktogrammer ënnerstëtzen.
D'Nodeeler vun der Tabbar V2
- D'Réckfunktioun bewegt sech vun der Komfortzone fir de Benotzer ewech,
- D'Tabbar ass net offensichtlech fir eng "Iwwersetzung" op Android well se mat de kierperleche Knäppercher vum Telefon konflikt.
Conclusioun : Iwwerpréiwung a Suivi
Wéi mir gesinn hunn ass d'Tabbar erëm e Standard ginn. Et ginn natierlech nach ëmmer grouss Spiller, déi net do waren, an dat meeschtens aus pragmatesche Grënn. Zum Beispill huet Monde.fr decidéiert de Burgermenü ze halen fir de Benotzer ze zwéngen d'Ausmooss vu sengem Inhalt ze gesinn.
Mir kënnen och dacks d'Präsenz vum Burgermenü bemierken am Fall vun eenzel Task Uwendungen: d'Kamera oder Slack Applikatioun déi op den allgemenge Kanal fokusséiert.
Also nächst? Gutt wa mir d'Logik verfollegen, sollte mir de Retour vum Hub iwwerpréiwen, awer de Feeler vu Windows 10 an den Trend ass éischter op eng global Mëschung vun dëse Strukturen. Et gi outsized Apps wéi Snapchat déi op all dës Geräter pickéieren.
Eng vun den Neiegkeeten, déi ech konnt schätzen, ass déi nei Versioun vu Parisien.fr, déi Navigatioun ubitt duerch Tags verbonne mat waarmen Themen an den Neiegkeeten. Et ass direkt Konsum vun Inhalt: ganz mobil frëndlech.
Wa mir beobachten wat op VR gemaach gëtt a méi besonnesch op der Playstation VR, fanne mir eng Derivat vum HUB am Coverflow Modus deen den Héichzäit vun den éischte mobilen Uwendungen gemaach huet. Ass dëst de Retour vun engem Trend? A suivre ...
Romain Landsberg, Partner & Grënner @UXRepublic
