Please enable JavaScript.
Coggle requires JavaScript to display documents.
Techdoc: iPhone Touch Gestures - Coggle Diagram
Techdoc: iPhone Touch Gestures
Internet Research
Apple Website
Learn basic gestures to interact with iPhone
Learn gestures for iPhone models with Face ID
Adjust how iPhone responds to your touch
Website Tutorials: iPhone Gestures
Learn these iPhone gestures to tap and swipe like a pro
Complete guide to gesture navigation on iPhone
7 hidden iOS gestures that will change how you use your iPhone
Hand Images/Design
HOW TO DRAW AND PAINT HAND GESTURES: EASY METHODS
Semplice Mockup Hand Gestures
Statistics/Demographics
Zipdo: Essential Android Vs IPhone Statistics In 2024
Statista: Main smartphone ownership among iPhone and Android users the United States as of December 2021, by age group
BANKMYCELL: Number of iPhone Users in the World/USA (2024)
Youtube Tutorials: iPhone Gestures
MacWorld: iPhone touch gestures and commands - no Home button, no problem!
Marina Tech: ESSENTIAL IPHONE GESTURES for BEGINNERS!
The Cut: iPhone 13 Gestures Tutorial | How to use swipe gestures on your iPhone 13
Handedness
Why Some Left-Handed People Are Having Big Problems With the iPhone
“I just thought it was me”: How Smartphones Fail Users with Mild-to-Moderate Dexterity Differences
Design Research
Apple iPhone Dimensions
App Icons
Usability and Touch
Design for Fingers, Touch, and People,
Part 1
,
Part 2
,
Part 3
DESIGNING FORTOUCH
Touch-based user interfaces usability
Some thoughts on touch screen user interface design
Audience
iPhone Users
First time buyer
Past Android users
Other smartphone users
Frequent buyer
Age Group
Avg age: 25-34 years
45 and older smallest demographic
Handedness
Right-handed prefered
Gender
More popular with women
Hand Dexterity
Able to move fingers and hand
Tactile Sensation
Sense of touch in fingertips
Technology
Device to Learn
iPhone
Latest iOS
iOS 17
Touchscreen
The capacitive material layer used to build the multi-touch user interface modifies the electrical charge at the point of contact when a user touches it.
Devices
iPhone X
iPhone 11 Series
iPhone 12 Series
iPhone 13 Series
iPhone 14 Series
iPhone 15 Series
Software for Document Design
Adobe
Photoshop
Illustrator
Image/Document Storage
Laptop computer
Cloud Storage
Microsoft Onedrive (Online)
Google Drive
Dropbox
Design Images
Geons
iPhone Device
Shape of iPhone
Rectangular shape, lengthwise down with rounded corners
3 Dimensional
Screen/Display Size
iPhone 13
iPhone 14
iPhone 15
6.1″
iPhone 13 Pro Max
iPhone 14 Pro Max
iPhone 15 Pro Max
6.7″
iPhone Size
iPhone 13
IPhone 13 Pro
iPhone 14
Height 5.78” | 146.7 mm
Width 2.82” | 71.5 mm
iPhone 13 Max
iPhone 14 Plus
iPhone 15 Plus
Height 6.33” | 160.8 mm
Width 3.07” | 78.1 mm
Apps
Square shape with rounded corners
Dimensions
Eyes communicate what they see to the brain more effectively with 2D
Photos
<a href="https://www.freepik.com/free-vector/realistic-front-view-smartphone-mockup-mobile-iphone-purple-frame-with-blank-white-display-vector_33632332.htm#fromView=search&page=1&position=0&uuid=59c8c251-5026-4891-a86d-c7e99915a62f">Image by svstudioart on Freepik</a>
<a href="https://www.freepik.com/free-vector/new-modern-realistic-front-view-black-iphone-mockup-isolated-white-mobile-template-vector_33632328.htm#fromView=search&page=1&position=2&uuid=59c8c251-5026-4891-a86d-c7e99915a62f">Image by svstudioart on Freepik</a>
Text/Font
San Francisco
San Francisco is an Apple designed typeface used across all Apple Products
Typewolf
What’s Trending in Type
"San Francisco is a sans-serif typeface family designed by Apple. It was first created for use on the Apple Watch and has since gone on to replace Helvetica Neue as the system font on OS X and iOS."
Helvetica Neue
The history and evolution of the font Helvetica
"1983 saw the release of Neue Helvetica, an updated version of the font created by Linotype’s graphic design studio, with extra spacing between the numbers and heavier punctuation marks to improve legibility.
The following year, Steve Jobs decided to include it in the fonts available on the first Macintosh, paving the way for the spread of the digital version of the typeface."
Neue Hass Grotesk
Neue Haas Grotesk
Christian Schwartz says “Neue Haas Grotesk was originally produced for typesetting by hand in a range of sizes from 5 to 72 points, but digital Helvetica has always been one-size-fits-all, which leads to unfortunate compromises.”
Colors
Hex RGB
000000 (0,0,0)
666666 (102,102,102)
979797 (151,151,151)
eeeeee (238,238,238)
0088cc (0,136,204)
https://www.color-hex.com/color-palette/3598
Hex RGB
b2b2b2 (178,178,178)
575757 (87,87,87)
4ed4b3 (78,212,179)
51b0d7 (81,176,215)
000000 (0,0,0)
https://www.color-hex.com/color-palette/2337
Instruction
Basic Touch Gestures
Tap
Single Tap
Double Tap
Touch and Hold
Swipe
Up
Down
Scroll
Up
Down
Zoom
In
Out
iPhone Components
Home Screen Pages
Contains all apps for iPhone
Locked Screen
Appears whenever iPhone is turned on or in wake mode, allows for alert checks, Camera and Control Center access, get favorite apps info and more
Open App(s)
App Switcher
Quickly transition from one open app to another
Control Center
Access key functions and apps instantly, including as airplane mode, Do Not Disturb, a flashlight, volume, and screen brightness.
Settings
Touch Accommodations
Changes how iPhone reacts to taps, swipes, and other motions.
Haptic Touch or 3D & Haptic Touch
iPhone produces a tiny vibration as feedback when a user presses down on the screen for an extended period of time
AssistiveTouch
Offer access to features that can be controlled by physical buttons or gestures
Thoughts
Modern touch screen devices enable interactions to become more natural as they eliminate the need for input devices such as the mouse. The device is the input button: on screen elements can be easily manipulated for direct and immediate interactions, using touch and gestures.
WILLEM L. MIDDELKOOP
People hold their phone in multiple ways that change all the time. They don’t have just a single favorite way, but frequently shift their grip.
Steven Hoober
People communicate a great deal of information through gestures. Unlike mouse movements on a computer, gestures are entirely natural and make it easier to interact with the device, which enhances the realism of the experience.
Alexei Maletsky
Technical Documentation
User Guide Format
9 Types of Brochure Folds, Standard Sizes, and Applications
13 Tips to create a clear instruction manual like IKEA
"Think in topics when creating your user manual!
Topic based communication in technical manuals uses a modular approach for content creation. This approach structures all content around topics.
A topic always has a well-defined beginning and ending. At the end of a topic, a particular task has been completed. This has huge advantages."
Principles
People identify objects by recognizing patterns
People have to use information to make it stick
People learn best from examples
Well-practiced skills don't require conscious attention
People scan screens based on past experience and expectations
People see cues that tell them what to do with an object
