Share
I denne artikkelen skal vi se på en enkel analogi som vil illustrere effektive måter å kommunisere gjennom design. Når vi har etablert ideen, tar vi en titt på noen kjente eksempler for å kjøre poenget hjem.
Analogen vi skal se på er The Fourier Transform, et intruigende matematisk verktøy oppkalt etter franskmannen Joseph Fourier.
Til å begynne med kan det ikke imponere deg med sine komplekse (og tilsynelatende kjedelige) ligninger. Men, skjult dypt i disse ligningene, er en enkel ide: at en hvilken som helst bølge eller et tidsbasert signal kan brytes ned i mange andre bølger, som utgjør opprinnelsen. Med andre ord peker det på de enkelte ingrediensene som går inn i å lage sluttproduktet.
Fourier Transform har applikasjoner som spenner fra atommagnetisk resonans (NMR) til MP3-komprimering, men vi skal bruke den til noe mer kjent: design.
For eksempel har du satt opp for å lage et nettsted når du har et konsept som må overføres til brukerne. Din jobb, som webdesigner, er å lage en nettside som bryter denne ideen til håndterbare biter; biter av bilder, biter av tekst eller til og med videoer som når forbrukes av en besøkende formidle ideen i deres sinn.
Tenk på den røde firkantbølgen i bildet ovenfor som ideen eller meldingen du vil formidle via nettstedet ditt. Hver blå bølge, selv om de ser helt annerledes ut når de tas individuelt, bidrar til å skape den røde bølgen på en eller annen måte når de kombineres med de andre blå bølgene. Din jobb er å finne ut de "blå bølgene" (komposittelementene) i hovedmeldingen. Ak, hvis bare vi hadde en formel for det!
Til slutt, hvis den besøkende forstår formålet med nettstedet helt og er trygg på å bruke det, har du lykkes i rollen som designer.
Apples nyeste iOS 7, selv om det ble mottatt med blandet respons om de nye farger, estetikk, ikonografi og typografi, er et positivt skritt fremover. Som iPhone-bruker finner jeg det nyeste programvaretilbudet fra Apple en mye mer brukbar og hyggelig opplevelse enn forgjengeren. Jeg kan ikke forestille meg å gå tilbake til iOS 6 nå som jeg har blitt vant til det nye grensesnittet. Dette tilskrives mer enn bare parallaxeffekter, animasjoner og annet øyehud. En av de viktigste grunnene til at iOS 7 er så brukbar, er at den omfatter innhold, snarere enn å pakke det opp i en skeuomorf hud. Apple kaller denne tilnærmingen "Deference".
Betydning - Brukergrensesnittet hjelper brukere å forstå og samhandle med innholdet, men konkurrerer aldri med det - IOS Human Interface Guidelines
På den første siden av designguiden taler en side ved side skjermbilde av den innfødte Weather appen som kjører i iOS 6 og iOS 7 for seg selv; utformingen omfatter innhold. Du trenger ikke å lese et ord for å bli informert om gjeldende vær umiddelbart. Hver detalj bør hjelpe til med å uttrykke meldingen.
Mens du designer ditt perfekte nettsted, sørg for å tenke to ganger om hver detalj. Hver komponent som gjør det opp; typografi, farge, bilder, hver eneste detalj rett ned til favicon, skal bidra konstruktivt, samarbeide i perfekt harmoni for å levere budskapet effektivt.
Jeg har ofte lurt på hvorfor enkelte nettsteder fremhevet legger en "tilbakemelding" -knapp rett på forsiden. Når du får tilbakemelding på arbeidet ditt, er det absolutt nødvendig, aldri gi inntrykk av at du er usikker og ikke trygg. Tenk på det på denne måten: Når du handler, har du noen gang blitt spurt spørsmålet "Hva synes du om butikkbelysning og -maling?" akkurat når du går inn i en butikk? Slike detaljer er i hovedsak usynlige for oss. God butikkbelysning og den generelle stemningen i butikken behandles ikke bevisst av oss.
Sier at hjernen din kontinuerlig mottar informasjon fra øynene og andre sensoriske organer om miljøet rundt deg. En god butikkstemning ville definitivt gjøre noe om å ikke kjøpe et produkt fra dem. Komme tilbake til emnet, Tilbakekoblinger bør være tilgjengelige, men gjemt bort. Gmail gjør en god jobb i dette:
Spør deg selv to spørsmål når du legger til noe på nettstedet ditt:
Perfeksjon oppnås, ikke når det ikke er noe å legge til, men når det ikke er noe igjen å ta bort
Google har alltid vært en mester av minimalisme i design. En nylig oppdatering fjernet den mørke topplinjen fra hjemmesiden sin, fordi folk kommer til Google.com for å søke, for ikke å bli distrahert av andre produkter som Google har å tilby. Denne ekstra linjen bidro aldri til hovedbudskapet til søkemotoren: Søk på nettet. I stedet er disse koblingene nå plassert nøyaktig i en rullegardinmeny, slik at interesserte brukere kan ta en titt og navigere når det trengs.
GoodUI.org er en utmerket samling av 32 ideer av Jakub Linowski som vil hjelpe deg med å bygge et godt og brukbart brukergrensesnitt. Det første tipset er at du bør prøve en enkelt kolonnelayout i stedet for en multikolumnlayout. Begrunnelsen for dette argumentet er at ved å gjøre dette, bør du kunne veilede leserne på en mer forutsigbar måte fra topp til bunn, mens en flerkolonne-tilnærming utgjør en ekstra risiko for å forstyrre kjernens formål med en side.
Multikolonneoppsett har blitt brukt i utskrift i mange aldre, og de fungerer bra. Ta saken med The New York Times eller Mashable. Innholdet er en samling av artikler (eller nyhetsartikler), som hver har en fremtredende overskrift. De har ikke en enkeltkjernemelding for sine besøkende, heller en samling av informasjon for dem, og deres grensesnitt leverer dette effektivt.
En One Column Layout vil veilede leserne dine på en forutsigbar måte, uten risiko for å distrahere dem fra kjerneformålet med en side
Ta en titt på dette enkle diagrammet, som jeg bruker til å representere "uttrykk":
Den indre sirkelen representerer det du uttrykker for andre, og den ytre sirkelen er meldingen som du tenkt å uttrykke. Dette gjelder ikke bare for webdesign, faktisk vil dette konseptet hjelpe deg med å forbedre kommunikasjonsevnen din generelt. Når du prøver å uttrykke eller kommunisere en ide til andre, kan du prøve å øke den indre sirkelen. Vurder deg selv og prøv å sette deg selv i skoene til publikum. Hvor mye av den tilsiktede meldingen du faktisk uttrykker?
Porteføljen av Calm Digital er et godt eksempel på hvordan det er mulig å uttrykke en kjerneidee effektivt. I dette tilfellet er det første du merker ordet "Calm" skrevet i store Sans-Serif-bokstaver mot en blå bakgrunn. Kontrasten mellom det hvite og det blå som brukes er perfekt; ikke for mye og ikke for lite, bare rolig nok. Fargen blå er kjent for å fremme følelser av ro og ro.
Ikke vær sjenert fra enhver mulighet som kan hjelpe deg med å uttrykke ting bedre. Internett-tilkoblinger er raskere enn de pleide å være, nettlesere er mye kraftigere og dyktige og rike teknologier som HTML5, CSS3 etc. gir mer kraft enn noensinne til webutviklere. Borte er de dagene da du var begrenset til å opprette statiske sider. Ikke vær sjenert fra å bruke det nyeste verktøyet og teknologien hvis det kan hjelpe deg med å få budskapet ditt bedre til dine besøkende. Jeg understreker den siste halvdelen av den setningen: hvis det kan hjelpe deg med å få budskapet ditt bedre til dine besøkende.
For bare noen få år siden kunne vi ikke forestille oss å plassere en fullblåst video som bakgrunnen til et nettsted. Men se, det er ikke uvanlig praksis i disse dager. Det er ingen bedre måte å formidle erfaringen med å bruke en nettbrett enn en video. Dette er akkurat hva Google gjorde for deres Nexus 7-nettsted. Ved å klikke på en knapp setter du rett midt i Nexus-opplevelsen.
Spotify går et skritt videre og spiller automatisk en video i bakgrunnen. Det er fengslende ...
Hjemmesiden til designer Fernando Maclen bruker en uskarpt video i bakgrunnen som viser ham på jobben. Hele siden forblir tro mot bildeteksten "Superb simplicity".
La oss kort løpe over det vi har dekket i denne artikkelen:
Jeg håper du likte denne artikkelen, takk for å lese!
Accentsconagua