What makes good web design


Published on

My powerpoint presentation available online for Sally Bell for Digital Media Collaborative Practice

Published in: Education, Technology, Business
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

What makes good web design

  1. 1. What makes good web design? By Emmeline Stephenson Digital Media Collaborative Practice
  2. 2. What this presentation shall cover <ul><li>Basic principles of ‘good design’ on web </li></ul><ul><li>Key Factors in ‘good design’ </li></ul><ul><li>Example 1: Vimeo </li></ul><ul><li>Example 2: Helen McClean </li></ul><ul><li>Example 3: District 9 – Official website </li></ul><ul><li>Example 4: Polyvore </li></ul><ul><li>Example 5: Spotify </li></ul>
  3. 3. Basic Principles of Good Web Design <ul><li>Balance and Proximity: </li></ul><ul><li>Symmetrical web elements = conservative, organised, business. </li></ul><ul><li>Asymmetrical web elements = fun, interesting. </li></ul><ul><li>Related elements should be close together to create visual link for audiences </li></ul>
  4. 4. Basic Principles of Good Web Design <ul><li>2. Contrast and Focus: </li></ul><ul><li>Web pages need a focal point for users to be drawn to </li></ul><ul><li>To generate interest use different web elements (text, images, video) </li></ul><ul><li>Colours can be used to draw contrast (eg. Black background on white text) </li></ul>
  5. 5. Basic Principles of Good Web Design <ul><li>3. Unity and Visual Identity: </li></ul><ul><li>Creating and maintaining visual identity is important aspect of branding </li></ul><ul><li>Persistent use of logo featured prominently in each web page corner is memorable </li></ul><ul><li>Repetitive use of colours similar to logo allows audiences to associate colour scheme with brand </li></ul>
  6. 6. Key factors in ‘good design’ <ul><li>Does the design cater to the target audience? </li></ul><ul><li>How does it compare to other designs used by this audience? </li></ul><ul><li>Is the design relevant to the product/service? </li></ul><ul><li>Is the content relevant to the product/service? </li></ul><ul><li>Is the design simple and easy to use? </li></ul><ul><li>Is it accessible to it’s target audience? </li></ul>
  7. 7. <ul><li>Web hosting website </li></ul><ul><li>Based in New York </li></ul><ul><li>Founded in 2004 by Zach Klein and Jake Lodwick </li></ul><ul><li>Created by film makers and video creators </li></ul><ul><li>First video-sharing site to offer HD quality to users </li></ul>
  8. 8. <ul><li>Target Audience: </li></ul><ul><li>Filmmakers and video creators </li></ul><ul><li>Similar Websites: </li></ul><ul><li>Youtube, Crackle, Clipshack, Blip.tv </li></ul><ul><li>Content: </li></ul><ul><li>User created videos, Blogs, Channels, Advertisements. </li></ul><ul><li>Features : </li></ul><ul><li>Recommended videos, Communities, Video School, Custom privacy controls, HD quality. </li></ul>
  9. 9. <ul><li>Art and Photography portfolio website </li></ul><ul><li>Created as a promotional platform for Helen McLean’s photography and illustrations </li></ul><ul><li>Based in Melbourne, Australia </li></ul><ul><li>Promotes the niche genre of burlesque </li></ul>Helen McLean
  10. 10. Helen McLean <ul><li>Target Audience: </li></ul><ul><li>Pin Up/Burlesque/Retro models, fans of vintage, burlesque, pin up girls and vintage , Vintage/Retro clothing boutiques </li></ul><ul><li>Similar Websites: </li></ul><ul><li>Inner Beauty Photography, Photo Bombshell, Dita.net </li></ul><ul><li>Content: </li></ul><ul><li>Personal and Client work portfolios, Publicity, Client Recommendations, Contact. </li></ul><ul><li>Features: </li></ul><ul><li>Recent News, Videos, Photography Packages, Shop. </li></ul>
  11. 11. <ul><li>Created in 2008 as official website for 2009 film </li></ul><ul><li>Used in conjunction with other viral websites to promote the film </li></ul><ul><li>Originally designed to encourage people to watch the film at the cinema </li></ul><ul><li>Used to promote products such as the DVD and blu-ray. </li></ul>
  12. 12. <ul><li>Target Audience: </li></ul><ul><li>Science-fiction/film fans aged 15+ </li></ul><ul><li>Similar Websites: </li></ul><ul><li>Avatar, Pan’s Labyrinth </li></ul><ul><li>Content: </li></ul><ul><li>Trailers, Flash Animation, Links to Associated sites </li></ul><ul><li>Features: </li></ul><ul><li>User interactive links and content, Additional video content not featured within film. </li></ul>
  13. 13. <ul><li>Founded in 2007 </li></ul><ul><li>A community based website that allows users to create fashion mood boards and share these with friends </li></ul><ul><li>Used by fashion labels, celebrities and designers as well as ordinary people with interests in fashion </li></ul>
  14. 14. <ul><li>Target Audience: </li></ul><ul><li>Fashion labels, designers and people interested in fashion magazines and shopping online </li></ul><ul><li>Similar Websites: </li></ul><ul><li>Look Book, My Deco </li></ul><ul><li>Content: </li></ul><ul><li>User created moodboards, Advertisements/ Promoted Brands and designers, Blogs </li></ul><ul><li>Features: </li></ul><ul><li>User Interactive created moodboards, Buy items, Publish moodboards, celebrity blogs/moodboards </li></ul>
  15. 15. <ul><li>Music streaming service </li></ul><ul><li>Launched in 2008 by Swedish company Spotify AB </li></ul><ul><li>Funded through advertisements to non-paying subscribers, paid subscription and music purchases </li></ul><ul><li>Spotify Premium is available on mobiles </li></ul>
  16. 16. <ul><li>Target Audience: </li></ul><ul><li>People that regularly listen to music and buy music online </li></ul><ul><li>Similar Designs: </li></ul><ul><li>iTunes </li></ul><ul><li>Content: </li></ul><ul><li>Music tracks by many artists available to download or listen for free, advertisements </li></ul><ul><li>Features: </li></ul><ul><li>Link to Facebook, Listen to music free, Buy tracks, Create playlists, Share music tracks and playlists </li></ul>