socialgekon.com
  • Hoved
  • Investorer Og Finansiering
  • Inntekter Og Vekst
  • Trender
  • Økonomiprosesser
Ui Design

Beste fremgangsmåter for brukbarhet og design

Tenk deg at du kjører til jobb - favorittpodcast som spilles, reisekrus i hånden og ingenting annet enn klare veier fremover. En forsiktig sjåfør, du titter ned og merker et ukjent lys som gløder på dashbordet.

Forvirrende ikonbruk for dekktrykkstyringssystem

Ikonet for Tyre Pressure Management System (TPMS) er et oppblåst tverrsnitt som nesten ikke ligner et dekk.

Noe som en blanding mellom et lysuttak og en boblende heksekjele, det lille lyset virker viktig, men du er ikke sikker på hva det betyr. Et blikk på målerne avslører ingenting unormalt, og kjøretøyet ser ut til å gå bra, så du bestemmer deg for å takle det etter jobb.



Senere den kvelden, når arbeidsdagen din er ferdig og middagen i horisonten, nærmer du deg kjøretøyet ditt på kontorparkeringen og - 'Du må tømme meg!'

Det fremre førerdekselet er flatt som en pannekake. Hvis du bare hadde visst at det lille ikonet fra tidligere var en advarsel fra bilens dekktrykkhåndteringssystem, ville du ha løst problemet og unngått unødvendig sorg.

Ikoner må gi klarhet

Verden av fysiske og digitale produkter er oversvømmet med ikoner og med god grunn: Bilder formidler mening med en hastighet uten sidestykke av ord. Faktisk har MIT-nevrologer funnet at den menneskelige hjerne kan behandle et bilde på så lite som 13 millisekunder .

Dessverre er det tidspunkter når ikonene vi møter er dårlig utformet, og etterlater oss forvirret og frustrert. Når de er utformet nøye, forbedrer ikoner imidlertid brukervennligheten ved å redusere tvetydighet og kommunisere funksjonalitet.

Det endelige målet med ikon brukervennlighet og design er å forbedre brukeropplevelsen, ikke forvirre den. Men hvordan ser det ut, og hvordan kan det brukergrensesnittdesignere sørge for at ikonene de lager blir lett forståelige?

Dyktig ikondesign forbedrer produktets brukervennlighet

Ikoner er abstraksjoner. De forenkler objekter, ideer og kommandoer til grafiske symboler som raskt kan identifiseres av det menneskelige øye. Så, hva gjør ikoner nyttige, og hvordan skal de få brukeren til å føle seg?

Ikoner er enkle å se og bruke.

Hvordan det føles: 'Det var lett. Jeg så på skjermen og fant raskt ikonet jeg trengte. Jeg klikket på den, og det fungerte som forventet. ”

Ikoner gir sammenheng til opplevelsen i et produkt.

Hvordan det føles: 'Disse symbolene betyr tydeligvis noe, og de hjelper meg å navigere og bruke dette produktet.'

Universell ikondesign for sikkerhetsforbedrende ikonbrukbarhet

Det kinesiske ikonet for 'sikkerhet' er umiddelbart gjenkjennelig for ikke-morsmåls takket være den autoritære hatten, uniformen og holdningen. ( Kinas offentlige informasjonssymboler )

Ikoner fungerer som tverrkulturelle konteksthint.

Hvordan det føles: 'Jeg kan ikke språket, men jeg vet hva dette symbolet betyr.'

Ikoner forbedrer og utvider merkevarens visuelle fortellende evner.

Hvordan det føles: “Dette merket er personlig, men profesjonelt. De bryr seg om å være til hjelp i selv de minste detaljene. ”

Kryptisk ikondesign gjør produkter smertefulle å bruke

Når ikondesign blir lite tenkt eller ikonsett raskt monteres som en ettertanke i produktets utvikling, oppstår komplikasjoner og fører til en dårlig produktopplevelse, miffed brukere og et sølt merke.

Hva er kryptiske ikoner, og hvordan får de brukerne til å føle seg?

Kryptiske ikoner er dårlig assosiert med deres faktiske funksjonalitet.

Hvordan det føles: “Vent, jeg trodde ikonet ville gjøre noe annerledes. Hva skjedde nå?'

Snapchat skjermbilde ikon design betydning

Disse Snapchat-ikonene gir brukerne beskjed når skjermbilder er tatt av snaps og chatter. Dessverre er grafikken en dårlig fremstilling av et skjermbilde, og de tre fargevariasjonene skaper forvirring.

Et kryptisk ikonsett gir flere alternativer som virker for nært beslektede.

Hvordan det føles: 'Hvilket av disse ikonene gjør det jeg vil ha det?'

Kryptiske ikoner er kulturelt forvirrende.

Hvordan det føles: “Hvem! Jeg ville aldri klikket på noe så skandaløst. ”

Kryptiske ikoner støter brukere ut av den tiltenkte opplevelsen.

Hvordan det føles: “Jeg trodde denne appen ville hjelpe meg med å budsjettere pengene mine, men disse ikonene ser dumme ut. Er dette produktet riktig for meg? ”

10 veiledende prinsipper for ikondesign i verdensklasse

