socialgekon.com
  • Hoved
  • Fremtidens Arbeid
  • Livsstil
  • Designerliv
  • Ux Design
Ui Design

UI Design for TV: Working with White Space

Design for TV krever en omfattende og disiplinert forståelse av UX-prinsipper. Et av elementene som er en konstant bekymring når du designer for TV, er bruken av hvite rom i designet. Det er for mange TV-apper på markedet som ikke vet hvordan (eller bevisst velger ikke) å utnytte hvite rom på riktig måte. Resultatet er en rotete uhyrlighet som aktivt undergraver forretningsmål.

Nedenfor vil jeg gi en forklaring på hva hvitt område er og hvordan det er best å bruke det i TV-appen din.

White space er vår venn



Først og fremst ...

Hva er hvit plass?

Hvite rom er en ledig eiendom med null overlappende tekst eller grafikk.

Dette er viktig å merke seg fordi et grafisk bakgrunnsbilde kan betraktes som hvitt mellomrom så lenge ingenting legges til på det.

Hvite rom er ikke alltid bare hvite

Hvite rom er ikke alltid bare hvite

Hva er viktig?

Hvorfor gjør noe så enkelt en stor forskjell? Bedriftseiere ser ofte hvite rom som en tapt mulighet til å markedsføre mer innhold, sløsing med verdifull skjermplass. Målet deres er å sette så mye innhold som mulig foran brukerne, noe som på et eller annet nivå er forståelig. Men når det er for mye innhold tilgjengelig for kundene, møter de det som kalles beslutning lammelse - en fullstendig mangel på evne til å bestemme.

Hicks lov, eller Hick-Hyman-loven, oppkalt etter britiske og amerikanske psykologer William Edmund Hick Y Ray Hyman , Beskriv vær hva som trengs for en person å ta en beslutning som et resultat av de mulige valgene han eller hun har: å øke antall alternativer vil øke beslutningstiden logaritmisk .

Det er virkelig en stor avtale når du vurderer hele konseptet med TV-apper - VALGET! Hvor mange ganger har du gått gjennom et endeløst bibliotek med miniatyrbilder av film og TV-show, bare for ikke å kunne bestemme noe i det hele tatt. Det er ikke fordi innholdet ikke er bra. Det er fordi det ikke er plass til å puste, det er ingen signifikante separatorer. Hjernen din ser så mange alternativer at den slås av.

En opptatt skjerm skaper beslutningspanikk

Å sette for mye på skjermen overvelder brukeren din og forårsaker beslutningspanikk

For designere er hvite mellomrom det negative rommet på en side som gir visuell pusterom for øynene dine.

Designere vet at hvite mellomrom hjelper brukeren til å fokusere og absorbere innholdet du vil at de skal se.

Si ja til hvite mellomrom

Hvite rom er spesielt viktig for design av TV-applikasjoner fordi brukere generelt er avslappede, nyter en avslappet opplevelse og prøver å ta en beslutning på avstand. Ved å gi dem en god balanse mellom innhold og hvite rom, hjelper vi dem faktisk gjennom denne prosessen.

Når det brukes riktig, kan hvite rom forvandle et design og opplevelsen brukeren får fra det. Design og utforming trenger plass til å puste for å være lett å se og for å lette beslutninger. Ved å bruke mellomrom øker du faktisk lesbarheten til innhold og brukerinteraksjoner. Dette oppnås ved å redusere distraksjonen som hindrer seerne i å ta en beslutning.

I samsvar med etterforskningen Utført av Human Factors International, øker hvite rom brukerforståelsen med nesten 20%. La oss se hvordan øst bidrar til å skape pusterom, og hvordan det transformerer beslutningsprosessen.

Et TV-grensesnitt tilsynelatende designet for å forårsake angst

Et TV-grensesnitt tilsynelatende designet for å forårsake angst

Et TV-grensesnitt som prøver å gjøre for mye samtidig

Et TV-grensesnitt som prøver å gjøre for mye samtidig

Estetisk godt utført, men ingen hvite mellomrom mellom innholdet

Estetisk godt utført, men ingen hvite mellomrom mellom innholdet

Et grensesnitt med plass til å puste

Et grensesnitt med plass til å puste

Et TV-grensesnitt med god balanse og hierarki mellom elementene

Et TV-grensesnitt med god balanse og hierarki mellom elementene

Et TV-grensesnitt med god balanse og hierarki mellom elementene

Et TV-grensesnitt med god balanse og hierarki mellom elementene

Du ser det?

Hvite mellomrom skaper klare skillelinjer som fokuserer brukerens øyne på innholdet du vil at de skal se på.

