Maak een werkende wireframe voor het ontwerpen van een product of website die kan dynamisch worden aangepast aan de gewenste specificaties . Met behulp van software - gebaseerde tools , of eenvoudige hulpmiddelen zoals potlood en papier , kunnen gebruikers wireframes die in persoon kan worden opgeslagen iteratieve tocht maken . Zij kunnen dan worden verwezen en samengevoegd nadat de laatste set van veranderingen vastgesteld . Deze tutorial zal u door een wireframe voor een website-ontwerp . Instructies
1 Maak de sitemap voor uw website voordat u een wireframe ontwerpen te maken . Ontwerp een hiërarchisch diagram die aantoont welke pagina gelinkt worden vanaf de homepage , waar sub- pagina's lood , en waar database-en software van derden verbindingen zullen worden gemaakt . Gebruik de sitemap om de creatie van de homepage en de individuele sub - pagina's , die allemaal zullen bieden verschillende gebruikerservaringen en dienen verschillende behoeften van de gebruiker te rijden . Kopen van 2 Lanceer een grafisch programma voor het bewerken of trek een stuk papier en potlood en beginnen aan de algemene layout van de homepage schetsen . Denk aan het doel van de website, de doelen en het aantal gebruikers . Niet gericht op individuele grafische elementen en esthetische . Focus op de generieke plaatsing van inhoud gebieden op de website op het gebied van hun vorm , grootte en plaatsing .
3 Breng de wireframes om een digitaal beeldbewerkingsprogramma . Maak kleine grafische elementen in de wireframe tot website -elementen , zoals de belangrijkste navigatiebalk , de header gebied , elke vorm van reclame gebieden , en gebieden waar rijke internettoepassingen worden ingezet aangeven .
4 Run de wireframes door verschillende groepen mensen die zouden kunnen worden potentiële gebruikers van uw site om te bepalen of het ontwerp wordt de ontwikkeling in de goede richting en als het dient hun behoeften . Wijzigen en herhalen het ontwerp als dat nodig is.
|
