Hjem Sosiale medier Hvordan lage et kart for et nettsted Redesign - dummies

Hvordan lage et kart for et nettsted Redesign - dummies

Innholdsfortegnelse:

Video: Top 10 Microsoft Edge Chromium Best Features 2024

Video: Top 10 Microsoft Edge Chromium Best Features 2024
Anonim

Mange antar at webdesign alltid handler om å skape et nytt nettsted fra bunnen av. Vel, nesten alle organisasjoner av hvilken som helst størrelse har allerede et nettsted. Deres primære behov er å holde eksisterende nettsider friske og utvikle seg med den nyeste teknologien og de forandrede behovene til selskapet. Derfor, ofte enn ikke, henvender klienter deg til redesign deres nettside.

Sitemaps kommer til nytte ikke bare i designprosessen, men også i redesignprosessen. Ved å utvikle et nettstedsside for det nåværende nettstedet, kan du se nettstedet i sin helhet og hvordan sidene relaterer seg til hverandre. Du kan også se hvor bruksproblemer ligger, og du kan få ideer til en bedre design.

Dekonstruere et nettsted

Så hvordan lager du et nettstedkart for et eksisterende nettsted? Du bygger den ved å plukke siden fra hverandre for å se hvordan den er laget. Her er fire enkle trinn for å komme i gang:

  1. Start med hjemmesiden.

    Gå til hjemmesiden til nettstedet og se nøye på alle navigasjonssettene på siden. På et stort stykke papir tegner du en boks øverst på hjemmesiden, og under det tegner du store beholdere for hvert navigasjonssett du ser. Innenfor hver beholder tegner du alle navigasjonslinkene for det aktuelle settet. For eksempel, i en "Footer" -beholder, liste alle bunntekstlinkene. Denne listen hjelper deg å holde deg orientert på nettstedet når du plukker den fra hverandre.

  2. Identifiser hovedkategorier og underkategorier.

    Klikk på alle navigasjonskoblingene og se hvor de tar deg. Har de underkategorier? Hvis det er tilfelle, tegne dem som utvidelser av hovedinngangen deres. Du kan bli overrasket over å oppdage at noe viktig innhold er skjult, mens annet innhold blir duplisert og funnet under flere navigasjonsoppføringer.

  3. Se etter databasens interaksjoner.

    Hold øye med sider som er avhengige av en database. Disse er enkle å få øye på - se etter sider som samler inn data. Dataene går åpenbart et sted når brukeren sender den. Se også etter sider som har en funky URL. Hvis nettadressen har en lang rekke rare tegn som $ og?, det er et sikkert tegn på en malside som fyller seg med innhold fra en database.

    Spør også kunden hvor mange databaser nettstedet bruker og til hvilket formål. Klienten kan ha en CMS ( c ontent m anagement s ystem) for alle bilder og tekst, har en database for produkter og priser og en egen database for kunder. Sannsynligvis må du inkorporere disse eksisterende databasene i redesignet ditt.Hvis ikke, må du vite hvordan klienten planlegger å oppgradere disse systemene.

Ferdigstillelse av sitemapet for et nytt design

Ved å fullføre sidekartet for et nytt design inngår samme prosess som å lage et nettstedskart for et helt nytt nettsted. Bruk ditt sett med symboler og linjekunst for å fylle ut detaljene for hva som skjer i siden. I en redesignprosess trenger du ikke å bli for detaljert i ditt dekonstruerte sitemap - lagre energi for det redesignede sitemapet. Hensikten med å lage et sitemap for det gamle nettstedet er å gi deg en bedre ide om nettstedets nåværende informasjonarkitektur. Det fungerer som et godt diskusjonspunkt med klienten, slik at du kan stille mange spørsmål og formulere ideer for redesignet.

Her er en utvalgsliste med spørsmål for å spørre klienten:

  • Hva liker du minst om nettstedet nå? Finn roten til det aktuelle nettstedets problem ved å undersøke om informasjonarkitekturen til nettstedet eller innholdet må revideres. Kanskje begge er fine, og klienten vil bare ha et nytt utseende på nettstedet eller legge til nye funksjoner.

  • Skal noe nytt innhold bli lagt til, eller gammelt innhold fjernet? Hvis du legger til eller fjerner mye innhold, kan nettstedets informasjonsarkitektur trenge et betydelig redesign.

  • Har nettstedets formål endret seg? Mange ganger har et selskap et eksisterende nettsted som opprinnelig ble utviklet for å fungere som et markedsføringsstykke, men nå må det fungere som en inntektsgivende forretningsmaskin. I så fall står du overfor et betydelig redesign av både innhold og arkitektur.

  • Har selskapet endret fokus eller markedsplassering? I slike tilfeller kan nettstedets innhold og navigasjon, så vel som utseende og utseende, endres drastisk. Når du designer nettsteder som disse, begynner du nesten fra begynnelsen.