Hulu gjør en god jobb med å bruke hvite rom i Hulu Live-appen. Ta en titt på det store bakgrunnsbildet som brukes i stedet for den tradisjonelle plakaten; det er innhyllende og vakkert å se. Dette er et godt eksempel på hvordan du bruker den enorme kommersielle plassen som er tilgjengelig.

Hulu griper deg med et oppslukende hvitt rom

Hulu griper deg med et oppslukende hvitt rom.

Hvite rom reduserer kognitiv belastning og fremskynder beslutningstaking. Som beskrevet i Fast Co Design Å legge til hvite mellomrom gjør mye mer enn bare å fjerne rot. -Det tjener disse viktige funksjonene:

  • Forbedre forståelsen

  • Avklarer forholdet mellom interaktive elementer

  • Trekker og fokuserer brukernes oppmerksomhet

Hvite rom handler ikke bare om estetikk, det er nøkkelen til et vellykket brukergrensesnitt. Ved å fokusere på visuelt hvitt rom, design hvitt rom, tekst hvitt rom og innhold hvitt rom, forbedrer vi brukerforståelsen sterkt. Dette legger vekt og plasserer innholdet ditt foran og i sentrum. Bilder som er nær hverandre vil virke like; Derfor vil klargjøre forholdet til brukerne tillate dem å navigere trygt. Som du har hørt før, 'mindre er mer.'

Bruk kraften i det hvite rommet til å heve designene dine og hjelpe til med å ta beslutninger.

Å redusere den kognitive belastningen vil gjøre brukergrensesnittet ikke bare mer nyttig, men også mer behagelig å bruke - det hvite rommet vil bidra til å skape en følelse av harmoni og flyt i brukeropplevelsen.

Effektiv bruk av hvite rom

Her er noen flere eksempler på TV-applikasjoner som bruker kraften i effektiv hvit plass til å lage grensesnitt som er hyggelige å bruke.

Disse TV-grensesnittene lar brukeren fokusere på en, snarere enn dusinvis av alternativer

Disse TV-grensesnittene lar brukeren fokusere på ett, i stedet for dusinvis av alternativer om gangen.

Hvite rom er et element som ofte blir oversett og underutnyttet i mange av dagens TV-design. Mens innhold er konge i fjernsynsapplikasjoner, betyr det ikke at vi må mette skjermen ved å dekke hver tomme av den. White space er en enkel, men kraftig designenhet som bør brukes på alle TV-applikasjoner på markedet. Det er moderne, stilig, visuelt stimulerende og testet for å hjelpe brukerne med å bestemme hvilket innhold de skal se på.

Bruken av hvite mellomrom i oppsettet lar innholdet ditt skinne på alle størrelser

Ved å bruke hvite mellomrom i oppsettet kan innholdet ditt skinne på alle størrelser.

10 overraskende iPhone-fotograferingstips for nybegynnere

Skyting

10 overraskende iPhone-fotograferingstips for nybegynnere
JavaScript-prototypkjeder, omfangskjeder og ytelse: Hva du trenger å vite

JavaScript-prototypkjeder, omfangskjeder og ytelse: Hva du trenger å vite

Web Front-End

Populære Innlegg
C Corp vs. S Corp, partnerskap, eierforetak og LLC: Hva er den beste forretningsenheten?
C Corp vs. S Corp, partnerskap, eierforetak og LLC: Hva er den beste forretningsenheten?
iOS ARKit-opplæring: Drawing in the Air with Bare Fingers
iOS ARKit-opplæring: Drawing in the Air with Bare Fingers
Zen av devRant
Zen av devRant
Hvordan gjøre bildet om til en skisse eller tegning
Hvordan gjøre bildet om til en skisse eller tegning
Til designere med kjærlighet (et brev fra en frontend-utvikler)
Til designere med kjærlighet (et brev fra en frontend-utvikler)
 
Objektdeteksjon ved hjelp av OpenCV og Swift
Objektdeteksjon ved hjelp av OpenCV og Swift
Hensyn til å skaffe ditt eget private equity-fond
Hensyn til å skaffe ditt eget private equity-fond
Front-End Frameworks: Løsninger eller store problemer?
Front-End Frameworks: Løsninger eller store problemer?
Samarbeidsdesign: En guide til vellykket bedriftsproduktdesign
Samarbeidsdesign: En guide til vellykket bedriftsproduktdesign
ARM-servere: Mobil CPU-arkitektur for datasentre?
ARM-servere: Mobil CPU-arkitektur for datasentre?
Kategorier
Datavitenskap Og DatabaserTeknologiRise Of RemoteVerktøy Og OpplæringsprogrammerLivsstilProduktets LivssyklusMobil DesignFremtidens ArbeidPlanlegging Og PrognoserPeople & Teams

© 2023 | Alle Rettigheter Reservert

socialgekon.com