Discovery Lab

Homework 11

Designing For Humans

Cindy Hu
applab 2.0

--

Photo by The Roaming Platypus on Unsplash

Introduction

Human interface guidelines are form of design document that aims to provide a useful set of interface design principles . Their aim is to improve the experience for the users by making application interfaces more intuitive, learn-able, and consistent.

Now that your team has a better idea of the problem you’re tackling and the tools you’ll need to build your prototype, it’s time to think about how to make sure you’re not reinventing the wheel. This is where design frameworks and guidelines can really help. Using frameworks can help you to bootstrap your projects as well as make sure you don’t run into the same problems as those that have come before you. You‘d’ surprised how many people don’t consult sources of human interface design before beginning to build interfaces.

Instructions:

In this exercise, your team is tasked with creating an interface for your application.

  1. Take a look at this step-by-step documentation of how an application goes from a problem to a final product:

2. Browse the following human interface guidelines from a variety of sources:

Material Design by Google:

Semantic UI for React

Ant Design Language (by Ant Financial)

Optionally, you might also find Apple’s Human Interface Guidelines a worthy read:

3. With the rules of human interface guidelines in mind, choose the methods that are relevant to your group’s project and start planning out the interactions and interfaces for the app. Remember the activities we did in class? Get started with making an inspiration board.

4. Make a paper prototype for your app and test it within your group. Document it in the form of this video we showed in class or this.

5. Upload the inspiration board, paper prototype video and at least one other deliverable of your team’s choice such as sketches, user persona, or user flow chart to your group’s Slack channel.

--

--