UXD General Assembly Week 5

IA

Image source

Information Architecture & Navigation

It’s an interesting to talk about the content strategy. How the content is structured in such a way that your target audience has no problem in navigation without getting confused. There are few factors:

  • Labeling – What things are to represent the features
  • Taxonomy –  Classification of each label
  • Information Architecture – Way to organizing and structuring content (SiteMap)
  • Navigation – Design of IA that helps user to complete journeys
  • Task – How things connect to each other (User Flow)

For example, you might want to place the best-selling fruits in front of users so that they are easy to grab them (IA). You grouped fruits and vegetables to separate rows as a way to organize them. For IA, card-sorting is one of the reliable method to find how user will response to certain content and functionality.

We were told to open General Assembly website and start analyse how’s GA sitemap is. It seems that GA organizes the information according to course duration (full-time, part-time, events..etc) which I think majority will look for when they browse this site.

CARD SORTING

Card_sort

It is best to keep 1st-level category amount to be less than or equal to 7. Consider break down to more 2nd-level if exceeds.

Open-Sort: Let users to decide the category for the cards (didn’t give away how many categories are there)

Close-Sort:  Pre-set categories and let user to put the cards in.

We were given a set of cards and asked to sort them out. Interestingly, each of the groups sorted cards into different 1st, 2nd levels even though we all sorted according to breakfast, seafoods, drinks..etc

Avoid:

  1. Jargon / Vague label
  2. Too many 1st-level categories

Common tools:

  • OptimalSort (The only one I tried)
  • xSort
  • Usabilitytools
  • Trello (free tool that enables drag and drop of to-do lists if you do not want to purchase)

 

Responsive & Native Design, Design Patterns

TripAdvisor

For the same website, it will be presented differently in desktop site and responsive mobile site as users has different purposes for each. For example at desktop website, user is more willing to do their transactions on accommodation but for mobile website, user might just want to browse through before making transactions. Due to limited screen size, the content in mobile will be more compact and focus.

There are 3 types of content:

  1. Main: Provides main experience value to helps user complete main goals (What user’s looking for)
  2. Supporting: Makes main content to be more trusted, interesting or informative
  3. Interface: Allows user to navigate the experience (connect with main & supporting and hook user to further engagement)

Content_type

 

DESIGN PATTERNS

For design patterns, it is better to read through the design specs for the platforms.

Most of the designs are better to maintain consistency in various platforms.

Advertisements

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