Mobile UX Introduction
-
Upload
kareem-elansary -
Category
Technology
-
view
1.480 -
download
0
Transcript of Mobile UX Introduction
![Page 1: Mobile UX Introduction](https://reader035.fdocuments.in/reader035/viewer/2022081507/54c756754a7959f0518b4569/html5/thumbnails/1.jpg)
KAREEM ELANSARY
The UX community in Egypt
Independent UX DesignerKareemz.com
![Page 2: Mobile UX Introduction](https://reader035.fdocuments.in/reader035/viewer/2022081507/54c756754a7959f0518b4569/html5/thumbnails/2.jpg)
USER EXPERIENCE
The UX community in Egypt
![Page 3: Mobile UX Introduction](https://reader035.fdocuments.in/reader035/viewer/2022081507/54c756754a7959f0518b4569/html5/thumbnails/3.jpg)
WHAT IS UX ?
The UX community in Egypt
It is the complete human experience that is enriched through the interaction of human senses and sufficient use of SW and HW.
![Page 4: Mobile UX Introduction](https://reader035.fdocuments.in/reader035/viewer/2022081507/54c756754a7959f0518b4569/html5/thumbnails/4.jpg)
WHAT IS THE UX DESIGN?
The UX community in Egypt
Information Architecture Usability EngineeringInteraction Design Visual DesignUser Research MarketingBranding……
![Page 5: Mobile UX Introduction](https://reader035.fdocuments.in/reader035/viewer/2022081507/54c756754a7959f0518b4569/html5/thumbnails/5.jpg)
INFORMATION ARCHITECT
The UX community in Egypt
[Think of them as a city planner]
the objective is to ensure that the right information is presented in the right way, in the right place, at the right time.
Effective IA must reflect the way people think.
business
content user
![Page 6: Mobile UX Introduction](https://reader035.fdocuments.in/reader035/viewer/2022081507/54c756754a7959f0518b4569/html5/thumbnails/6.jpg)
USABILITY ENGINEER
The UX community in Egypt
- Helping in creating user personas.- Helping in creating user scenarios.- Set usability goals.- Make plans for user testing.- Summarize results from usability tests into design guidelines.
function
content user
![Page 7: Mobile UX Introduction](https://reader035.fdocuments.in/reader035/viewer/2022081507/54c756754a7959f0518b4569/html5/thumbnails/7.jpg)
INTERACTION DESIGNER
The UX community in Egypt
[User Centric Design]
Interaction designers strive to create useful and usable products and services. Following the fundamental tenets of user-centered design, the practice of interaction design is grounded in an understanding of real users—their goals, tasks, experiences, needs, and wants.
function
visuals
user
business
![Page 8: Mobile UX Introduction](https://reader035.fdocuments.in/reader035/viewer/2022081507/54c756754a7959f0518b4569/html5/thumbnails/8.jpg)
VISUAL DESIGNER
The UX community in Egypt
- Applying the branding.- Focus on the identity.- Applying the usability heuristics and information architecture.
visual
content user
![Page 9: Mobile UX Introduction](https://reader035.fdocuments.in/reader035/viewer/2022081507/54c756754a7959f0518b4569/html5/thumbnails/9.jpg)
The UX community in Egypt
UX DESIGN STUDIO
![Page 10: Mobile UX Introduction](https://reader035.fdocuments.in/reader035/viewer/2022081507/54c756754a7959f0518b4569/html5/thumbnails/10.jpg)
PERSONA CREATION
The UX community in Egypt
- Serve as a reminder of who our users are.- Help in creating user scenarios- Know the needs- Set the goals- Avoiding the pain points
![Page 11: Mobile UX Introduction](https://reader035.fdocuments.in/reader035/viewer/2022081507/54c756754a7959f0518b4569/html5/thumbnails/11.jpg)
USER SCENARIO
The UX community in Egypt
As a [ persona ]
I want to [ action / verb ]
So that [ goal, need, or value]
![Page 12: Mobile UX Introduction](https://reader035.fdocuments.in/reader035/viewer/2022081507/54c756754a7959f0518b4569/html5/thumbnails/12.jpg)
The UX community in Egypt
UX DESIGN WALL
![Page 13: Mobile UX Introduction](https://reader035.fdocuments.in/reader035/viewer/2022081507/54c756754a7959f0518b4569/html5/thumbnails/13.jpg)
SKETCHING
The UX community in Egypt
![Page 14: Mobile UX Introduction](https://reader035.fdocuments.in/reader035/viewer/2022081507/54c756754a7959f0518b4569/html5/thumbnails/14.jpg)
WHY UX DESIGN?
The UX community in Egypt
![Page 15: Mobile UX Introduction](https://reader035.fdocuments.in/reader035/viewer/2022081507/54c756754a7959f0518b4569/html5/thumbnails/15.jpg)
UX DESIGN IS A DIFFERENTIATOR
The UX community in Egypt
![Page 16: Mobile UX Introduction](https://reader035.fdocuments.in/reader035/viewer/2022081507/54c756754a7959f0518b4569/html5/thumbnails/16.jpg)
BUT DON’T OVER DESIGN IT
The UX community in Egypt
![Page 17: Mobile UX Introduction](https://reader035.fdocuments.in/reader035/viewer/2022081507/54c756754a7959f0518b4569/html5/thumbnails/17.jpg)
The UX community in Egypt
![Page 18: Mobile UX Introduction](https://reader035.fdocuments.in/reader035/viewer/2022081507/54c756754a7959f0518b4569/html5/thumbnails/18.jpg)
PHOTO SHARING APP
The UX community in Egypt
![Page 19: Mobile UX Introduction](https://reader035.fdocuments.in/reader035/viewer/2022081507/54c756754a7959f0518b4569/html5/thumbnails/19.jpg)
ANDROID, IOS, WINDOWS M
The UX community in Egypt
technology can help, but should not be the focus
![Page 20: Mobile UX Introduction](https://reader035.fdocuments.in/reader035/viewer/2022081507/54c756754a7959f0518b4569/html5/thumbnails/20.jpg)
MOBILE DESIGN
The UX community in Egypt
Don’t start with Photoshop
![Page 21: Mobile UX Introduction](https://reader035.fdocuments.in/reader035/viewer/2022081507/54c756754a7959f0518b4569/html5/thumbnails/21.jpg)
The UX community in Egypt
![Page 22: Mobile UX Introduction](https://reader035.fdocuments.in/reader035/viewer/2022081507/54c756754a7959f0518b4569/html5/thumbnails/22.jpg)
The UX community in Egypt
![Page 23: Mobile UX Introduction](https://reader035.fdocuments.in/reader035/viewer/2022081507/54c756754a7959f0518b4569/html5/thumbnails/23.jpg)
The UX community in Egypt
![Page 24: Mobile UX Introduction](https://reader035.fdocuments.in/reader035/viewer/2022081507/54c756754a7959f0518b4569/html5/thumbnails/24.jpg)
The UX community in Egypt
![Page 25: Mobile UX Introduction](https://reader035.fdocuments.in/reader035/viewer/2022081507/54c756754a7959f0518b4569/html5/thumbnails/25.jpg)
The UX community in Egypt
![Page 26: Mobile UX Introduction](https://reader035.fdocuments.in/reader035/viewer/2022081507/54c756754a7959f0518b4569/html5/thumbnails/26.jpg)
The UX community in Egypt
![Page 27: Mobile UX Introduction](https://reader035.fdocuments.in/reader035/viewer/2022081507/54c756754a7959f0518b4569/html5/thumbnails/27.jpg)
The UX community in Egypt
![Page 28: Mobile UX Introduction](https://reader035.fdocuments.in/reader035/viewer/2022081507/54c756754a7959f0518b4569/html5/thumbnails/28.jpg)
The UX community in Egypt
![Page 29: Mobile UX Introduction](https://reader035.fdocuments.in/reader035/viewer/2022081507/54c756754a7959f0518b4569/html5/thumbnails/29.jpg)
The UX community in Egypt
![Page 30: Mobile UX Introduction](https://reader035.fdocuments.in/reader035/viewer/2022081507/54c756754a7959f0518b4569/html5/thumbnails/30.jpg)
The UX community in Egypt
![Page 31: Mobile UX Introduction](https://reader035.fdocuments.in/reader035/viewer/2022081507/54c756754a7959f0518b4569/html5/thumbnails/31.jpg)
The UX community in Egypt
![Page 32: Mobile UX Introduction](https://reader035.fdocuments.in/reader035/viewer/2022081507/54c756754a7959f0518b4569/html5/thumbnails/32.jpg)
FINALLY
The UX community in Egypt
1 inch (2.5 cm) which converts to 72 pixels.
![Page 33: Mobile UX Introduction](https://reader035.fdocuments.in/reader035/viewer/2022081507/54c756754a7959f0518b4569/html5/thumbnails/33.jpg)
QUESTIONS
The UX community in Egypt