pebble/devsite/source/_guides/design-and-interaction/index.md

title	description	guide_group	menu	permalink	generate_toc	hide_comments
Design and Interaction	How to design apps to maximise engagement, satisfaction, efficiency and overall user experience.	design-and-interaction	false	/guides/design-and-interaction/	false	true

Interaction guides are intended to help developers design their apps to maximize user experience through effective, consistent visual design and user interactions on the Pebble platform. Readers can be non-programmers and programmers alike: All material is explained conceptually and no code must be understood. For code examples, see {% guide_link design-and-interaction/implementation %}.

By designing apps using a commonly understood and easy to understand visual language users can get the best experience with the minimum amount of effort expended - learning how they work, how to operate them or what other behavior is required. This can help boost how efficiently any given app is used as well as help reinforce the underlying patterns for similar apps. For example, the layout design should make it immediately obvious which part of the UI contains the vital information the user should glance at first.

In addition to consistent visual design, implementing a common interaction pattern helps an app respond to users as they would expect. This allows them to correctly predict how an app will respond to their input without having to experiment to find out.

To get a feel for how to approach good UI design for smaller devices, read other examples of developer design guidelines such as Google's Material Design page or Apple's iOS Human Interface Guidelines.

Contents

{% include guides/contents-group.md group=page.group_data %}