6 Things I learned from 3 Talks at UXPA Boston 2014

logo

Things I learned from UXPA – The TL;DA (Too Long; Didn’t Attend) Version

Designing for Large Touch Interfaces

  1. Make sure people know they can touch the screen.
  2. Orientation affects how users perceive the kiosk
  3. Transitions are important as cues when navigating. Use gestures everyone is familiar with.
  4. Designer is also a performer – make them look good
  5. Height is important. Make sure user can reach the cancel button
  6. Adjust the drag and inertia on objects. Don’t make large objects feel “heavy.”

Designing with Real Data

  1. Fake data = fake design = fake feedback = wrong decisions. Real data will enter the equation eventually.
  2. Understand the data
  3. Organize data into information to enable users to gain knowledge
  4. Real data has a min and max, an average and a distribution. Think about this when designing screens with potentially extremely short or long text. Consider the outliers.
  5. You can do a lot with Indesign Datamerge/Kimono/Chartwell fontface/Sublimetext/Screenscraper chrome extension.
  6. Ben Salinas (@bensalinas) from Involution Studios is a REAL unicorn.

Design Psychology

  1. Self-determination theory levels: amotivated/external/introjected/identified/integrated/intrinsic
  2. Motivation is autonomy, competence, relatedness
  3. If you want people to do something, minimize external pressures and maximize internal ones
  4. Establish shared rules of engagement
  5. Convey belongingness
  6. If you use social media – be responsive to your customers.

 

Mobile is Changing Web

Many web-based companies are choosing to align their web and mobile interfaces so that their visual branding is the same on all platforms. The result is that websites begin to include mobile elements in their interface. Below are examples of how mobile design is influencing the web.

————————————————————————————————————————————————————————

1. Basement Menus: YouTube is now using the “hamburger” icon to represent a hidden menu (usually to the left of the icon).

Image

2. Circular profile icons were/are a mobile trend. (Designers sometimes places profile icons on top of product images in mobile to save on screen space). Now they’re on web too. [Below: Etsy]

Image

3. Pinterest uses the default iOS 6 share icon for its share button. This icon has become universal to people to frequently use mobile software.

Image

4. No, that’s not a screenshot of my phone. That’s responsive web below. Designers are choosing to optimize their websites for mobile, as well as using mobile-looking buttons and text fields for say…login screens.

Image

5. Disclosure arrows are used in mobile to indicate that you can tap on a row or cell. They also show up on twitter (web) to let you know that you can see more Tweets, Following, Followers, etc.

Image