Gerard

®

Design Systems Studio

Human Interface with

Innovation you can see, hear, and feel.

Guidelines that developers like myself can see, hear, and feel.

Pushing boundaries from the inside out. Spatial experiences on Apple Vision Pro are only possible through groundbreaking Apple technology. Displays the size of a postage stamp that deliver more pixels than a 4K TV to each eye. Incredible advances in Spatial Audio. A revolutionary dual‑chip design featuring custom Apple silicon. A sophisticated array of cameras and sensors. All the elements work together to create an unprecedented experience you have to see to believe.

Pushing boundaries from the inside out. Essential information about platforms, foundations, patterns, components, inputs, and technologies. The HIG offers guidance and best practices for designing exceptional user experiences across all Apple platforms. Guidelines that I follow when designing for the entire Apple ecosystem, and even beyond Apple stuff.

Guidelines that developers like myself can see, hear, and feel.

Guidelines that developers like myself can see, hear, and feel.

Pushing boundaries from the inside out. Essential information about platforms, foundations, patterns, components, inputs, and technologies. The HIG offers guidance and best practices for designing exceptional user experiences across all Apple platforms. Guidelines that I follow when designing for the entire Apple ecosystem, and even further Apple.

Designing for the Apple Vision Pro and Airpods Pro bring the most advanced Spatial Audio system ever to unleash immersive design into productivity user interfaces when needed.

— Also, dual-driver audio pods positioned next to each ear deliver personalized sound while letting you hear what’s around you. Spatial Audio makes sounds feel like they’re coming from your surroundings. Audio ray tracing analyzes your room’s acoustic properties to adapt and match sound to your space. And if power users want to use their headphones with Apple Vision Pro, the latest AirPods Pro with the Apple ecosystem offers the perfect immersive and integrative sound experience, featuring Lossless Audio with ultra-low latency enabled by the M-silicon Chips in each device interconnected while integrating the same functionality in any developed UI for the ecosystem.

— Also, dual-driver audio pods positioned next to each ear deliver personalized sound while letting you hear what’s around you. Spatial Audio makes sounds feel like they’re coming from your surroundings. Audio ray tracing analyzes your room’s acoustic properties to adapt and match sound to your space. And if power users want to use their headphones with Apple Vision Pro, the latest AirPods Pro with the Apple ecosystem offers the perfect immersive and integrative sound experience, featuring Lossless Audio with ultra-low latency enabled by the M-silicon chips in each device interconnected while integrating the same functionality in any developed UI for the ecosystem.

More pixels than a 4K TV. For each eye.

The custom micro‑OLED display system features 23 million pixels, delivering stunning resolution and colors. And a specially designed three‑element lens creates the feeling of a display that’s everywhere you look.

Designing for the Apple Vision Pro bring the most advanced Spatial Audio system ever to unleash immersive design into productivity apps.

Also, dual-driver audio pods positioned next to each ear deliver personalized sound while letting you hear what’s around you. Spatial Audio makes sounds feel like they’re coming from your surroundings. Audio ray tracing analyzes your room’s acoustic properties to adapt and match sound to your space. And if power users want to use their headphones with Apple Vision Pro, the latest AirPods Pro with the iPhone Pro offer the perfect immersive and integrative sound experience, featuring Lossless Audio with ultra-low latency enabled by the M-silicon chips in each of the apple devices interconnected.

See, Hear & Feel/

See, Hear & Feel/

UXU\ A\X.

UXU\ A\X.

__
__
__
H\GH\G
H\GH\G
H\GH\G
//
//
//

Human \nterface Guidelines

Human \nterface Guidelines

[H\G] serve as a comprehensive resource for developers & designers.

Human Interface Guidelines

Human Interface Guidelines

[H\G] are to create intuitive, Human-
centric interfaces. By emphasizing on principles such as clarity, consistency,
and responsiveness, which are critical for crafting seamless & visually
appealing UXU\ A\X.

[HIG] are to create intuitive, Human-centric interfaces. By emphasizing on principles such as clarity, consistency,
and responsiveness, which are critical for crafting seamless & visually appealing UX/UI/AIX.

Where FunctionWhere Function
Where FunctionWhere Function
Where FunctionWhere Function
Is a matter of form.Is a matter of form.
Is a matter of form.Is a matter of form.
Is a matter of form.Is a matter of form.
And form, a matter of function.And form, a matter of function.
And form, a matter of function.And form, a matter of function.
And form, a matter of function.And form, a matter of function.
PlatformsPlatforms

UXU\ Design & Development

— I embody a dynamic proof-of-concept user-centered design approach that effortlessly creates UX/UI experiences that feel native on every computational platform. This is achieved using state-of-the-art tools and an exceptional approach to crafting, wireframing, and prototyping.

