Når du designer mange nettsteder, har vi en tendens til å fokusere på hvordan du best kan bruke tekst for ting som navigasjon. Bilder er primært tenkt som støtte for teksten (med unntak av ting som porteføljesider og lignende).

Utover nettsteder som bruker bilder som det primære innholdet, er det også nettsteder som foregår tekstnavigasjon til fordel for ikoner. Det er en teknikk som, når du er ferdig, virkelig kan forbedre estetikken til et nettsted uten å skade brukbarheten. Og det er noen forskjellige måter du kan opprettholde brukervennlighet og gi en flott brukeropplevelse i hva som kan være en stil som er fylt med potensielle fallgruver.

Når for å minimere tekst

Nettstedene som bruker denne stilen, har stort sett alle få ting til felles. De er alle visuelt drevne, men enda viktigere er at nettsteder der det er visuelt drevet, gir mening (som fotografer, designere og illustratører).

Det er også fornuftig å bruke denne typen nettsted når piquing besøkende nysgjerrighet er en god ide. Jo mer du kan få en bruker til å samhandle med nettstedet ditt, desto lengre vil de bruke det. Dette går langt i retning av å styrke merkevaren din i den besøkende.

Pass på at bildene gir mening for innholdet og hensikten med nettstedet ditt. Dette er en åpenbar når du snakker om noe som en porteføljeside, men det blir litt mer komplisert når du snakker om et nettsted med noe som bare bilde-navigasjon.

Når ikke å fokusere på bilder

Det er andre ganger når et bilde-tungt nettsted ikke gir mening. For eksempel, hvis de besøkende har sannsynlighet for å ha det travelt, så vil de ha et nettsted som er selvforklarende. Hvis det er spørsmål om hva de skal gjøre for å få tilgang til informasjonen de leter etter, er de mer sannsynlig å bare forlate nettstedet og søke informasjonen andre steder.

Og selvfølgelig, hvis nettstedets innhold er tekstbasert, så kaster du inn bilder bare for å kaste inn bilder, ikke gjør deg (eller dine besøkende) noen favoriserer. Bruk bilder til å støtte teksten, heller enn å lage bilder hovedfokus.

Beste praksis

Det er noen ting du kan gjøre for å sikre at dine bildetunge nettsteder blir godt mottatt av dine besøkende.

Bruk tekst når det er fornuftig. Det betyr at du bruker ting som hovereffekter og verktøytips med bildene dine, slik at besøkende raskt kan skille mellom hva et bilde er eller hva man skal gjøre.

Dette er spesielt viktig med bilder som fungerer som navigasjon. Måten de fleste nettsteder håndterer på dette, er å avdekke tekst når ikonene eller bildene sveises over. Selv om ikke alle nettsteder gjør dette, er de som ikke generelt er veldig selvforklarende.

Bruk bilder til pique nysgjerrighet i brukerne dine. Tenk på hvordan du får brukerne til å lure på hva noe handler om, uten å frustrere dem. Det er en vanskelig linje å gå, fordi det er lett å sette brukere av hvis de er forvirret av nettstedet ditt. Vær oppmerksom på analysene dine og hvor raskt besøkende forlater nettstedet ditt.

RVLT

De RVLT Nettstedet bruker et rutenett på hjemmesiden med en blanding av bilder og tekst. Teksten er selvforklarende, mens bildene tar deg til individuelle produktsider. Teksten og bildene omarrangeres hver gang siden oppdateres, noe som gjør nettstedet mer interessant.

Det er enkelt, samtidig som du opprettholder mye visuell interesse.

RVLT

Andreas Smetana Photography

En bilde-tung design er et opplagt valg for en fotoportefølje. Men Andreas Smetana Photography nettsted er fortsatt unikt og interessant. Bildegitteret på venstre side av hjemmesiden fungerer som navigasjon i hele porteføljen. Klikk på et hvilket som helst bilde, og du vil bli tatt til en større versjon (etter noen pene svinger animasjoner).

En subtil bruk av et ikon i stedet for tekst på dette nettstedet er navigasjonspilene i porteføljen. Det er åpenbart hva de er for, mens de fortsatt er enkle og diskret, og legger fokus på arbeidet.

Andreas Smetana Photography

Martina Sperl

Martina Sperl s nettsted bruker store, dristige bilder i hele, med minimal tekst. Sjekk ut tittelboken for bilder som, når de klikker, avslører mer informasjon om produktene i dem. Pilene for å navigere gjennom utseende vises nederst på bildene og er selvforklarende.

Nettbutikken er også image-heavy, med produktbilder i et løs rutenett som fokuserer, noe som avslører produktinformasjon når den svinger over.

Samlet sett er det en enkel design hvor bildene er fokus og skaper stor innvirkning.

Martina Sperl

Moving Things Design Company

De Moving Things Design Company har en mer balansert blanding av tekst og bilder, men bruker fortsatt mange bilder på nettstedet for å forsterke og illustrere poeng. "Vårt arbeid" -seksjonen gjør spesielt stor bruk av bilder, som knytter til de enkelte porteføljene.

Moving Things Design Company

