Website design process 

User analysis:
    teenager — young adult 
    website need to be attractive and appealing by putting large images at the front page 
Organisational system: 
    Scheme: Combined(exact+ambiguous)
        Exact: Chronological (main line for story to develop)
        Ambiguous: Topical (divided into parts) 
    Structure: (hypertext)
Site map: 
    1 page keep scrolling down and navigation on the left, 
        when click on nav the page scroll to the relevant line on the page 
    Book: the Giver
    Content 
        part1: Chapter1-2
        part2: Chapter7-8
        part3: Chapter10-11
        part4: Chapter14-15
        part5: Chapter18 
        part6: Chapter20-22 
    Nav 
    side-right (global nav)—change shape of the dot after viewing the content 
        dot points on the right side indicating where i am 
        sub points on the right side show details of dot 
        mouse hover on the points, brief content will show 
    top-main (global nav)
        home(top), book brief(dd), author(dd), content(drop-down), 
        contact us, social media(Facebook, twitter, Instagram) 
    under the top(breadcrumbs)
        show the pathway 
    footer(bottom)
        repetition of the primary nav (list out all the links without dropdown )
        show some important license file and social media 
Accessibility: 
    keyboard nav 

    alternative content 

Comments

Post a Comment

Popular posts from this blog

Image
The Story  The story is a book<The Giver> by Lois Lowery.   This is a story of a boy who grow up in a world where there is no war no starvation no color and no emotion being selected as the Receiver of all memories for the whole community and fighting his way to let go of all memories so as to give the real world back to people.   The genre of this story is fiction.   Summary: Jonas is the main character in this story.   Jonas' world is a place without warfare, starvation, extreme poverty. Everything is right under control.   Everybody enjoy this world due to the fact that they do not have to bare the awful memory and the one that hurts. However, in this world, they do not have the memory as well as the emotion.   When Jonas grow to 12-year-old, he is singled out. Everyone has been assigned a job and their own field.   But Jonas was singled out to be selected and to be given the most honoured and vital position of th...
Read more
Image
Visual Design  The story is positive and inspiring but kind of mysterious so I've chosen a darker theme color.   The website originally is expected to have a extreme simple and page displayed before the main page is loaded but after discussing with my tutor, this effect seems to be pointless and will only result in redundancy of content, so I've just abandoned that design.   The background of the whole website is the picture with pink dots in the dark grey background, providing a bit dark theme to create the mystery of the story, which is more likely to catch readers’ eyes and matches the content of the story.   Most of the buttons have the background same as the color of cork, giving a contrast to the background to make it easier for users to find buttons and distinguish them from the content of the story.   The top left button is the giver logo, which comes from the cover of the book and makes the theme more like this story book. All the header na...
Read more