iOS Dev

{UX/UI design, wires & prototyping}

iPadOS

{UX/UI design, wires & prototyping}

macOS

{UX/UI design, wires & prototyping}

tvOS

{UX/UI design, wires & prototyping}

visionOS

{UX/UI design, wires & prototyping}

watchOS

{UX/UI design, wires & prototyping}

Game UI

{UX/UI design, wires & prototyping}

Safari UI

{UX/UI design, wires & prototyping}

_

{UX/UI design, wires & prototyping}

_

{UX/UI design, wires & prototyping}

Designing for iOS. People depend on their iPhone to help them stay connected, play games, view media, accomplish tasks, and track personal data in any location and while on the go.

Touch to flip

  1. Designing for iOS

  2. Apple HiFi Design Resources.

  3. Component Libraries: XD, InVision, Sketch & Figma.

0

Platforms

Human Interface Guidelines

H\G

Supported Platforms

0

Design System I/O

0

Design Systems Layers

0

Prototypes

Wires

Components

Patterns

Ions

FoundationsFoundations

UXU\ Design & Development

— The HIG reveals me how fundamental design elements help me create rich experiences, all driven by an exceptional approach to crafting user interfaces, while wireframing, and prototyping.

WCAG

{UX/UI design, wires & prototyping}

iCons

{UX/UI design, wires & prototyping}

Branding

{UX/UI design, wires & prototyping}

Color

{UX/UI design, wires & prototyping}

Mode

{UX/UI design, wires & prototyping}

iCons

{UX/UI design, wires & prototyping}

Images

{UX/UI design, wires & prototyping}

iXP

{UX/UI design, wires & prototyping}

Inclusion

{UX/UI design, wires & prototyping}

Layout

{UX/UI design, wires & prototyping}

Material

{UX/UI design, wires & prototyping}

Motion

{UX/UI design, wires & prototyping}

Privacy

{UX/UI design, wires & prototyping}

RTL

{UX/UI design, wires & prototyping}

Symbols

{UX/UI design, wires & prototyping}

Spatial

{UX/UI design, wires & prototyping}

Type

{UX/UI design, wires & prototyping}

Writing

{UX/UI design, wires & prototyping}

_

{UX/UI design, wires & prototyping}

_

{UX/UI design, wires & prototyping}

Designing for iOS. People depend on their iPhone to help them stay connected, play games, view media, accomplish tasks, and track personal data in any location and while on the go.

Touch to flip

  1. Accessibility

  2. Apple HiFi Design Resources.

  3. Component Libraries: XD, InVision, Sketch & Figma.

0

Foundations

Human Interface Guidelines

H\G

Supported Platforms

0

Design System I/O

0

Design Systems Layers

0

Prototypes

Wires

Components

Patterns

Ions

PatternsPatterns

UXU\ Design & Development

— The HIG provides me design guidance for supporting common user actions, tasks, and experiences. This guidance is informed by my strong approach to crafting, wireframing, and prototyping.

Charting

{UX/UI design, wires & prototyping}

Sharing

{UX/UI design, wires & prototyping}

Drop

{UX/UI design, wires & prototyping}

Entering

{UX/UI design, wires & prototyping}

Feedback

{UX/UI design, wires & prototyping}

Files

{UX/UI design, wires & prototyping}

Full

{UX/UI design, wires & prototyping}

Launch

{UX/UI design, wires & prototyping}

Live

{UX/UI design, wires & prototyping}

Loading

{UX/UI design, wires & prototyping}

Account

{UX/UI design, wires & prototyping}

Notification

{UX/UI design, wires & prototyping}

Modality

{UX/UI design, wires & prototyping}

Multitask

{UX/UI design, wires & prototyping}

Help

{UX/UI design, wires & prototyping}

Onboard

{UX/UI design, wires & prototyping}

Audio

{UX/UI design, wires & prototyping}

Haptics

{UX/UI design, wires & prototyping}

Video

{UX/UI design, wires & prototyping}

Printing

{UX/UI design, wires & prototyping}

Rating

{UX/UI design, wires & prototyping}

Search

{UX/UI design, wires & prototyping}

Settings

{UX/UI design, wires & prototyping}

Undo

{UX/UI design, wires & prototyping}

Workout

{UX/UI design, wires & prototyping}

_

{UX/UI design, wires & prototyping}

_

{UX/UI design, wires & prototyping}

Designing for iOS. People depend on their iPhone to help them stay connected, play games, view media, accomplish tasks, and track personal data in any location and while on the go.

Touch to flip

  1. Charting

  2. Apple HiFi Design Resources.

  3. Component Libraries: XD, InVision, Sketch & Figma.

0

Patterns

Human Interface Guidelines

H\G

Supported Platforms

0

Design System I/O

0

Design Systems Layers

