COAP:COAP-3150 - week 2: Difference between revisions
Jump to navigation
Jump to search
(6 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
<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== | ||
===''Usable web'' design principles=== | ===''Usable web'' design principles=== | ||
Line 14: | Line 14: | ||
====[[Color | Colour theory]] (RGB, HSB, hexidecimal)==== | ====[[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 processes and models=== | ||
* We will be using the [[Design_processes_and_models#A_Model_of_Pervasive_Usability_in_Website_Design | Model of Pervasive Usability]] | * 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. | ||
==== Conducting a requirements analysis==== | ==== Conducting a requirements analysis==== | ||
* targeting public and defining stakeholders | 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 objectives | ||
* determining client needs [ | * 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''' | * defining types of interactions - what will users '''do''' on site and '''how''' | ||
* analyzing user needs <ref>User | * 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 | * defining success | ||
Latest revision as of 16:09, 2 November 2016
Part I
Usable web design principles
Principles
Some links that list and describe design principles for usable and effective web pages.
- 9 Essential Principles for Good Web Design
- The Ten Most Violated Homepage Design Guidelines
- Top 10 Mistakes in Web Design (Jakob Nielsen's Alertbox)
- 10 Principles Of Effective Web Design
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
- Kuler
- Paletton colorscheme designer
- Colors on the web wizard
- CSSdrive - generate a palette from an image
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
- We will be using a combination of the Model of Pervasive Usability and this Step-by-step Usability Guide from Usability.gov. See Design processes and models for other models used in web-design processes.
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
- ↑ Usability.gov User Research Basics. Retrieved October 31, 2016 from https://www.usability.gov/what-and-why/user-research.html