Gerard
®
Design Systems Studio
SCROLL DOWN
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 \nterfaces 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.
The Field Guide
for Informed Design.
The Field Guide.
Human \nterface Guidelines
Human \nterface Guidelines
Human \nterface Guidelines
Human \nterface Guidelines
[H\G] serve as a comprehensive resource for developers & designers.
Human \nterface Guidelines
Human \nterface Guidelines
Human \nterface Guidelines
Human \nterface Guidelines
H\G are to create intuitive, Human-
centric \nterfaces and A\-driven experiences. By emphasizing on principles such as Purpose, Agency, Responsibility, Familiarity, Flexibility, Simplicity, Craft, and Delight, which are critical for crafting seamless & visually
appealing UXU\ A\X.
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.
Where Function
Is a matterr of Form.
Is a matterr of Form.
Is a matterr of Form.
And FForm,
And FForm,
And FForm,
A matter off Function.
A matter off Function.
A matter off Function.
H\G Principles
H\G Principles
2027
H\G Principles
H\G Principles
2027
H\G Principles
H\G Principles
2027
Reintroduced design principles.
UXU\ A\X Design & Dev
2027 Updated
Human \nterface Guidelines
— I embody a dynamic proof-of-concept user-centered design approach that effortlessly creates UXU\ A\X 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.
H\G Principles
H\G Principles
2027
iOS
UXU\ A\X design, wires & prototyping
iPadOS
UXU\ A\X design, wires & prototyping
macOS
UXU\ A\X design, wires & prototyping
tvOS
UXU\ A\X design, wires & prototyping
visionOS
UXU\ A\X design, wires & prototyping
watchOS
UXU\ A\X design, wires & prototyping
Game Kit
UXU\ A\X design, wires & prototyping
Safari Kit
UXU\ A\X design, wires & prototyping
Principles
UXU\ A\X 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.
Best Practices
New
Research & Dev for iOS
Atomic Design Resource
Human \nterface Guidelines
H\G
H\G
2027 Updated
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.
Platforms
— I embody a dynamic proof-of-concept user-centered design approach that effortlessly creates UXU\ A\X 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 R&D
UXU\ A\X design, wires & prototyping
iPadOS
UXU\ A\X design, wires & prototyping
macOS
UXU\ A\X design, wires & prototyping
tvOS
UXU\ A\X design, wires & prototyping
visionOS
UXU\ A\X design, wires & prototyping
watchOS
UXU\ A\X design, wires & prototyping
Game Kit
UXU\ A\X design, wires & prototyping
Safari Kit
UXU\ A\X design, wires & prototyping
D/Principles
UXU\ A\X design, wires & prototyping
_
UXU\ A\X design, wires & prototyping
H\G
H\G
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.
I embody a dynamic proof-of-concept user-centered design approach that effortlessly creates UXU\ A\X 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.
Platforms
2027 Updated
Platforms
iOS R&D
UXU\ A\X design, wires & prototyping
iPadOS
UXU\ A\X design, wires & prototyping
macOS
UXU\ A\X design, wires & prototyping
tvOS
UXU\ A\X design, wires & prototyping
visionOS
UXU\ A\X design, wires & prototyping
watchOS
UXU\ A\X design, wires & prototyping
Game Kit
UXU\ A\X design, wires & prototyping
Safari Kit
UXU\ A\X design, wires & prototyping
Principles
UXU\ A\X design, wires & prototyping
_
UXU\ A\X design, wires & prototyping
2027 Updated
The H\G reveals how People value the power, mobility, and flexibility of iPad as they enjoy media, play games, perform detailed productivity tasks, and bring their creations to life.
Foundations
WCAG
UXU\ A\X design, wires & prototyping
App
UXU\ A\X design, wires & prototyping
Branding
UXU\ A\X design, wires & prototyping
Color
UXU\ A\X design, wires & prototyping
Modes
UXU\ A\X design, wires & prototyping
Web
UXU\ A\X design, wires & prototyping
Images
UXU\ A\X design, wires & prototyping
\\X
UXU\ A\X design, wires & prototyping
Inclusion
UXU\ A\X design, wires & prototyping
Layout
UXU\ A\X design, wires & prototyping
Materials
UXU\ A\X design, wires & prototyping
Motion
UXU\ A\X design, wires & prototyping
Privacy
UXU\ A\X design, wires & prototyping
R-2-L
UXU\ A\X design, wires & prototyping
Symbols
UXU\ A\X design, wires & prototyping
Spatial
UXU\ A\X design, wires & prototyping
Type
UXU\ A\X design, wires & prototyping
Writing
UXU\ A\X design, wires & prototyping
The H\G provides understanding of how fundamental design elements help you create rich experiences or UXU\ A\X.
2027 Updated
Foundations
Charting
UXU\ A\X design, wires & prototyping
Sharing
UXU\ A\X design, wires & prototyping
Drop
UXU\ A\X design, wires & prototyping
Entering
UXU\ A\X design, wires & prototyping
Feed
UXU\ A\X design, wires & prototyping
Files
UXU\ A\X design, wires & prototyping
Full
UXU\ A\X design, wires & prototyping
Launch
UXU\ A\X design, wires & prototyping
Live
UXU\ A\X design, wires & prototyping
Loading
UXU\ A\X design, wires & prototyping
Account
UXU\ A\X design, wires & prototyping
Notify
UXU\ A\X design, wires & prototyping
Modality
UXU\ A\X design, wires & prototyping
Multitask
UXU\ A\X design, wires & prototyping
Help
UXU\ A\X design, wires & prototyping
Onboard
UXU\ A\X design, wires & prototyping
Audio
UXU\ A\X design, wires & prototyping
Haptics
UXU\ A\X design, wires & prototyping
Video
UXU\ A\X design, wires & prototyping
Printing
UXU\ A\X design, wires & prototyping
Rating
UXU\ A\X design, wires & prototyping
Search
UXU\ A\X design, wires & prototyping
Settings
UXU\ A\X design, wires & prototyping
Undo
UXU\ A\X design, wires & prototyping
Workout
UXU\ A\X design, wires & prototyping
2027 Updated
The H\G demonstrates how to use and customize system-defined components to give people and A\ agents, a familiar and consistent experience to craft, wireframes and Prototypes for UXU\ A\X.
Components
Charts
UXU\ A\X design, wires & prototyping
Image
UXU\ A\X design, wires & prototyping
TextView
UXU\ A\X design, wires & prototyping
WebView
UXU\ A\X design, wires & prototyping
Boxes
UXU\ A\X design, wires & prototyping
Collect
UXU\ A\X design, wires & prototyping
Column
UXU\ A\X design, wires & prototyping
Disc.
UXU\ A\X design, wires & prototyping
Label
UXU\ A\X design, wires & prototyping
L&T
UXU\ A\X design, wires & prototyping
LockUps
UXU\ A\X design, wires & prototyping
Outline
UXU\ A\X design, wires & prototyping
SplitView
UXU\ A\X design, wires & prototyping
TabView
UXU\ A\X design, wires & prototyping
Activity
UXU\ A\X design, wires & prototyping
Buttons
UXU\ A\X design, wires & prototyping
Context
UXU\ A\X design, wires & prototyping
Dock
UXU\ A\X design, wires & prototyping
Edit
UXU\ A\X design, wires & prototyping
Menus
UXU\ A\X design, wires & prototyping
Orna
UXU\ A\X design, wires & prototyping
PopUp
UXU\ A\X design, wires & prototyping
PullDown
UXU\ A\X design, wires & prototyping
Toolbar
UXU\ A\X design, wires & prototyping
Snippets
UXU\ A\X design, wires & prototyping
Path
UXU\ A\X design, wires & prototyping
SEO
UXU\ A\X design, wires & prototyping
Sidebar
UXU\ A\X design, wires & prototyping
Tab Bar
UXU\ A\X design, wires & prototyping
Tokens
UXU\ A\X design, wires & prototyping
Action
UXU\ A\X design, wires & prototyping
Alert
UXU\ A\X design, wires & prototyping
Dots
UXU\ A\X design, wires & prototyping
Panels
UXU\ A\X design, wires & prototyping
Popover
UXU\ A\X design, wires & prototyping
Scroll
UXU\ A\X design, wires & prototyping
Sheets
UXU\ A\X design, wires & prototyping
Window
UXU\ A\X design, wires & prototyping
Color
UXU\ A\X design, wires & prototyping
Entry
UXU\ A\X design, wires & prototyping
Image
UXU\ A\X design, wires & prototyping
Pickers
UXU\ A\X design, wires & prototyping
Segment
UXU\ A\X design, wires & prototyping
Slider
UXU\ A\X design, wires & prototyping
Stepper
UXU\ A\X design, wires & prototyping
Text Field
UXU\ A\X design, wires & prototyping
Toggles
UXU\ A\X design, wires & prototyping
Virtual
UXU\ A\X design, wires & prototyping
Rings
UXU\ A\X design, wires & prototyping
Gauges
UXU\ A\X design, wires & prototyping
Progress
UXU\ A\X design, wires & prototyping
Rating
UXU\ A\X design, wires & prototyping
Shortcut
UXU\ A\X design, wires & prototyping
CDS
UXU\ A\X design, wires & prototyping
Faces
UXU\ A\X design, wires & prototyping
HSQA
UXU\ A\X design, wires & prototyping
Live
UXU\ A\X design, wires & prototyping
Notific.
UXU\ A\X design, wires & prototyping
Status
UXU\ A\X design, wires & prototyping
Menu Bar
UXU\ A\X design, wires & prototyping
Top Shelf
UXU\ A\X design, wires & prototyping
Widgets
UXU\ A\X design, wires & prototyping
Controls
UXU\ A\X design, wires & prototyping
Combo
UXU\ A\X design, wires & prototyping
2027 Updated
The H\G point out the various methods people use to control your app, site, game or UXU\ A\X
and input/output data.
Inputs/Outputs
Action
UXU\ A\X design, wires & prototyping
Pencil
UXU\ A\X design, wires & prototyping
Crown
UXU\ A\X design, wires & prototyping
Eyes
UXU\ A\X design, wires & prototyping
Selection
UXU\ A\X design, wires & prototyping
Game
UXU\ A\X design, wires & prototyping
Gestures
UXU\ A\X design, wires & prototyping
Gyro
UXU\ A\X design, wires & prototyping
Keyboard
UXU\ A\X design, wires & prototyping
Near \xD
UXU\ A\X design, wires & prototyping
Devices
UXU\ A\X design, wires & prototyping
Remotes
UXU\ A\X design, wires & prototyping
Touch
UXU\ A\X design, wires & prototyping
Camera
UXU\ A\X design, wires & prototyping
2027 Updated
Technologies
The H\G showcases state-of-the-art mechanisms for discovering Apple technologies, features, and services that I can integrate visually into your app, site, game or UXU\ A\X.
AirPlay
UXU\ A\X design, wires & prototyping
On
UXU\ A\X design, wires & prototyping
Clips
UXU\ A\X design, wires & prototyping
Pay
UXU\ A\X design, wires & prototyping
Ar
UXU\ A\X design, wires & prototyping
CareKit
UXU\ A\X design, wires & prototyping
CarPlay
UXU\ A\X design, wires & prototyping
Game
UXU\ A\X design, wires & prototyping
HealthKit
UXU\ A\X design, wires & prototyping
HomeKit
UXU\ A\X design, wires & prototyping
In-App
UXU\ A\X design, wires & prototyping
iCloud
UXU\ A\X design, wires & prototyping
Verifier
UXU\ A\X design, wires & prototyping
iM
UXU\ A\X design, wires & prototyping
Live Ps
UXU\ A\X design, wires & prototyping
Catalyst
UXU\ A\X design, wires & prototyping
Tap2Pay
UXU\ A\X design, wires & prototyping
Maps
UXU\ A\X design, wires & prototyping
iM4B
UXU\ A\X design, wires & prototyping
NFC
UXU\ A\X design, wires & prototyping
Editing
UXU\ A\X design, wires & prototyping
R&D Kit
UXU\ A\X design, wires & prototyping
Share
UXU\ A\X design, wires & prototyping
Shazam
UXU\ A\X design, wires & prototyping
Siri A\
UXU\ A\X design, wires & prototyping
GenA\
UXU\ A\X design, wires & prototyping
ML
UXU\ A\X design, wires & prototyping
Wallet
UXU\ A\X design, wires & prototyping
Voice
UXU\ A\X design, wires & prototyping
.
1
3
HIG uXU\ a\X UXU\ A\x Human Interface guidelines [Platforms / Found / Ptt / Co / IO / Tech]
AirPods Pro/
UX
U\
A\X
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