Discovery Lab

Homework 11

Designing For Humans

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, learnable, 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 wheels that roll. This is where design frameworks and guidelines can really help. You would be 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. Browse the following human interface guidelines from a variety of sources:

Material Design by Google:

Design

Semantic UI for React

Introduction — Semantic UI React

Ant Design Language (by Ant Financial)

Ant Design - The world's second most popular React UI framework

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

Human Interface Guidelines — Design — Apple Developer

2. Create the relevant user interfaces for your application using Adobe XD.

UI design kits for mobile and web | Adobe XD CC

3. Upload your source file and PDFs of each screen to your team’s Slack channel before the next course session.