Hvordan lage et kart for et nettsted Redesign - dummies

Redaktørens valg

Hvordan du endrer temafonter i PowerPoint 2007 - dummies

Hvordan du endrer temafonter i PowerPoint 2007 - dummies

Velger et tema i PowerPoint setter temafonter, opprette en skrift for overskriftene dine og en annen for din kroppstekst. Hvis du ikke vil bruke temafonter knyttet til temaet du har valgt, følger du disse trinnene:

Hvordan du endrer handoutmasteren i PowerPoint 2007 - dummies

Hvordan du endrer handoutmasteren i PowerPoint 2007 - dummies

PowerPoint Handout Master inneholder formateringsinformasjon som er brukes automatisk til PowerPoint-presentasjonen. Du kan endre Handout Master for å dekke dine behov.

Hvordan du endrer Notes-masteren i PowerPoint 2007 - dummies

Hvordan du endrer Notes-masteren i PowerPoint 2007 - dummies

Redusert bilde av PowerPoint-lysbildet, og eventuelle notater som går sammen med lysbildet. Når det skrives ut, formateres sider formatert i henhold til Notes Master. Pass på at du legger til sidetall i høyttalervennene dine. På den måten, hvis du slipper en stabel med notasider, vil du ...

Redaktørens valg

Word 2016 Tekstoppføring og formaterings snarveier - dummies

Word 2016 Tekstoppføring og formaterings snarveier - dummies

Word 2016 gir deg mange måter å interagere med dokumentet. Det er flere tastaturgenveier som kan være en flott tidsbesparende. Med disse hurtigtastene kan du øke hastigheten på tekstredigering og formatering. For å gjøre dette Med tastaturet Start en ny linje i samme avsnitt Shift + Enter Sett inn en sideskift Ctrl + Enter Sett inn ...

Word 2016 Se snarveier - dummier

Word 2016 Se snarveier - dummier

Noensinne føler at du bare ikke har det rette perspektivet? Vel, Word 2016 gjør det enkelt å endre dokumentvisningen slik at du kan få et annet perspektiv. Med disse hurtigtastene kan du bytte mellom ulike visninger i Word 2016. Bytt til denne visningen Med tastaturet Utskriftsoppsett Alt + Ctrl + P Utkast Alt + Ctrl + O Utkast ...

Hvordan skrive melding Popup-makroer i Word 2016 - dummies

Hvordan skrive melding Popup-makroer i Word 2016 - dummies

Den mest grunnleggende typen Programmering, i Word 2016 eller et annet program, er kode som spretter ut en enkel melding på skjermen. Faktisk begynner de aller nybegynnere programmeringsbøkene med et prøveprogram for å vise teksten Hello, World! Word-makroer er ikke forskjellige. Følgende makro, message_popup1, viser en dialogboks ...

Redaktørens valg

Legg til tekst til lukkede figurer med Adobe CS5-dummies

Legg til tekst til lukkede figurer med Adobe CS5-dummies

Adobe Creative Suite 5 (AdobeCS5) Illustrator lar deg å plassere tekst inni eller på banen til en lukket form. Disse alternativene er et betydelig tillegg til tekstformatering verktøykassen. Opprette tekst i lukket form Når du legger inn tekst i en form, kan du legge til et spunk i et oppsett. Med denne funksjonen kan du skreddersy ...

Adobe CS5 Illustrator Area Type Tool - dummies

Adobe CS5 Illustrator Area Type Tool - dummies

En enkel og praktisk måte å lage rader og kolonner med tekst på er å bruk områdestypealternativer i Adobe Creative Suite (Adobe CS5) Illustrator. Denne funksjonen lar deg lage rader og kolonner fra et hvilket som helst tekstområde. Du kan bare ha rader eller bare kolonner (som kolonner av tekst i en avis) ...

Adobe CS5 Illustrator Clipping Masks - dummies

Adobe CS5 Illustrator Clipping Masks - dummies

Adobe Creative Suite 5 (Adobe CS5) Illustrator inkluderer Clipping Mask funksjonalitet. I likhet med å peering gjennom et hull i et stykke papir til gjenstandene under den, tillater en utklippsmaske et øverste objekt å definere de valgte figurene under den; Med en kappemaske er området rundt den definerende formen imidlertid gjennomsiktig. ...