COAP:COAP-3150 - week 2: Difference between revisions

The educational technology and digital learning wiki
Jump to navigation Jump to search
No edit summary
 
(22 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{under construction}}
<categorytree mode="pages" depth="1" style="float:right; clear:right; margin-left:3px; border:1px solid gray; padding:0.7ex; background-color:#f9f9f9;">COAP 3150</categorytree>
==Part I==
==Part I==
=== [[Design process | Design processes and models]]===
===''Usable web'' design principles===
* [[ADDIE]]
====Principles====
* ...
Some links that list and describe design principles for usable and effective web pages.
** Needs analysis
* [http://psd.tutsplus.com/tutorials/designing-tutorials/9-essential-principles-for-good-web-design/ 9 Essential Principles for Good Web Design]
* [http://www.useit.com/alertbox/20031110.html The Ten Most Violated Homepage Design Guidelines]
* [http://www.useit.com/alertbox/20031110.html Top 10 Mistakes in Web Design] (Jakob Nielsen's Alertbox)
* [http://uxdesign.smashingmagazine.com/2008/01/31/10-principles-of-effective-web-design/ 10 Principles Of Effective Web Design]
 
See also [[Usability]], [[User-centered design]], [[User experience and user experience design]]
 
====[[Typography]] - using type for the web====
 
====[[Color | Colour theory]] (RGB, HSB, hexidecimal)====
Color palette generators
* [http://kuler.adobe.com/ Kuler]
* [http://paletton.com/ Paletton colorscheme designer]
* [http://www.colorsontheweb.com/Color-Tools/Color-Wizard Colors on the web wizard]
* [http://www.cssdrive.com/imagepalette/ CSSdrive] - generate a palette from an image
 
See also [http://www.colorsontheweb.com/ Colors on the web] - a site "dedicated to color theory and the use of colors in web design"


==Part II==
==Part II==
===Design specifications I (sitemap planning, navigation, features)===
===Design processes and models===
* Layout
* We will be using a combination of the [[Design_processes_and_models#A_Model_of_Pervasive_Usability_in_Website_Design | Model of Pervasive Usability]] and this [https://www.usability.gov/how-to-and-tools/resources/ucd-map.html Step-by-step Usability Guide] from [https://www.usability.gov/ Usability.gov]. See [[Design processes and models]] for other models used in web-design processes.
** grids
 
** mockups (working with layers, layer effects, quick masks)
==== Conducting a requirements analysis====
* Assignment 1 – Requirements specification
A thorough [https://www.usability.gov/how-to-and-tools/methods/requirements.html requirements analysis] is used for
* targeting public and defining [http://www.usabilityfirst.com/about-usability/project-stakeholders/ stakeholders]
* determining objectives
* determining client needs using a [https://www.usability.gov/how-to-and-tools/methods/task-analysis.html task analysis]
* defining types of interactions - what will users '''do''' on site and '''how'''
* analyzing user needs <ref>Usability.gov User Research Basics. Retrieved October 31, 2016 from https://www.usability.gov/what-and-why/user-research.html</ref> - who, what, when, how, why - Read [https://www.usability.gov/what-and-why/user-research.html User Needs analysis]
* defining success
 


<references/>
[[Category:COAP 3150]]
[[Category:COAP 3150]]

Latest revision as of 16:09, 2 November 2016

COAP 3150
COAP:COAP-3150
COAP:COAP-3150 - week 1
COAP:COAP-3150 - week 2
COAP:COAP-3150 - week 3
COAP:COAP-3150 - week 4
COAP:COAP-3150 - week 5
COAP:COAP-3150 - week 6
Design processes and models
Typography
Web design principles

Part I

Usable web design principles

Principles

Some links that list and describe design principles for usable and effective web pages.

See also Usability, User-centered design, User experience and user experience design

Typography - using type for the web

Colour theory (RGB, HSB, hexidecimal)

Color palette generators

See also Colors on the web - a site "dedicated to color theory and the use of colors in web design"

Part II

Design processes and models

Conducting a requirements analysis

A thorough requirements analysis is used for

  • targeting public and defining stakeholders
  • determining objectives
  • determining client needs using a task analysis
  • defining types of interactions - what will users do on site and how
  • analyzing user needs [1] - who, what, when, how, why - Read User Needs analysis
  • defining success


  1. ↑ Usability.gov User Research Basics. Retrieved October 31, 2016 from https://www.usability.gov/what-and-why/user-research.html
Retrieved from "https://edutechwiki.unige.ch/mediawiki/index.php?title=COAP:COAP-3150_-_week_2&oldid=60865"