Week6class activities—Sketching And Wireframing

A development process of User Experience design:

  1. site objectives and user needs
  2.  functional specifications and content requirements
  3.  interaction design and information architecture
  4.  information design, interface design and navigation design
  5.  visual design.

The brief of class activities  ask to do initial work aimed at producing a web-based version of Wired (UK) magazine.

屏幕快照 2014-11-09 上午1.17.52

WIRED magazines

IMG_7051

brief

IMG_7052

responsive web design:

  • a monthly magazine
  • concept sketch and ideas
  • producing wireframes
IMG_7048

SKETCH

Information Architecture

  1. Index
  2. Catalogue
  3. Content1
  4. Content2

Andy recommended a good software that is used to make wireframe. http://webdemo.balsamiq.com/

According to the idea, we finished the basic webpage both Iphone and Ipad version on paper.

屏幕快照 2014-11-09 上午1.00.58

It is a very good tools for interaction design. It has many UI elements and i will use these in my future works.

Advertisements
Standard

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s