iPhone vs iPad - User Experience Differences
-
Upload
white-stripe-studio -
Category
Design
-
view
4.866 -
download
2
description
Transcript of iPhone vs iPad - User Experience Differences
![Page 1: iPhone vs iPad - User Experience Differences](https://reader034.fdocuments.us/reader034/viewer/2022051514/5481fc6ab4af9f780d8b469e/html5/thumbnails/1.jpg)
iPhone vs. iPadUser Experience Differences
![Page 2: iPhone vs iPad - User Experience Differences](https://reader034.fdocuments.us/reader034/viewer/2022051514/5481fc6ab4af9f780d8b469e/html5/thumbnails/2.jpg)
Hello!I’m Rustam Iskandarov, I’m doing UX at SoftServe
![Page 3: iPhone vs iPad - User Experience Differences](https://reader034.fdocuments.us/reader034/viewer/2022051514/5481fc6ab4af9f780d8b469e/html5/thumbnails/3.jpg)
We talk aboutHigh-level UX features, to consider when you
design apps for iPhone and iPad
![Page 4: iPhone vs iPad - User Experience Differences](https://reader034.fdocuments.us/reader034/viewer/2022051514/5481fc6ab4af9f780d8b469e/html5/thumbnails/4.jpg)
1. Small vs. BIG
![Page 5: iPhone vs iPad - User Experience Differences](https://reader034.fdocuments.us/reader034/viewer/2022051514/5481fc6ab4af9f780d8b469e/html5/thumbnails/5.jpg)
Limited screen size(displays single screen at a
time)
• less data displayed;
• less controls visible and
available on a single screen;
• smaller buttons;
• slow interaction.
![Page 6: iPhone vs iPad - User Experience Differences](https://reader034.fdocuments.us/reader034/viewer/2022051514/5481fc6ab4af9f780d8b469e/html5/thumbnails/6.jpg)
BIG screen
(displays more data on a single
screen; allows split-view,
a-la 2 screens at a time)
• more data displayed;
• more controls visible and
available on a single screen;
• big buttons;
• faster interaction.
![Page 7: iPhone vs iPad - User Experience Differences](https://reader034.fdocuments.us/reader034/viewer/2022051514/5481fc6ab4af9f780d8b469e/html5/thumbnails/7.jpg)
2. Portrait vs. Landscape
![Page 8: iPhone vs iPad - User Experience Differences](https://reader034.fdocuments.us/reader034/viewer/2022051514/5481fc6ab4af9f780d8b469e/html5/thumbnails/8.jpg)
Portrait - is default and
natural orientation.See the phone in your hand?
It is good to support both
orientations.
![Page 9: iPhone vs iPad - User Experience Differences](https://reader034.fdocuments.us/reader034/viewer/2022051514/5481fc6ab4af9f780d8b469e/html5/thumbnails/9.jpg)
No default orientation.But, iPad strives to computer
display, which is landscape
oriented, which is more natural
for human perception.
Landscape – is more natural
orientation.
So it’s a MUST to support both.
![Page 10: iPhone vs iPad - User Experience Differences](https://reader034.fdocuments.us/reader034/viewer/2022051514/5481fc6ab4af9f780d8b469e/html5/thumbnails/10.jpg)
3. Familiar vs. Surprising
![Page 11: iPhone vs iPad - User Experience Differences](https://reader034.fdocuments.us/reader034/viewer/2022051514/5481fc6ab4af9f780d8b469e/html5/thumbnails/11.jpg)
Strict and familiar UI behaviorLots of Apps are used for a years
People expect that your application’s UI
will have similar behavior and interaction.
![Page 12: iPhone vs iPad - User Experience Differences](https://reader034.fdocuments.us/reader034/viewer/2022051514/5481fc6ab4af9f780d8b469e/html5/thumbnails/12.jpg)
New UI behaviorEven in native apps some controls, behavior,
interaction is inconsistent.
But,You’ve got a space for creativity to enhance
interactivity, add some sexy metaphor to interaction,
surprise your customers )
![Page 13: iPhone vs iPad - User Experience Differences](https://reader034.fdocuments.us/reader034/viewer/2022051514/5481fc6ab4af9f780d8b469e/html5/thumbnails/13.jpg)
4. Private vs. Shared
![Page 14: iPhone vs iPad - User Experience Differences](https://reader034.fdocuments.us/reader034/viewer/2022051514/5481fc6ab4af9f780d8b469e/html5/thumbnails/14.jpg)
Privatehand-held mobile device, basically for personal use
![Page 15: iPhone vs iPad - User Experience Differences](https://reader034.fdocuments.us/reader034/viewer/2022051514/5481fc6ab4af9f780d8b469e/html5/thumbnails/15.jpg)
SharedThe screen can be easily viewed by 3-4 users
around you…
iPad invites social interaction, public presentations,
etc.
![Page 16: iPhone vs iPad - User Experience Differences](https://reader034.fdocuments.us/reader034/viewer/2022051514/5481fc6ab4af9f780d8b469e/html5/thumbnails/16.jpg)
5. Mobile vs. Hybrid
![Page 17: iPhone vs iPad - User Experience Differences](https://reader034.fdocuments.us/reader034/viewer/2022051514/5481fc6ab4af9f780d8b469e/html5/thumbnails/17.jpg)
Very MobileIt is intend to be used with one hand, in any
condition, in any situation (when user walk, run,
jump, drive a car... Anything)
![Page 18: iPhone vs iPad - User Experience Differences](https://reader034.fdocuments.us/reader034/viewer/2022051514/5481fc6ab4af9f780d8b469e/html5/thumbnails/18.jpg)
Hand/desk hybrid device(intend to be used more leisurely with both hands,
or like a laptop)
![Page 19: iPhone vs iPad - User Experience Differences](https://reader034.fdocuments.us/reader034/viewer/2022051514/5481fc6ab4af9f780d8b469e/html5/thumbnails/19.jpg)
Consider this high-level features,
before you dig into details