Good and bad design
Download
1 / 13

Good and bad design - PowerPoint PPT Presentation


  • 123 Views
  • Uploaded on

Good and bad design. Unit 14 Website Design HND in Computing and Systems Development. Bad design features. The following list has been collected by the authors of The Non-Designer's Web Book, Robin Williams and John Tollett. Backgrounds. Default grey colour

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about ' Good and bad design' - jade-estes


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
Good and bad design

Good and bad design

Unit 14 Website Design

HND in Computing and Systems Development


Bad design features
Bad design features

  • The following list has been collected by the authors of The Non-Designer's Web Book, Robin Williams and John Tollett


Backgrounds
Backgrounds

  • Default grey colour

  • Colour combinations of text and background that make the text hard to read

  • Busy, distracting backgrounds that make the text hard to read 


Text

  • Text that is too small to read

  • Text crowding against the left edge

  • Text that stretches all the way across the page

  • Paragraphs of type in all caps

  • Paragraphs of type in bold

  • Paragraphs of type in italic

  • Paragraphs of type in all caps, bold, and italic all at once

  • Underlined text that is not a link 


Links
Links

  • Default blue links

  • Blue link borders around graphics

  • Links that are not clear about where they will take you

  • Links in body copy that distract readers and lead them off to remote, useless pages

  • Dead links (links that don't work anymore) 


Graphics
Graphics

  • Large graphic files that take forever to load

  • Meaningless or useless graphics

  • Thumbnail images that are nearly as large as the full-sized images they link to

  • Graphics with no alt labels

  • Missing graphics, especially missing graphics with no alt labels

  • Graphics that don't fit on the screen  


Blinking and animations
Blinking and animations

  • Anything that blinks, especially text

  • Multiple things that blink

  • Rules that blink or animate

  • "Under construction" signs, especially of little men working

  • Animated "under construction" signs

  • Animated pictures for email

  • Animations that never stop

  • Multiple animations that never stop


Junk

  • Counters on pages -- who cares

  • Junky advertising

  • Having to scroll sideways

  • Many little pictures of meaningless awards on the first page

  • Frame scroll bars in the middle of a page

  • Multiple frame scroll bars in the middle of a page 


Navigation
Navigation

  • Unclear navigation, over complex navigation

  • Complicated frames, too many frames, unnecessary scroll bars in frames

  • Orphan pages (no links back to where they came from, no identification)

  • Useless page titles that don't explain what the page is about 


General design
General Design

  • Entry page or home page that does not fit within standard browser window

  • Frames that make you scroll sideways

  • No focal point on the page

  • Too many focal points on the page

  • Navigation buttons as the only visual interest,

  • Clutter

  • Lack of contrast (in color, text, to create hierarchy of information, etc.)


Nominated bad web sites
Nominated bad web sites

  • https://www.healthcare.gov/

  • http://cavs.mit.edu/

  • http://www.dsrny.com/

  • http://www.reforms.net/

  • http://www.johnprocario.com/

  • https://www.touchofmodern.com/

  • http://www.spectrumpowderworks.com/

  • http://www.bolenreport.com/

  • http://www.wrdaonline.org/

  • http://www.bombshell201x.com/


Exercise
Exercise

  • In pairs

  • Take one web site from the previous page

  • Analyse and determine

    • What is the purpose of the website

    • Who is it aimed at

    • What features make it bad

    • How would you improve it

  • Present back to the class


For next week
For next week

  • Research and create a list of good web design features

  • Fully reference your sources

  • Be prepared to present your results


ad