0

Prototypes

Wires

Components

Patterns

Ions

ComponentsComponents

UXU\ Design & Development

— The HIG demonstrates how I could use and customize system-defined components to provide people with a familiar and consistent experience, all driven by an exceptional approach to crafting, wireframing, and prototyping.

Charts

{UX/UI design, wires & prototyping}

Image/V

{UX/UI design, wires & prototyping}

Text/V

{UX/UI design, wires & prototyping}

Web/V

{UX/UI design, wires & prototyping}

Box

{UX/UI design, wires & prototyping}

Collection

{UX/UI design, wires & prototyping}

Column/V

{UX/UI design, wires & prototyping}

Disclosure

{UX/UI design, wires & prototyping}

Label

{UX/UI design, wires & prototyping}

Lists/Tables

{UX/UI design, wires & prototyping}

Lockups

{UX/UI design, wires & prototyping}

Outline/V

{UX/UI design, wires & prototyping}

Split/V

{UX/UI design, wires & prototyping}

Tab/V

{UX/UI design, wires & prototyping}

Activity

{UX/UI design, wires & prototyping}

Buttons

{UX/UI design, wires & prototyping}

C/Menu

{UX/UI design, wires & prototyping}

D/Menu

{UX/UI design, wires & prototyping}

E/Menu

{UX/UI design, wires & prototyping}

Ornaments

{UX/UI design, wires & prototyping}

PullDown/B

{UX/UI design, wires & prototyping}

Toolbar

{UX/UI design, wires & prototyping}

Path/C

{UX/UI design, wires & prototyping}

Search/F

{UX/UI design, wires & prototyping}

Tab/Bar

{UX/UI design, wires & prototyping}

Token/F

{UX/UI design, wires & prototyping}

Action/S

{UX/UI design, wires & prototyping}

Alert

{UX/UI design, wires & prototyping}

Page/C

{UX/UI design, wires & prototyping}

Panels

{UX/UI design, wires & prototyping}

Popovers

{UX/UI design, wires & prototyping}

Scroll/V

{UX/UI design, wires & prototyping}

Sheets

{UX/UI design, wires & prototyping}

Window

{UX/UI design, wires & prototyping}

Color/W

{UX/UI design, wires & prototyping}

Digit/E/V

{UX/UI design, wires & prototyping}

Image/W

{UX/UI design, wires & prototyping}

Pickers

{UX/UI design, wires & prototyping}

Segmented

{UX/UI design, wires & prototyping}

Slider

{UX/UI design, wires & prototyping}

Stepper

{UX/UI design, wires & prototyping}

TextField

{UX/UI design, wires & prototyping}

Toggles

{UX/UI design, wires & prototyping}

V/keyboard

{UX/UI design, wires & prototyping}

Activity/R

{UX/UI design, wires & prototyping}

Gauges

{UX/UI design, wires & prototyping}

Progress/I

{UX/UI design, wires & prototyping}

Rating/I

{UX/UI design, wires & prototyping}

Shortcuts

{UX/UI design, wires & prototyping}

CDS

{UX/UI design, wires & prototyping}

W/Faces

{UX/UI design, wires & prototyping}

Home/SQA

{UX/UI design, wires & prototyping}

LiveActivity

{UX/UI design, wires & prototyping}

Notification

{UX/UI design, wires & prototyping}

StatusBar

{UX/UI design, wires & prototyping}

TopShelf

{UX/UI design, wires & prototyping}

Widgets

{UX/UI design, wires & prototyping}

Controls

{UX/UI design, wires & prototyping}

_

{UX/UI design, wires & prototyping}

_

{UX/UI design, wires & prototyping}

Designing for iOS. People depend on their iPhone to help them stay connected, play games, view media, accomplish tasks, and track personal data in any location and while on the go.

Touch to flip

  1. Charts

  2. Apple HiFi Design Resources.

  3. Component Libraries: XD, InVision, Sketch & Figma.

0

Components

Human Interface Guidelines

H\G

Supported Platforms

0

Design System I/O

0

Design Systems Layers

0

Prototypes

Wires

Components

Patterns

Ions

Content

Layout

Menus

Navigation & Search

Presentations

Selections

Status

System

Input/OutputInput/Output

UXU\ Design & Development

— The HIG point out the various methods people use to control your app, site, or game and input data, all supported by an exceptional approach to crafting, wireframing, and prototyping

Action/B

{UX/UI design, wires & prototyping}

A/Pencil

{UX/UI design, wires & prototyping}

D/Crown

{UX/UI design, wires & prototyping}

Eyes

{UX/UI design, wires & prototyping}

Focus/S

{UX/UI design, wires & prototyping}

Game/C

{UX/UI design, wires & prototyping}

Gestures

{UX/UI design, wires & prototyping}

