socialgekon.com
  • Hoved
  • Trender
  • Agilt Talent
  • Baksiden
  • Brand Design
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

Hold deg kult: Hvordan ta designfeedback strategisk

Ux Design

Hold deg kult: Hvordan ta designfeedback strategisk
En veiledning i designflyt for utviklere: Lever bedre UI / UX i tide

En veiledning i designflyt for utviklere: Lever bedre UI / UX i tide

Livsstil

Populære Innlegg
Veiledning i videospillfysikk - Del I: En introduksjon til stiv kroppsdynamikk
Veiledning i videospillfysikk - Del I: En introduksjon til stiv kroppsdynamikk
Navigere i nyansene ved due diligence for investeringer
Navigere i nyansene ved due diligence for investeringer
Slik tar du nydelig landskapsfotografering med en iPhone
Slik tar du nydelig landskapsfotografering med en iPhone
Introduksjon til Deep Learning Trading in Hedge Funds
Introduksjon til Deep Learning Trading in Hedge Funds
Figma vs. Sketch vs. Axure - En oppgavebasert gjennomgang
Figma vs. Sketch vs. Axure - En oppgavebasert gjennomgang
 
Tre helsevesensteknologiinnovasjoner: Få bedre resultater og lavere kostnader
Tre helsevesensteknologiinnovasjoner: Få bedre resultater og lavere kostnader
Omfavne Sass: Hvorfor du bør slutte å bruke Vanilla CSS
Omfavne Sass: Hvorfor du bør slutte å bruke Vanilla CSS
Hvordan lagre Instagram-bilder på en iPhone
Hvordan lagre Instagram-bilder på en iPhone
Cybersecurity: Hva enhver administrerende direktør og økonomidirektør bør vite
Cybersecurity: Hva enhver administrerende direktør og økonomidirektør bør vite
Hvordan øke hastigheten på iPhone
Hvordan øke hastigheten på iPhone
Kategorier
Fremtidens ArbeidKpi Og AnalyticsDesign ProsessProduktets LivssyklusMobil DesignProsjektledelseAgilt TalentWeb Front-EndInnleggLagring

© 2023 | Alle Rettigheter Reservert

socialgekon.com