Sitemaps, wireframes and visulizations

Sitemaps- a file where you provide information about the pages, videos, and other files on your site, and the relationships between them. Website architecture, a map of the site. 

three main types. 

1. those used during planning of a website by designers

2. the sitemap available for viewing online by those visiting a website

3. a structured (coded) list designed for search engines

It's important that you properly design a sitemap, if you are asked to produce one.

Notice:

  • the home page is at the top
  • the lines indicate the links between each tab
  • the function to log in/ sign up
  • tabs and sub tabs

Advantages: quickly inform search engines of changes, improved website planning, clear layout

Disadvantages: make it easy for competitors to compete, can take a long time to create



Wireframes- Connect the site's information planning to its visual design by showing paths between pages. A visual representation of the framwork of a website, smart phone or tablet.
Aims:
  • To help to arrange the site for a specific business aims or a creative idea
  • Shows the websites layout- could be a homepage or any website page
  • Shows how different elements (features) of the site interact with each other

  • Doesn't focus on colours, style, or graphics, BUT these should be discussed through annotations. 
  • Focus= functionality- what it does, not how it looks.
  • Can be hand-drawn sketches or completed via online software
  • Created by: business analysts, user- experience designers, developers and visual designers
  • Expertise required: interaction design, information architecture and user research
Keywords used in wireframes
logo placeholder
header and footer place holders
primary image placeholder
secondary image placeholders
sample text or body copy
hex codes (these are codes that define colours for a designer)
button paths (show a user/client/team what content appears when pressing on a button)

Advantages: prioritise some elements of the site, see how the elements work across different devices
Disadvantages: some symbols cause confusion, cannot get the information needed from this template




EXAMPLE




























Comments

  1. JCoSS Media Dept30 March 2022 at 02:33

    Hi Eden, please upload the mock question on wireframes/sitemaps that we did in class.

    ReplyDelete

Post a Comment

Popular posts from this blog

Media sectors

Image
Types of media sectors TV, Animation, Radio, Online, Film, Music, Advertising, Social Media Why do people consume media? To be informed, entertained, promote, advertise, and educate Newspapers: to gain knowledge of current events Music: as a form of entertainment and enjoyment Documentaries: to further our understanding and informed of various topics which may interest us Weather: to be informed about what the weather is for the day, helping you to plan for the day Advert: to learn about new products/ services which may interest us, to persuade us Entertain: gaining the attention of the audience so that they relax and enjoy the activity Funny films on Netflix, Watching influencers on YouTube, Watching funny Instagram videos.  Educate/ inform: providing facts about a topic or answering a question. Informing is providing information whereas educating is teaching the audience/ consumer. Netflix true crime documentaries, Online news articles, YouTube news channels Advertise/ pro...
Read more

target audience

Image
The typical audience for: Line of duty 45-60 year old men, middle class, potentially police workers, white males.  GQ Magazine 20s year old white males, middle/upper class, interested in business and show business, standard job, degree qualified. Music album (Ariana Grande) 10-25 year old females, middle class, likes pop music, students Target audience Primary, secondary, tertiary Media production companies spend a-lot of money to correctly define and identify their audience for a product- why do they do this? This is because the production company can understand the wants and needs of their audience so they can ensure its liked and enjoyed. If this isn't done properly, it wont be successful. To do this they profile the audience by looking at different demographic factors that come together to create a picture of the actual target audience for the product. Socio-economic- social and economic situation (spending power). Age Gender Ethnic groups Psychographics- personality traits and...
Read more