Unit 4 Prep - GUI, SEO & Sitemaps

Unit 4 Prep - GUI, SEO & Sitemaps

Interactive Media Products
  • A website - Wikipedia - to gain information -  search box, login option, images
  • A blog - Blogger - to read about other people's work/ lives -  home buttons, font and design option   
  • A mobile website- Youtube - to gain information and watch created videos - links to other videos on the website
  • An app - Spotify - to entertain and gain knowledge - play/pause button, volume button, like button
  • An app - Vinted - buy and sell clothes - sell, like, and message buyers and sellers
  • A streaming TV site- Prime Video -  to entertain - search, home, play/pause, add to list 
  • YouTube: You are able to watch, like, comment, and share different videos with your friends. The application allows users to upload videos and create original content for their viewers. Allowing users to comment and share videos with their friends makes the app more interactive and fun for audiences as they can share and learn different opinions. 
  • Vinted: You can buy/ sell clothes as well as message other users to find out more information about the products on offer. Allowing users to interact with each other makes the user experience better and more self-sufficient. 
GUI - Graphical User Interface: a system that combines interactive visual elements for computer software. Displays objects that provide information, and represent actions. The objects may change colour, size, or visibility when the user interacts with them.

  • GUI Features: icons, windows, menus, mouse cursors (pointers), and buttons 
    • Design phase: pre-production, planning, gathering feedback
    • Creation phase: making designs
    • Testing phase: this covers both technical testing from the team and client/use testing
    • Commercial considerations: sponsorships and advertising
SEO- Search Engine Optimisation 
  • Why it's important:
    • Increases brand awareness
    • Increases visibility and therefore audience knowability
    • Builds credibility and trust
    • Increases website traffic 
    • Increased engagement from consumers
    • Advantages:
      • Increase awareness
      • Cost-effective tool
    • Disadvantages:
      • Unwanted recommendations 
      • Tedious/time-consuming to set up 



Sitemaps
A sitemap is a file where you provide information about the pages, videos, and other files on your site, and the relationships between them




STRUCTURE AND FEATURES
  • The homepage is at the top
  • The lines indicate the links between each tab
  • The function to login/sign up
  • Tabs and sub-tabs
The importance of sitemaps:
A clear way to see the layout of the website and how different elements of the website link together
Easy to navigate

3 main types:
  1. Those used during the planning of a website by designers
  2. The sitemap is available for viewing online by those visiting a website
  3. A structured (coded) list designed for search engines

Key Elements:
The home page is at the top
Lines indicate links between each tab
Log in/ sign up functions
Tabs and sub-tabs



Colour - monotone colour other than the colours of the comics, to ensure the website is kept clean and easily readable, as well as capturing the essence of what is being sold on the website

Logo - Logo of the 'I' for 'Image' relates to the name of the comic website and reinforces the websites theme

Images - The images used are the comics sold, therefore displaying them on the website. This helps the customers gain further information on the exact comics they want to see.

Copy - gives customers information about each comic and product

Interactive Features - different elements at the top of the page containing links and hyperlinks to other pages of the website for excess content.



Colour - monotone colour other than the colours of the comics, to ensure the website is kept clean and easily readable, as well as capturing the essence of what is being sold on the website

Logo - Logo of the 'I' for 'Image' relates to the name of the comic website and reinforces the websites theme

Images - The images used are the comics sold, therefore displaying them on the website. This helps the customers gain further information on the exact comics they want to see.

Copy - gives customers information about each comic and product

Interactive Features - different elements at the top of the page containing links and hyperlinks to other pages of the website for excess content.

Comments

Post a Comment