Slik følger du de beste Android UX-designpraksisene i 2020
Google gjorde en fantastisk jobb med å markedsføre Material Design-standarder for apputviklere, noe som forenklet Android-estetikken, men også gjorde appene så mye lettere å navigere for brukere, og mindre ressurser brukt på UX-design for utviklere.
Selvfølgelig vil utviklingssamfunnet alltid finne måter å forbedre standardene på, da endring er den eneste virkelige konstanten i livet. Mens noen utviklere diskuterer nytten av noen materialdesignpraksiser (“hamburger” -knappen - elsker det eller lar du det?).
Materialdesign har også fremmet tilgjengelighet på tvers av plattformer, ettersom utviklere enkelt kan bruke MD-fremgangsmåter til iOS-apper, og enkelt presse to apper til separate plattformer uten å bekymre seg for å motsette seg designstandarder.
I denne veiledningen skal vi se på noen av de beste Android UX-designtrendene å følge i 2020, slik at du kan følge standardene som er angitt av Google, samtidig som du legger til ekte vitalitet i appene dine.
Neonforløp og mørk modus
Vi setter disse to trendene sammen fordi de i 2020 virkelig går hånd i hånd. Dark Mode i apper var alltid en slags "fan-tjeneste" som ble tatt i bruk av omsorgsfulle apputviklere, mens globale merkenavnsapper (YouTube, Facebook osv.) Så ut til å insistere på hvit bakgrunn i lengst tid.
Men mange globale merker har begynt å "se mørket", da YouTube ga ut Dark Mode for Android i 2018, og Facebook endelig ga ut deres først tidligere i år. Nå blir Dark Mode en standard i mange Android-apper, siden den gir for mange fordeler (redusert batteridrift og øye-belastning om natten) for apputviklere å ignorere.
Når det gjelder fargeoverganger, har de eksistert i flere år, vanligvis sett i varme, kule farger som subtile og myke nyanser av blues, pinks og purpur eller jordfarger. Imidlertid begynner mange apper å bruke mye dristigere, sterkere fargevalg, som neonblå og lynlilla, da disse har en mye mer futuristisk følelse, og generelt sett er mer slående og levende når de er parret med Dark Mode-menyer og knapper.
Avrundede og organiske former
Knapper og elementer har gått gjennom mange formfaser - fra sterile firkanter, til skrå ovale og perfekte sirkler.
Den siste trenden er myke, runde former som ikke helt kan beskrives som sirkler, men nesten fjærete og organiske, som vanndråper, eller å kaste en svamp mot veggen. Vannfargeklatter, for å være presise. Et godt UI-byrå skal kunne hjelpe deg med å designe naturlige organiske former som passer til app-UI.
Flytende sveiping
Væskesveiping er litt vanskelig å forklare med ord, så det er bedre å sjekke ut en YouTube-video av hva det handler om. Men i hovedsak, hvis du noen gang har brukt en e-bokleser som emulerer å bla om sider, er det litt sånn.
Bare mer flytende og fargerikt. Det er en økende trend som gir apper litt liv til brukerne der brukere sveiper mellom skjermene, og gir en kul overgangseffekt mellom lysbildene.
Chatbot Design
Med de siste fremskrittene innen AI-teknologi inkluderer mange detaljhandel- og service-apper mer sofistikerte chatbots.
Men bortsett fra smartere språkindikatorer, gjør apputviklere også chatbots mer estetiske, med avatarer, skriveindikatorer og til og med emoji-bruk.
Verktøy og ressurser for UX Design
Det sies ofte at programmerere ikke akkurat er kjent for intuitiv UX-design, ettersom programmering er mer en matematisk ferdighet, og UX-design er mer en kunstnerisk ferdighet. Men det trenger ikke være tilfelle, siden det er noen gode verktøy for å effektivisere UX-designprosessen. Jeg vil liste opp noen for deg å sjekke ut.
- Mockplus: Tilbyr et dra og slipp-grensesnitt for å sette sammen komponenter og prototyping av UX-designprosessen.
- Skisse: I likhet med Photoshop, men først og fremst ment for UX-design. Den støtter grafikk med flere oppløsninger, uendelige zoomkontroller og en "Eksporter alt" -knapp som lagrer alle filene i de valgte formatene (PNG, JPG, etc).
- Marvel: Et annet verktøy som er sammenlignende med Photoshop, men ment for både UX-design og prototyping. Den støtter også teamsamarbeid gjennom skylagring.
