Week 9

Posted on August 9th, 2014 | Business & Marketing | Leave a comment |

learn ux design

This week we familiarized ourselves with additional factors affecting UX design decisions.

  • Platform/Device Consideration
  • Content Personalization
  • Front-end Development
  • Convention vs. Innovation

Assignment this week: Create a dynamic landing page template layout. Create a set of modules, each set addressing one of your persona’s needs. Indicate where on your template your modules will appear. READ MORE…

 

UX Design Week 7 & 8

Posted on August 9th, 2014 | Business & Marketing, Web Design | Leave a comment |

learn ux design

This week we delved deeper into wireframes by producing a high-fidelity mockup of our website using Omnigraffle. I’ve decided to condense week 7 & 8 into one post, as both weeks overlap each other in content.

Assignment this week: Converting your homepage sketch into a high-fidelity wireframe. Add detailed annotations and develop two interior pages. READ MORE…

 

UX Design Week 6

Posted on June 10th, 2014 | Business & Marketing | Leave a comment |

learn ux design

This week we discussed wireframes, sketching, annotations and UX nomenclature.

Assignment this week: Creating sketches of website layout.

  • Wireframes
  • Sketches
  • Stencils
  • Annotations

Links:
Wireframes: Easing The Designer’s Workflow

 

UX Design: Week 5

Posted on June 9th, 2014 | Business & Marketing | Leave a comment |

learn ux design wireframes

This week involved taking the data we’ve gathered in previous weeks to create a sitemap. A site map is a high-level representation of the layout and structure of your site’s content sections.

Topics covered in this week’s class: Create a sitemap

how to create a sitemap

Sitemap before and after for UnUrban Coffee Shop.

Links:

Efficiently Simplifying Navigation, Part 1: Information Architecture
Information Architecture 101: Techniques and Best Practices

 

UX Design: Week 4

Posted on June 9th, 2014 | Business & Marketing | 1 Comment |

learn ux design mental models

This week we focused on advanced methods of developing our site’s mental model. The result will be a mental model your visitors can easily connect with, and that let’s them achieve their goals without navigation or functional design getting in the way.

Topics Covered In Class: Using Advanced Methods in Developing a Mental Model

  • Workflow Diagrams
  • Mind Maps
  • Bubble Maps
  • Feature Value Matrix

bubble map

Bubble maps have the benefit of being able to assign importance (size of the bubble), grouping (color of the bubble) and relationship (distance between bubbles). Like mind mapping, this exercise forces you to group content into logical buckets within buckets.

learn ux design mental models

A feature value matrix weights the importance of each feature of your site according to each persona’s goals.

Links:

 How to Choose Between Different Styles of Thinking Maps