Share
Før du begynner å designe, er det flere ting du bør se først. Jeg finner alltid disse ekstra første trinnene hjelp når du til slutt begynner å dykke i å designe for ditt neste prosjekt - og selv om disse oppgavene legger litt tid til begynnelsen av et prosjekt, blir det mer enn gjort opp senere på linjen.
Det første du bør begynne å gjøre når du jobber med et nytt prosjekt er plan. Jeg kan ikke understreke hvor viktig planleggingsfasen er - når du har et godt planlagt prosjekt, er det mye mer sannsynlig at prosjektet vil løpe jevnt og uten så mange problemer eller utfordringer.
De viktigste tingene du må tenke på når du planlegger, er mest relatert til innhold - innholdet du må jobbe med (forhåpentligvis det fulle, virkelige innholdet som skal brukes på nettstedet), hvordan innholdshierarkiet fungerer og passer sammen, et nettstedsside kart og mer. Men i tillegg til alt arbeidet med innhold du kanskje vil begynne å se på prosjektets struktur, arbeidstid og prosjektets omfang.
Det er super viktig når du designer nettsteder for å forlate Lorem Ipsum (eller alternativ fillertekst) og jobbe med ekte innhold. Dette er noen ganger ikke alltid mulig, men som freelancer driver jeg alltid for klienten å gi meg innholdet de ønsker på nettstedet.
Hvis du ikke arbeide med ekte innhold, så du risikerer å designe uten riktig sammenheng, og uten at du ikke kan ta designbeslutninger som vil gi brukerne og deres erfaringer fordeler når de samhandler med nettstedet ditt.
Når du arbeider med et design, betyr det at du kan se hvordan dette innholdet samhandler med de andre designelementene på en side ved å arbeide med ekte innhold. Dette er enda viktigere med innføringen av responsiv design - som vi kan se hvordan ekte innhold samhandler og reagerer på bestemte visningsportaler og størrelser.
Når du har innholdet foran deg, er det første du vil gjøre, å analysere det og se om du kan se på noe som trenger å endre eller fjerne. Du har sannsynligvis blitt levert innholdet i hva kunden anser å være separate sider - så innhold på hjemmesiden, om sideinnhold, etc. - men hvis ikke, vil du ha som mål å begynne å gjøre det selv.
Sarah Parmenter berørte kort dette på Responsive Day Out i Brighton i mars hvor hun snakket om å analysere innhold i et trafikklyssystem.
Når Sarah og hennes team får innhold til et prosjekt, går de gjennom og tildeler tre farger til innholdet: for innhold de vil beholde, merker de det som grønt og innhold som de vet er unødvendig eller unødvendig, de markerer det som rødt - og det innholdet er fjernet. De biter av innhold som havner mellom de to ytterpunktene er merket som oransje eller gult (eller rav, hvis du er i trafikklysspesifikasjoner!), Å bli sett på igjen i diskusjoner med klienten.
Jeg tror dette er en veldig god teknikk for å ganske enkelt sortere gjennom innhold som du mottar - det er raskt og veldig enkelt å visuelt se gjennom og se hvilke biter av innhold du trenger å være oppmerksom på.
Når du sorterer innhold, vil du også prøve å tenke på forholdet mellom alt innholdet. Som du ville, da du utviklet et nettsted, ser du om du kan se noen modulære eller vanlige mønstre til innholdet og holde disse i bakhodet.
Hierarki er beskrevet som "et system eller en organisasjon der folk eller grupper er rangert som den ene over den andre" - og dette gjelder nøyaktig hvordan vi kan jobbe med innholdshierarkiet. Ideelt sett er det vi prøver å lage et system som fungerer for å vise innholdet vårt på en meningsfull og nyttig måte.
Når du sorterer gjennom innholdet ditt, må du sørge for at du alltid tenker på hvordan innholdet gjelder og legges ut - her vil du virkelig tenke på å gjøre innholdet så enkelt å fordøye som mulig. Tenk på bruk av overskrifter, lister, sitater, bilder og mer for å bryte opp innholdet og gjøre det lettere å kommunisere mer fokuserte meldinger til brukerne.
Etter å ha sortert gjennom innholdet og gjort relevante endringer mens du går sammen, bør du forhåpentligvis ende opp med en ferdig masse innhold å jobbe med. Når du er fornøyd med innholdet, må du begynne å se på hvordan dette innholdet vil fungere på nettstedet selv.
Dette er en grunnleggende sitemap opprettet ved hjelp av MindnodePro. Hvis du har et lite nettsted (som dette), er det noen ganger en ide å legge til elementene du vil ha på en side i sidekartet også.
Du kan velge å opprette et nettstedskart når du er fornøyd med det endelige innholdet ditt, men vær så snill å bruke dem helt i begynnelsen, så snart du har originalt innhold som følger med.
Jeg finner stedskartene flotte - de er et glimrende visuelt hjelpemiddel for å se nettstedets tilstand, hvor mange sider det kan være og forholdet mellom alle sidene. Dette kan ofte være enklere å se gjennom et nettstedskart, etter hvert som du får fjernet alt rotet som sider med innhold kan bringe.
Å lage et nettstedskart er et godt eksempel på hvor god planlegging vil hjelpe deg gjennom hele prosjektets levetid. Det flotte med sitemaps - enten du bruker en gjeng med post-it på en tavle eller opprett en digital - er at det gjør det veldig enkelt å se hvor potensielle problemer kan være og ha muligheten til å fikse dem før de sitter fast i designen.
Accentsconagua