Gyroscope

{UX/UI design, wires & prototyping}

Keyboards

{UX/UI design, wires & prototyping}

Near/IxD

{UX/UI design, wires & prototyping}

Pointing/D

{UX/UI design, wires & prototyping}

Remotes

{UX/UI design, wires & prototyping}

Touch Bar

{UX/UI design, wires & prototyping}

C/Control

{UX/UI design, wires & prototyping}

_

{UX/UI design, wires & prototyping}

_

{UX/UI design, wires & prototyping}

Designing for iOS. People depend on their iPhone to help them stay connected, play games, view media, accomplish tasks, and track personal data in any location and while on the go.

Touch to flip

  1. Action Button

  2. Apple HiFi Design Resources.

  3. Component Libraries: XD, InVision, Sketch & Figma.

0

I/O

Human Interface Guidelines

H\G

Supported Platforms

0

Design System I/O

0

Design Systems Layers

0

Prototypes

Wires

Components

Patterns

Ions

TechnologyTechnology

UXU\ Design & Development

— The HIG showcases state-of-the-art mechanisms for discovering Apple technologies, features, and services that I can integrate visually into your app, site, or game, all supported by an exceptional approach to crafting, wireframing, and prototyping user interfaces.

AirPlay

{UX/UI design, wires & prototyping}

AlwaysOn

{UX/UI design, wires & prototyping}

AppleClips

{UX/UI design, wires & prototyping}

ApplePay

{UX/UI design, wires & prototyping}

Ar

{UX/UI design, wires & prototyping}

CareKit

{UX/UI design, wires & prototyping}

CarPlay

{UX/UI design, wires & prototyping}

Game/C

{UX/UI design, wires & prototyping}

HealthKit

{UX/UI design, wires & prototyping}

HomeKit

{UX/UI design, wires & prototyping}

I-A/P

{UX/UI design, wires & prototyping}

iCloud

{UX/UI design, wires & prototyping}

ID/V

{UX/UI design, wires & prototyping}

iMessage

{UX/UI design, wires & prototyping}

Live/Ps

{UX/UI design, wires & prototyping}

Catalyst

{UX/UI design, wires & prototyping}

ML

{UX/UI design, wires & prototyping}

Maps

{UX/UI design, wires & prototyping}

M-for-B

{UX/UI design, wires & prototyping}

NFC

{UX/UI design, wires & prototyping}

Photo Edit

{UX/UI design, wires & prototyping}

R&D-Kit

{UX/UI design, wires & prototyping}

SharePlay

{UX/UI design, wires & prototyping}

ShazamKit

{UX/UI design, wires & prototyping}

Siri

{UX/UI design, wires & prototyping}

SiwA

{UX/UI design, wires & prototyping}

TapToPay

{UX/UI design, wires & prototyping}

Wallet

{UX/UI design, wires & prototyping}

GenAI

{UX/UI design, wires & prototyping}

_

{UX/UI design, wires & prototyping}

_

{UX/UI design, wires & prototyping}

Designing for iOS. People depend on their iPhone to help them stay connected, play games, view media, accomplish tasks, and track personal data in any location and while on the go.

Touch to flip

  1. AirPlay

  2. Apple HiFi Design Resources.

  3. Component Libraries: XD, InVision, Sketch & Figma.

0

Technology

Human Interface Guidelines

H\G

Supported Platforms

0

Design System I/O

0

Design Systems Layers

0

Prototypes

Wires

Components

Patterns

Ions

HIG

2024

0

Technologies

The HIG showcases state-of-the-art mechanisms for discovering Apple technologies, features, and services that I can integrate visually into your app, site, or game, all supported by an exceptional approach to crafting, wireframing, and prototyping.

AirPlay

{UX/UI design, wires & prototyping}

On

{UX/UI design, wires & prototyping}

Clips

{UX/UI design, wires & prototyping}

ApplPay

{UX/UI design, wires & prototyping}

Ar

{UX/UI design, wires & prototyping}

CareKit

{UX/UI design, wires & prototyping}

CarPlay

{UX/UI design, wires & prototyping}

Game/C

{UX/UI design, wires & prototyping}

HealthKit

{UX/UI design, wires & prototyping}

HomeKit

{UX/UI design, wires & prototyping}

IAP

{UX/UI design, wires & prototyping}

iMessag

{UX/UI design, wires & prototyping}

ID

{UX/UI design, wires & prototyping}

iMessag

{UX/UI design, wires & prototyping}

Live/Ps

{UX/UI design, wires & prototyping}

Catalyst

{UX/UI design, wires & prototyping}

ML

{UX/UI design, wires & prototyping}

Maps

{UX/UI design, wires & prototyping}

M-for-B

{UX/UI design, wires & prototyping}

Share/P

