Human interface guidelines Flashcards
Modality
Modality is a design technique that presents content in a separate, focused mode that prevents interaction with the parent view and requires an explicit action to dismiss.
Presenting content modally can:
Ensure that people receive critical information and, if necessary, act on it
Provide options that let people confirm or modify their most recent action
Help people perform a distinct, narrowly scoped task without losing track of their previous context
Give people an immersive experience or help them focus on a complex task
Modality best practises
Present content modally only when there’s a clear benefit.
Aim to keep modal tasks simple, short, and narrowly focused.
Take care to avoid creating a modal experience that feels like an app within your app.
Consider using a full-screen modal style for in-depth content or a complex task.
Always give people an obvious way to dismiss a modal view.
When necessary, help people avoid data loss by getting confirmation before closing a modal view.
Make it easy to identify a modal view’s task.
Avoid presenting a modal view on top of another modal view.
Modals
Action sheets
Activity views
Alerts
Popovers
Sheets
Charting data
Charts provide efficient ways to communicate complex information without requiring people to read and interpret a lot of text.
Charts
An effective chart highlights a few key pieces of information in a dataset, helping people gain insights and make decisions
A chart comprises several graphical elements that depict the values in a dataset and convey information about them.
Marks (chart)
Choose a mark type based on the information you want to communicate about the data. Some of the most familiar mark types are bar, line, and point
When use charts
Use a chart when you want to highlight important information about a dataset.
Keep a chart simple, letting people choose when they want additional details.
Make every chart in your app accessible.
Designing effective charts
In general, prefer using common chart types.
such as bar charts and line charts
If you need to create a chart that presents data in a novel way, help people learn how to interpret the chart.
Examine the data from multiple levels or perspectives to find details you can display to enhance the chart.
Match the size of a chart to its functionality, focus, and level of detail.
Maintain continuity among multiple charts that focus on the same data.