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

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.


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 | Leave a 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.


 How to Choose Between Different Styles of Thinking Maps



UX Design: Week 3

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

learn ux design

 Week 3

This week we learned basic methods of developing the proper mental model for our redesign strategy. A mental model is a belief of how the website should function. We need to really understand the audience is, the tasks they seek to complete, the circumstances under which they seek to complete them, and what features they are used to from other, similar sites.

Topics Covered In Class:Developing a Mental Model

  • Critical Tasks
  • User Scenarios
  • Use Cases
  • Taxonomy

Critical tasks were determined for each persona.


How User Scenarios Help Improve Your UX
Usability Testing With Card Sorting


UX Design: Week 2

Posted on May 20th, 2014 | Web Design | Leave a comment |

learn ux design

Week 2

We focused on familiarizing ourselves with techniques of how to identify the target audience this week. The project I’m working on is a website re-design for UnUrban Coffee House based in Santa Monica. This website showcase I posted here earlier has many excellent examples of coffee shops that cater to specific groups of people, so this project I see as an extension of that.

Topics Covered In Class: Identifying The Target Audience

  • Market Research
  • User Interviews
  • Personas
  • Experience Trees

ux research ux design

I started out by surveying market trends for my industry by conducting user research.

ux design personas

I interviewed three coffee drinkers (including a former barista) and gathered my findings into fictional personas.

experience trees

Experience trees were then created as an abstract way of representing time and circumstance of the user’s interaction with website.


How to Conduct a Content Audit