Articles & research papers

Interaction Design

Building a Visual Language- Behind the Scenes of Airbnb’s New Design system

Working in software development and design, we are often required to ship one-off solutions. Sometimes we’re working within time constraints and sometimes we just haven’t yet agreed upon a path forward. These one-off solutions aren’t inherently bad, but if they aren’t built upon a solid foundation, we eventually find ourselves having to pay back accrued technical and design debts.

Visual language is like any other language. Misunderstandings arise if the language is not shared and understood by everyone using it. As a product or team grows, the challenges within these modalities compound. A unified design system is essential to building better and faster; better because a cohesive experience is more easily understood by our users, and faster because it gives us a common language to work with.

While this was a monumental task that ended up requiring efforts from many of our product teams, we found that creating our Design Language System was worth the investment and a huge leap forward. Since the design language and code are often shared, we can now build and release features on all native platforms at roughly the same time. Development is generally faster, since product engineers can focus more on writing the feature logic rather than the view code. Additionally, engineers and designers now share a common language.

Building a Visual Language : Behind the scenes of our new design system

Emojipedia

Emojis today are an integral part of mobile communication letting us react and emote quicker in our conversations. Emojipedia is an emoji resource that offers information on different types of emojis and what they mean.

You can browse Emojipedia by category, popularity, platform and unicode versions to know more about an emoji.

http://emojipedia.org

Or maybe you prefer to tweet the Botemoji an emoji and let it tell you what it means.

https://twitter.com/botmoji

Design Census- A Survey by Google and AIGA To Check Salaries and More

Google and AIGA have released survey results of their first annual Design Census—an open and collaborative resource for you to important things like gauge design salaries, benefits, working hours and job satisfaction. It offers meaningful filters like location, job type, seniority levels, industry and more.

Design Census

Influence Principles- The ‘Liking’ Principle in User Interface Design

People prefer to say “yes” to individuals and organizations they know and like. Same goes for websites and other user interfaces.

The key to effectively employing the liking principle is user research. If you don’t know your users well, it’s very difficult to anticipate what techniques (similarity, familiarity, cooperation, association, and praise) will have a positive impact. Research techniques such as surveys, interviews, and usability testing can all contribute data to this exploration.

The ‘Liking’ Principle in User Interface Design

Google’s Responsive Web Design Basics

The use of mobile devices to surf the web is growing at an astronomical pace, but unfortunately much of the web isn’t optimized for those mobile devices. Mobile devices are often constrained by display size and require a different approach to how content is laid out on screen.

There is a multitude of different screen sizes across phones, “phablets”, tablets, desktops, game consoles, TVs, even wearables. Screen sizes will always be changing, so it’s important that your site can adapt to any screen size, today or in the future.

Google’s Responsive Web Design Basics

Happy New Year! These Were the Most Popular Posts of 2015

As the curator and creator of The UX Bookmark, I would like to wish you all a blessed 2016! 2015 has been a good year for me and I hope it was for you too. Get out there and chase your dreams. Be true to yourself and live in the now.

Here is what was read the most on The UX Bookmark in 2015. You might have read some of them. Read the rest. Enjoy!

  1. A huge list of Style Guides and UI Guidelines
  2. Ultimate guide to table UI patterns
  3. Charting application alternatives to using Excel
  4. Download IDEO’s Human Centered Design Toolkit
  5. Useful Visio Macros

Checkout Usability- Helping International Users Checkout

Victoria’s Secret uses a checkout usability tactic that may improve the usability of your international checkout. VS asks its customers to indicate their billing address in the first step of the checkout form. (Even with geolocation tools, it’s good to ask as a user’s billing address may be different than their IP location).

Helping International Users Checkout

Free Online Graph Paper / Grid Paper PDFs

Here is a very useful collection of downloadable and very printable graph papers of the types:

  • Squares
  • Triangle and Hexagonal
  • Circular and Polar
  • Asymmetic
  • Specialty
  • Writing and Note-taking

Free Online Graph Paper / Grid Paper PDFs

Design Patterns for Mobile Faceted Search: Part I

Faceted search is extremely helpful for certain kinds of finding—particularly for ecommerce apps. Unfortunately, the designers of mobile applications do not have established user interface paradigms they can follow or abundant screen real estate for presenting facets and filters in a separate area on the left or at the top of a screen. To implement faceted search on mobile devices, we need to get creative rather than following established Web design patterns. Explore the Four Corners, Modal Overlay, Watermark, and Refinement Options design patterns for mobile devices. Following these patterns can move us one step closer to making faceted search a usable reality on mobile devices.

But first, take a look at the challenges of designing mobile faceted search, which include navigational elements that use up precious screen real estate, limited search-refinement options, and the general lack of an iterative refinement flow.

Design Patterns for Mobile Faceted Search: Part I

Design at Facebook

Facebook’s design team walks the author through their philosophy and approach to designing for a quarter billion users. In particular, they emphasized the importance of writing code, sharing designs early and often, being involved with a project from start to finish, and not falling in love with your work. Making sure designers are technical enough to write code came up a lot.

This is an article from 2009.

Design at Facebook