{UX/UI design, wires & prototyping}

Shazam

{UX/UI design, wires & prototyping}

R&D/Kit

{UX/UI design, wires & prototyping}

S-Play

{UX/UI design, wires & prototyping}

Shazam

{UX/UI design, wires & prototyping}

Siri

{UX/UI design, wires & prototyping}

SiwA

{UX/UI design, wires & prototyping}

Tap2Pay

{UX/UI design, wires & prototyping}

Wallet

{UX/UI design, wires & prototyping}

Human Interface Guidelines

2024

0

Technologies

The HIG showcases state-of-the-art mechanisms for discovering Apple technologies, features, and services that I can integrate visually into your app, site, or game, all supported by an exceptional approach to crafting, wireframing, and prototyping.

AirPlay

{UX/UI design, wires & prototyping}

AlwaysOn

{UX/UI design, wires & prototyping}

AppleClips

{UX/UI design, wires & prototyping}

ApplePay

{UX/UI design, wires & prototyping}

Ar

{UX/UI design, wires & prototyping}

CareKit

{UX/UI design, wires & prototyping}

CarPlay

{UX/UI design, wires & prototyping}

Game/C

{UX/UI design, wires & prototyping}

HealthKit

{UX/UI design, wires & prototyping}

HomeKit

{UX/UI design, wires & prototyping}

IAP

{UX/UI design, wires & prototyping}

iCloud

{UX/UI design, wires & prototyping}

ID

{UX/UI design, wires & prototyping}

iMessage

{UX/UI design, wires & prototyping}

Live/Ps

{UX/UI design, wires & prototyping}

Catalyst

{UX/UI design, wires & prototyping}

ML

{UX/UI design, wires & prototyping}

Maps

{UX/UI design, wires & prototyping}

M-for-B

{UX/UI design, wires & prototyping}

NFC

{UX/UI design, wires & prototyping}

Photo Edit

{UX/UI design, wires & prototyping}

R&D/Kit

{UX/UI design, wires & prototyping}

SharePlay

{UX/UI design, wires & prototyping}

ShazamKit

{UX/UI design, wires & prototyping}

Siri

{UX/UI design, wires & prototyping}

SiwA

{UX/UI design, wires & prototyping}

TapToPay

{UX/UI design, wires & prototyping}

Wallet

{UX/UI design, wires & prototyping}

HIG

2024

0

Components

The HIG demonstrates how I could use and customize system-defined components to provide people with a familiar and consistent experience, all driven by an exceptional approach to crafting, wireframing, and prototyping.

Charts

{UX/UI design, wires & prototyping}

iView

{UX/UI design, wires & prototyping}

TextView

{UX/UI design, wires & prototyping}

WebView

{UX/UI design, wires & prototyping}

Box

{UX/UI design, wires & prototyping}

Collect

{UX/UI design, wires & prototyping}

cView

{UX/UI design, wires & prototyping}

Closure

{UX/UI design, wires & prototyping}

Label

{UX/UI design, wires & prototyping}

L-&-T

{UX/UI design, wires & prototyping}

LockUps

{UX/UI design, wires & prototyping}

Outline/V

{UX/UI design, wires & prototyping}

SplitView

{UX/UI design, wires & prototyping}

TabView

{UX/UI design, wires & prototyping}

Activity

{UX/UI design, wires & prototyping}

Buttons

{UX/UI design, wires & prototyping}

C/Menu

{UX/UI design, wires & prototyping}

D/Menu

{UX/UI design, wires & prototyping}

E/Menu

{UX/UI design, wires & prototyping}

Menus

{UX/UI design, wires & prototyping}

Ornamnt

{UX/UI design, wires & prototyping}

PopUp/B

{UX/UI design, wires & prototyping}

PullDown

{UX/UI design, wires & prototyping}

Toolbar

{UX/UI design, wires & prototyping}

NavBar

{UX/UI design, wires & prototyping}

Path

{UX/UI design, wires & prototyping}

Search/F

{UX/UI design, wires & prototyping}

Sidebar

{UX/UI design, wires & prototyping}

Tab/Bar

{UX/UI design, wires & prototyping}

Token/F

{UX/UI design, wires & prototyping}

Action/S

{UX/UI design, wires & prototyping}

Alert

{UX/UI design, wires & prototyping}

Page/D

{UX/UI design, wires & prototyping}

Panels

{UX/UI design, wires & prototyping}

Popover

{UX/UI design, wires & prototyping}

Scroll/V

{UX/UI design, wires & prototyping}

Sheet

{UX/UI design, wires & prototyping}

Window

{UX/UI design, wires & prototyping}

Color/W

{UX/UI design, wires & prototyping}

Digit/E

{UX/UI design, wires & prototyping}

Image/W