Nå som vi forstår ikonbrukbarhet og hvordan ikoner kan forbedre eller hindre produktbrukbarhet, la oss undersøke et sett med veiledende prinsipper som ikon designere kan brukes til praktisk talt ethvert ikondesignprosjekt.

  1. Arbeid hardt for å forstå funksjonene som ikoner vil bli assosiert med. Hvis du ikke forstår, ikke gjett. Spørre.
  2. Unngå å designe ett ikon om gangen. I stedet tilnærming ikon sett som en helhet. Spør deg selv: 'Er settet sammenhengende? Er det ikoner med dobbel betydning eller forvirrende assosiasjoner? Er settet en god representasjon av merkevaren? '
  3. Omgå datamaskinen og start tidlig ikonideer med enkle skisser.

    Ikon design konsept skisser

    Håndtegnede miniatyrskisser er en effektiv måte å utforske flere ikondesignkonsepter og fange ideer raskt.
  4. Ikke finn opp hjulet på nytt. Sikt etter universelt forståte symboler, og ikke vær redd for å bruke eksisterende ikonsett som er mye brukt og tilgjengelig på nettsteder som Font Awesome .
  5. Når du bruker aksjesymbolssett, kan du gjerne tilpasse for merkejustering eller ekstra karakter, men ikke ofre klarhet.
  6. Bruk tekstetiketter der det er hensiktsmessig for å øke ikonets brukervennlighet. Tekst i seg selv er et vanskelig mål å klikke eller trykke på, men når det kombineres med ikoner, hjelper det brukere å eliminere tvil og unngå symbolsk feiltolking.
  7. Ikke ofre brukervennligheten for design av øyegodis.
  8. Tenk på hvordan ikoner passer inn i et grensesnittets designhierarki, og ikke glem at forskjellige skjermstørrelser kan påvirke ikonets synlighet på grunn av skalering.

    Når du arbeider med appikondesign, se på relativ ikonstørrelse mellom mobil- og skrivebordsgrensesnitt.

    Legg merke til den visuelle fremtredningen av 'Søk' -ikonet i mobilgrensesnittet i motsetning til desktopversjonen. Den faktiske størrelsen mellom versjonene endres veldig lite, men mobilgrensesnittet har mindre plass, slik at ikonet skiller seg ut.
  9. Husk 5-sekundersregelen. Når du lager ikonkonsepter, kan du prøve å tenke på symbolske assosiasjoner innen 5 sekunder. Ellers kan forbindelsen mellom ord, handling og symbol være svak.
  10. Test ikoner med ekte mennesker. Er de gjenkjennelige? Er de minneverdige? Hvis ikke, fortsett å jobbe.

Konklusjon

Vi lever i en verden som er mettet med visuell informasjon. Vi tar ofte flere valg i løpet av øyeblikk. “Hvor er vi på vei? Hvordan kommer vi dit? Hva vil vi gjøre når vi ankommer? ” Ikoner hjelper oss å kutte gjennom rotet og raskt avgjøre hva som er viktig. De holder oss lykkelig engasjert med produktene vi bruker hver dag, og når de fungerer bra, fremmer de merkevaretilfredshet.

Sammenhengende design av Google Docs ikonsett

Google Docs UI har en balansert blanding av lettfattelige ikoner og tekstetiketter som forbedrer brukervennligheten og forbedrer produktets generelle opplevelse.

Dessverre kommer ikoner altfor ofte til kort. Dårlig utformede ikoner hindrer produkt brukbarhet , irritere brukere og skade merkevarelojalitet. For produktdesignere og designteam er dette en stor mulighet.

Når ikoner forbedrer brukeropplevelsen i stedet for å forvirre den, oppnår de hovedmålet for ethvert designarbeid; de forbedrer livskvaliteten. Husk at ikoner er abstraksjoner, ikke ettertanke. De er ment å relatere kompleksitet raskt og sømløst, uten pause fra brukeren. Dette er ingen liten bragd for designeren, men det er mulig med nøye planlegging, en metodisk prosess og menneskesentrert brukertesting.

•••

Videre lesing på ApeeScape Design Blog:

  • Brukervennlighetstesting for konvertering: Slutt å følge trender, begynn å bruke data
  • Gjør brukervennlighetstesting av data til handling uten å bli gal
  • Hvordan gjennomføre brukervennlighetstesting i seks trinn
  • UX og viktigheten av nettilgjengelighet
  • Den grunnleggende guiden til mobil brukbarhet

Hvordan fjerne følgere på Instagram, og hva skjer når du gjør det

Innlegg

Hvordan fjerne følgere på Instagram, og hva skjer når du gjør det
Topp eksempler på visualisering av data og designpaneler

Topp eksempler på visualisering av data og designpaneler

Ux Design

Populære Innlegg
Hvordan lage et budsjett som varer hele året
Hvordan lage et budsjett som varer hele året
iPhone 13-problemer og hvordan du fikser dem
iPhone 13-problemer og hvordan du fikser dem
Introduksjon til OpenGL: En veiledning i 3D-tekstgjengivelse
Introduksjon til OpenGL: En veiledning i 3D-tekstgjengivelse
Slik sletter du systemdata på iPhone
Slik sletter du systemdata på iPhone
Skogfotografering: Hvordan ta drømmende bilder i skogen
Skogfotografering: Hvordan ta drømmende bilder i skogen
 
Stop Trash: En guide til design av grensesnitt som varer lenge
Stop Trash: En guide til design av grensesnitt som varer lenge
Beste praksis for mobil e-handel for UX (med infografikk)
Beste praksis for mobil e-handel for UX (med infografikk)
En guide til å håndtere valutarisiko
En guide til å håndtere valutarisiko
Den ubestridelige viktigheten av en forretningsplan
Den ubestridelige viktigheten av en forretningsplan
Slik tar du profesjonelt utseende eventfotografering på iPhone
Slik tar du profesjonelt utseende eventfotografering på iPhone
Kategorier
LivsstilMobil DesignLagringBaksidenInvestorer Og FinansieringProduktfolk Og TeamDistribuerte LagMobiliOS-tipsInntekter Og Vekst

© 2023 | Alle Rettigheter Reservert

socialgekon.com