COAP:COAP-3150 - week 2: Difference between revisions
Jump to navigation
Jump to search
| (14 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 9: | Line 9: | ||
* [http://uxdesign.smashingmagazine.com/2008/01/31/10-principles-of-effective-web-design/ 10 Principles Of Effective Web Design] | * [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]], | See also [[Usability]], [[User-centered design]], [[User experience and user experience design]] | ||
====[[Typography]] - using type for the web==== | ====[[Typography]] - using type for the web==== | ||
====[[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== | ||
===Design processes and models=== | |||
* 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==== | ||
=== [ | 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
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