Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll

Getting Started With Human Interface Guidelines

Well done!

You have completed Getting Started With Human Interface Guidelines!

Sign up for Treehouse Back to Library

Introducing Our Project

1:14 with Anwar Montasir

In this stage, I’ll guide you through the completion of a wireframe created in Adobe XD. This app for runners and joggers features a few examples of common components outlined in the Human Interface Guidelines documentation. These components include the iOS Status Bar, a Tab Bar, a Navigation Bar, a Context Menu, and an Action Sheet.

Related Discussions

Have questions about this video? Start a discussion with the community and Treehouse staff.

Sign up

    Related Discussions

    Have questions about this video? Start a discussion with the community and Treehouse staff.

    Sign up

    [MUSIC] 0:00
    In this stage, 0:05
    I'll guide you through the completion of a wireframe created in Adobe XD. 0:06
    This app for runners and joggers features a few examples of common 0:12
    components outlined in the Human Interface Guidelines documentation. 0:16
    These components include the iOS Status Bar, a Tab Bar, 0:22
    a Navigation Bar, a Context Menu, and an Action Sheet. 0:29
    We'll explore the documentation covering these components and discuss 0:37
    the rules governing each component's design, interactivity, and implementation. 0:42
    We'll make use of a downloadable iOS UI kit for XD 0:48
    to simplify our workflow and 0:54
    enable us to better follow the Human Interface Guidelines. 0:56
    We'll design with Apple system fonts and 0:59
    use system icons found in Apple's SF Symbols library. Ready? 1:03
    Download the project files and let's get started. 1:10

    You need to sign up for Treehouse in order to download course files.

    Sign up

      You need to sign up for Treehouse in order to set up Workspace

      Sign up