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

The educational technology and digital learning wiki
Jump to navigation Jump to search
Line 2: Line 2:
==Part I==
==Part I==
====[[Grids]]====
====[[Grids]]====
====Wireframes and mockups====
===Layouts and grids===
Wireframes are sketches of web page layouts and interfaces. They can be made using a variety of tools, from pencil and paper to sophisticated software, to sketch out the organization of a web page and its features.
 
;Online tools
* [http://wireframemockups.com wireframemockups.com] - also produces code for creating working [[Web prototyping software |prototypes]]
* [http://www.gliffy.com/ Gliffy], [http://creately.com] - sketching online
 
;Template and kits
[http://www.jankoatwarpspeed.com Free Sketching & Wireframing Kit] to use with Illustrator or Photoshop or other vector-based drawing or image editing software.
 
 
See also
* [[Web wireframe]] article for more tools and software (some commercial)
* Further reading on [[Web_prototyping_software#Introductions_and_further_reading |web prototyping]]


==Part II==
==Part II==

Revision as of 21:47, 2 February 2012

This article or section is currently under construction

In principle, someone is working on it and there should be a better version in a not so distant future.
If you want to modify this page, please discuss it with the person working on it (see the "history")

Part I

Grids

Layouts and grids

Part II

Design specifications

card sorting

designing information

sitemap planning

designing navigation

site/file structure

  • Assignment – building site information architecture
Retrieved from "https://edutechwiki.unige.ch/mediawiki/index.php?title=COAP:COAP-3150_-_week_3&oldid=37425"