Andi Mayr

Andi Mayr Fotograferingsporteføljen tilbyr mange bilder i et rutenett, hvor hver enkelt kobler til en større versjon av bildet, som åpnes i en lysboks. Den eneste teksten på nettstedet er funnet i sidefeltet for navigering, og på kontaktsiden.

Andi Mayr

DIY

De DIY Nettstedet, også fra Andi Mayr, bruker enda mindre tekst. Det er et veldig interessant prosjekt som gjør at bidragsytere kan ta selvtillit i løpet av en fem minutters periode, og deretter velge ett bilde som de føler seg best representerer dem.

Selve nettstedet består av et fotogalleri (hvert bilde kobler deretter til en side som viser alle bildene personen tok i løpet av fem minutter), samt litt om deltakeren.

Ikoner (med verktøytips for videre forklaring) brukes til filtrering og navigering av nettstedet, noe som er en fin touch. Verktøytipsene, spesielt, er nyttige.

DIY

Jeg tror jeg kanskje

Jeg tror jeg kanskje er et gruppeprojektprosjekt som fokuserer på vakre bilder. Selve nettstedet er nesten ingenting annet enn bilder. Navigasjonen er i øvre høyre hjørne, og består av bare ikoner.

Det er også en kartvisning av bildene på nettstedet (klikk på kartikonet for å få tilgang til det), som er et annet flott alternativ for å utforske.

Jeg tror jeg kanskje

hundrevis

hundrevis er et mobilt puslespill med et interessant nettsted som er tungt på bildene. Det er også mye tekst på nettstedet, men det er alt bundet sammen via bildet, noe som minner om selve spillet.

hundrevis

Abby Putinski

Abby Putinski er illustratør og grafisk designer, så det er fornuftig at nettstedet hennes er veldig bilde tungt. Etter å ha avsluttet den første introlysboksen, ser besøkende et kart dekket av ikoner og landemerker. Det er en morsom måte å sjekke ut arbeidet hennes, sparking bruker nysgjerrighet. Klikk på noen av de uthevede landemerkene, og du får en titt på en fantastisk animert illustrasjon.

Klikk på et av ikonene øverst på siden, og du kan få tilgang til hennes portefølje, CV, kontaktinfo, Dribbble-profil eller Etsy-butikk. Det er en veldig morsom design.

Abby Putinski

Marius Roosendaal

Marius Roosendaal nettsiden ruller horisontalt og består nesten helt av bilder på en hvit bakgrunn (pluss en tekstkobling til "om" -siden). Klikk på et bilde for mer detaljer og en kort beskrivelse av det aktuelle arbeidet.

Marius Roosendaal

Radoslav Holan

Radoslav Holan s nettsted består av et stort bakgrunnsbilde, med linkikoner som tar deg til designerenes arbeid. Det er også et share-ikon nederst på siden, med flere ikoner for hvert av de store sosiale nettverkene. Og du kan slå av ikonene helt ved å klikke på "x" nederst på skjermen (som deretter blir til en "+", som du kan klikke igjen for å få ikonene tilbake).

Radoslav Holan

Mint Digital

Mint Digital tilbyr opp ikonnavigasjon langs venstre side av siden, som utvides for å vise forklarende tekst når den svinger over. Hjemmesiden selv består av det meste av bilder, med litt tekst lagt til også.

Mint Digital

Brindisa Tapas Kjøkken

De Brindisa Tapas Kjøkken Nettstedet bruker navigasjonsikoner for den primære naven, som utvides for å vise tekst når de svinger over. Noen av ikonene er ganske selvforklarende (for eksempel en meny for menysiden, eller en tallerken og bestikk for koblingen for å bestille bord), mens andre virkelig nyter godt av teksten.

Det er også piler å navigere gjennom den store startsiden skyveknappen. Det er en enkel å bruke og virkelig estetisk tiltalende design.

Brindisa Tapas Kjøkken

Blocklevel

De Blocklevel Nettstedet bruker et fargerikt blokkruten fylt med ikoner og minimal tekst for hoveddelen av hjemmesiden deres. De fleste av disse avslører informasjon om selskapet når de svinger over. Denne typen avslører virkelig besøkende nysgjerrighet og gjør folk mer sannsynlig å samhandle med nettstedet.

Blocklevel

Camellie

De Camellie Nettstedet er utmerket for en illustratør, med hjemmesiden som består helt av kunstnerens illustrasjoner. Hovering over hver avslører informasjon om illustrasjonen, og klikker bringer deg til en større versjon. På disse detaljsidene får du også en rekke fargerike prikker på venstre side av siden som gir deg flere kunstverk.

Det er enkelt, med fokus rett på markedet, som det burde være med denne typen nettsted.

Camellie

Konklusjon

Når det er gjort bra, kan nettsteder som fokuserer på bilder og minimere bruken av tekst, få stor innvirkning på besøkende og øke engasjementet. Selv om det er ulemper, og stilen ikke passer for hvert nettsted, er det forskjellige fordeler med å bruke denne stilen på nettsteder der det er gunstig å fremme brukernes nysgjerrighet.