{UX/UI design, wires & prototyping}

Pickers

{UX/UI design, wires & prototyping}

Segment

{UX/UI design, wires & prototyping}

Slider

{UX/UI design, wires & prototyping}

Stepper

{UX/UI design, wires & prototyping}

TextField

{UX/UI design, wires & prototyping}

Toggles

{UX/UI design, wires & prototyping}

Virtual/k

{UX/UI design, wires & prototyping}

A/Ring

{UX/UI design, wires & prototyping}

Gauges

{UX/UI design, wires & prototyping}

Prog/Ind

{UX/UI design, wires & prototyping}

Rating

{UX/UI design, wires & prototyping}

Shortcut

{UX/UI design, wires & prototyping}

Complic.

{UX/UI design, wires & prototyping}

Faces

{UX/UI design, wires & prototyping}

HSQA

{UX/UI design, wires & prototyping}

Live/A

{UX/UI design, wires & prototyping}

Notific.

{UX/UI design, wires & prototyping}

Status/B

{UX/UI design, wires & prototyping}

MenuBar

{UX/UI design, wires & prototyping}

TopShelf

{UX/UI design, wires & prototyping}

Widgets

{UX/UI design, wires & prototyping}

Controls

{UX/UI design, wires & prototyping}

HIG

2024

0

I/O

The HIG point out the various methods people use to control your app, site, or game and input data, all supported by an exceptional approach to crafting, wireframing, and prototyping

Action

{UX/UI design, wires & prototyping}

A/Pencil

{UX/UI design, wires & prototyping}

D/Crown

{UX/UI design, wires & prototyping}

Eyes

{UX/UI design, wires & prototyping}

Focus/S

{UX/UI design, wires & prototyping}

Game/C

{UX/UI design, wires & prototyping}

Gestures

{UX/UI design, wires & prototyping}

Gyro

{UX/UI design, wires & prototyping}

K/boards

{UX/UI design, wires & prototyping}

Near/IxD

{UX/UI design, wires & prototyping}

Point/D

{UX/UI design, wires & prototyping}

Remotes

{UX/UI design, wires & prototyping}

Touch/B

{UX/UI design, wires & prototyping}

Human Interface Guidelines

2024

0

I/O

The HIG point out the various methods people use to control your app, site, or game and input data, all supported by an exceptional approach to crafting, wireframing, and prototyping

Action

{UX/UI design, wires & prototyping}

A/Pencil

{UX/UI design, wires & prototyping}

D/Crown

{UX/UI design, wires & prototyping}

Eyes

{UX/UI design, wires & prototyping}

Focus/S

{UX/UI design, wires & prototyping}

Game/C

{UX/UI design, wires & prototyping}

Gestures

{UX/UI design, wires & prototyping}

Gyroscope

{UX/UI design, wires & prototyping}

Keyboards

{UX/UI design, wires & prototyping}

Near/IxD

{UX/UI design, wires & prototyping}

Pointing/D

{UX/UI design, wires & prototyping}

Remotes

{UX/UI design, wires & prototyping}

Touch Bar

{UX/UI design, wires & prototyping}

Human Interface Guidelines

2024

0

Components

The HIG demonstrates how I could use and customize system-defined components to provide people with a familiar and consistent experience, all driven by an exceptional approach to crafting, wireframing, and prototyping.

Charts

{UX/UI design, wires & prototyping}

ImageView

{UX/UI design, wires & prototyping}

TextView

{UX/UI design, wires & prototyping}

WebView

{UX/UI design, wires & prototyping}

Box

{UX/UI design, wires & prototyping}

Collection

{UX/UI design, wires & prototyping}

Column

{UX/UI design, wires & prototyping}

Disclosure

{UX/UI design, wires & prototyping}

Label

{UX/UI design, wires & prototyping}

Lists/Tables

{UX/UI design, wires & prototyping}

Lockups

{UX/UI design, wires & prototyping}

Outline/V

{UX/UI design, wires & prototyping}

SplitView

{UX/UI design, wires & prototyping}

TabView

{UX/UI design, wires & prototyping}

Activity

{UX/UI design, wires & prototyping}

Buttons

{UX/UI design, wires & prototyping}

C/Menu

{UX/UI design, wires & prototyping}

D/Menu

{UX/UI design, wires & prototyping}

E/Menu

{UX/UI design, wires & prototyping}

Menus

{UX/UI design, wires & prototyping}

Ornaments

{UX/UI design, wires & prototyping}

PopUp/B

{UX/UI design, wires & prototyping}

PullDown/B

{UX/UI design, wires & prototyping}

Toolbar

{UX/UI design, wires & prototyping}

NavBar

{UX/UI design, wires & prototyping}

Path

{UX/UI design, wires & prototyping}

Search/F

{UX/UI design, wires & prototyping}

Sidebar

{UX/UI design, wires & prototyping}

Tab/Bar

{UX/UI design, wires & prototyping}

Token/Field

{UX/UI design, wires & prototyping}

Action/S

{UX/UI design, wires & prototyping}

Alert

{UX/UI design, wires & prototyping}

PageDots

{UX/UI design, wires & prototyping}

Panels

{UX/UI design, wires & prototyping}

Popover

{UX/UI design, wires & prototyping}

ScrollView

{UX/UI design, wires & prototyping}

Sheet

{UX/UI design, wires & prototyping}

Window

{UX/UI design, wires & prototyping}

ColorWell

{UX/UI design, wires & prototyping}

DigitEntry

{UX/UI design, wires & prototyping}

ImageWell

{UX/UI design, wires & prototyping}

Pickers

{UX/UI design, wires & prototyping}

Segmented

{UX/UI design, wires & prototyping}

Slider

{UX/UI design, wires & prototyping}

Stepper

{UX/UI design, wires & prototyping}

TextField

{UX/UI design, wires & prototyping}

Toggles

{UX/UI design, wires & prototyping}

V/keyboard

{UX/UI design, wires & prototyping}

Activity/R

{UX/UI design, wires & prototyping}

Gauges

{UX/UI design, wires & prototyping}

Progress/I

{UX/UI design, wires & prototyping}

Rating

{UX/UI design, wires & prototyping}

Shortcuts

{UX/UI design, wires & prototyping}

Complic.

{UX/UI design, wires & prototyping}

Faces

{UX/UI design, wires & prototyping}

Home/SQA

{UX/UI design, wires & prototyping}

LiveActivity

{UX/UI design, wires & prototyping}

Notification

{UX/UI design, wires & prototyping}

StatusBar

{UX/UI design, wires & prototyping}

Menu

{UX/UI design, wires & prototyping}

TopShelf

{UX/UI design, wires & prototyping}

Widgets

{UX/UI design, wires & prototyping}

Controls

{UX/UI design, wires & prototyping}

HIG

2024

0

Patterns

The HIG provides me design guidance for supporting common user actions, tasks, and experiences. This guidance is informed by my strong approach to crafting, wireframing, and prototyping.

Charting

{UX/UI design, wires & prototyping}

Sharing

{UX/UI design, wires & prototyping}

Drop

{UX/UI design, wires & prototyping}

Entering

{UX/UI design, wires & prototyping}

Feed

{UX/UI design, wires & prototyping}

Files

{UX/UI design, wires & prototyping}

Full

{UX/UI design, wires & prototyping}

Launch

{UX/UI design, wires & prototyping}

Live

{UX/UI design, wires & prototyping}

Loading

{UX/UI design, wires & prototyping}

Account

{UX/UI design, wires & prototyping}

Notify

{UX/UI design, wires & prototyping}

Modality

{UX/UI design, wires & prototyping}

Multitask

{UX/UI design, wires & prototyping}

Help

{UX/UI design, wires & prototyping}

Onboard

{UX/UI design, wires & prototyping}

Audio

{UX/UI design, wires & prototyping}

Haptics

{UX/UI design, wires & prototyping}

Video

{UX/UI design, wires & prototyping}

Printing

{UX/UI design, wires & prototyping}

Rating

{UX/UI design, wires & prototyping}

Search

{UX/UI design, wires & prototyping}

Settings

{UX/UI design, wires & prototyping}

Undo

{UX/UI design, wires & prototyping}

Workout

{UX/UI design, wires & prototyping}

Human Interface Guidelines

2024

0

Patterns

The HIG provides me design guidance for supporting common user actions, tasks, and experiences. This guidance is informed by my strong approach to crafting, wireframing, and prototyping.

Charting

{UX/UI design, wires & prototyping}

Sharing

{UX/UI design, wires & prototyping}

Drop

{UX/UI design, wires & prototyping}

Entering

{UX/UI design, wires & prototyping}

Feedback

{UX/UI design, wires & prototyping}

Files

{UX/UI design, wires & prototyping}

Full

{UX/UI design, wires & prototyping}

Launch

{UX/UI design, wires & prototyping}

Live

{UX/UI design, wires & prototyping}

Loading

{UX/UI design, wires & prototyping}

Account

{UX/UI design, wires & prototyping}

Notification

{UX/UI design, wires & prototyping}

Modality

{UX/UI design, wires & prototyping}

Multitask

{UX/UI design, wires & prototyping}

Help

{UX/UI design, wires & prototyping}

Onboard

{UX/UI design, wires & prototyping}

Audio

{UX/UI design, wires & prototyping}

Haptics

{UX/UI design, wires & prototyping}

Video

{UX/UI design, wires & prototyping}

Printing

{UX/UI design, wires & prototyping}

Rating

{UX/UI design, wires & prototyping}

Search

{UX/UI design, wires & prototyping}

Settings

{UX/UI design, wires & prototyping}

Undo

{UX/UI design, wires & prototyping}

Workout

{UX/UI design, wires & prototyping}

HIG

2024

0

Foundations

The HIG reveals me how fundamental design elements help me create rich experiences, all driven by an exceptional approach to crafting, wireframing, and prototyping.

WCAG

{UX/UI design, wires & prototyping}

iCons

{UX/UI design, wires & prototyping}

Branding

{UX/UI design, wires & prototyping}

Color

{UX/UI design, wires & prototyping}

Mode

{UX/UI design, wires & prototyping}

iCons

{UX/UI design, wires & prototyping}

Images

{UX/UI design, wires & prototyping}

iXP

{UX/UI design, wires & prototyping}

Inclusion

{UX/UI design, wires & prototyping}

Layout

{UX/UI design, wires & prototyping}

Material

{UX/UI design, wires & prototyping}

Motion

{UX/UI design, wires & prototyping}

Privacy

{UX/UI design, wires & prototyping}

RTL

{UX/UI design, wires & prototyping}

Symbols

{UX/UI design, wires & prototyping}

Spatial

{UX/UI design, wires & prototyping}

Type

{UX/UI design, wires & prototyping}

Writing

{UX/UI design, wires & prototyping}

Human Interface Guidelines

2024

0

Platforms

I embody a dynamic proof-of-concept user-centered design approach that effortlessly creates UX/UI experiences that feel native on every computational platform. This is achieved using state-of-the-art technology and an exceptional approach to crafting, wireframing, and prototyping.

iOS Dev

{UX/UI design, wires & prototyping}

iPadOS

{UX/UI design, wires & prototyping}

macOS

{UX/UI design, wires & prototyping}

tvOS

{UX/UI design, wires & prototyping}

visionOS

{UX/UI design, wires & prototyping}

watchOS

{UX/UI design, wires & prototyping}

Game UI

{UX/UI design, wires & prototyping}

Safari UI

{UX/UI design, wires & prototyping}

Human Interface Guidelines

2024

0

Foundations

The HIG reveals me how fundamental design elements help me create rich experiences, all driven by an exceptional approach to crafting, wireframing, and prototyping.

WCAG

{UX/UI design, wires & prototyping}

iCons

{UX/UI design, wires & prototyping}

Branding

{UX/UI design, wires & prototyping}

Color

{UX/UI design, wires & prototyping}

Mode

{UX/UI design, wires & prototyping}

iCons

{UX/UI design, wires & prototyping}

Images

{UX/UI design, wires & prototyping}

iXP

{UX/UI design, wires & prototyping}

Inclusion

{UX/UI design, wires & prototyping}

Layout

{UX/UI design, wires & prototyping}

Material

{UX/UI design, wires & prototyping}

Motion

{UX/UI design, wires & prototyping}

Privacy

{UX/UI design, wires & prototyping}

RTL

{UX/UI design, wires & prototyping}

Symbols

{UX/UI design, wires & prototyping}

Spatial

{UX/UI design, wires & prototyping}

Type

{UX/UI design, wires & prototyping}

Writing

{UX/UI design, wires & prototyping}

HIG

2024

0

Platforms

I embody a dynamic proof-of-concept user-centered design approach that effortlessly creates UX/UI experiences that feel native on every computational platform. This is achieved using state-of-the-art technology and an exceptional approach to crafting, wireframing, and prototyping.

iOS Dev

{UX/UI design, wires & prototyping}

iPadOS

{UX/UI design, wires & prototyping}

macOS

{UX/UI design, wires & prototyping}

tvOS

{UX/UI design, wires & prototyping}

visionOS

{UX/UI design, wires & prototyping}

watchOS

{UX/UI design, wires & prototyping}

Game UI

{UX/UI design, wires & prototyping}

Safari UI

{UX/UI design, wires & prototyping}

.

1

3

HIG uXU\ a\X UXU\ A\x Human Interface guidelines [Platforms / Found / Ptt / Co / IO / Tech]

HIG uXU\ a\X UXU\ A\x Human Interface guidelines [Platforms / Found / Ptt / Co / IO / Tech]

HIG uXU\ a\X UXU\ A\x Human Interface guidelines [Platforms / Found / Ptt / Co / IO / Tech]

AirPods Pro/

UX

U\

A\X

* SCROLL DOWN * or SCROLL UP
* SCROLL DOWN * or SCROLL UP
* SCROLL DOWN * or SCROLL UP

11:11

11:11

100

100

150

150

200

200

300

300

400

400

500

500

600

600

650

650

700

700

750

750

800

800

850

850

900

900