App design process part II
18
APP DESIGN PROCESS
-
Upload
hsien-hui-tang -
Category
Education
-
view
603 -
download
0
description
The simple process of APP Design Part II for the course of UOID, uoid.drhhtang.net A multidisciplinary collaboration course for user-oriented innovative APP design. by drhhtang@NTUST
Transcript of App design process part II
![Page 1: App design process part II](https://reader036.fdocuments.net/reader036/viewer/2022081404/559792491a28ab42798b46b8/html5/thumbnails/1.jpg)
APP DESIGN PROCESS
![Page 2: App design process part II](https://reader036.fdocuments.net/reader036/viewer/2022081404/559792491a28ab42798b46b8/html5/thumbnails/2.jpg)
![Page 3: App design process part II](https://reader036.fdocuments.net/reader036/viewer/2022081404/559792491a28ab42798b46b8/html5/thumbnails/3.jpg)
CONVERGENCE
• IOS Human Interface Guidelines + IDEO Scenario Approach
• Problem Statement + 5W1H + Target Users + Character Mapping
• Application Definition Statement + Tasks + Users
• The purpose of your application
• Who it’s for and how they’ll use it
• Its core functionality
![Page 4: App design process part II](https://reader036.fdocuments.net/reader036/viewer/2022081404/559792491a28ab42798b46b8/html5/thumbnails/4.jpg)
![Page 5: App design process part II](https://reader036.fdocuments.net/reader036/viewer/2022081404/559792491a28ab42798b46b8/html5/thumbnails/5.jpg)
WORKFLOW
![Page 6: App design process part II](https://reader036.fdocuments.net/reader036/viewer/2022081404/559792491a28ab42798b46b8/html5/thumbnails/6.jpg)
![Page 7: App design process part II](https://reader036.fdocuments.net/reader036/viewer/2022081404/559792491a28ab42798b46b8/html5/thumbnails/7.jpg)
![Page 8: App design process part II](https://reader036.fdocuments.net/reader036/viewer/2022081404/559792491a28ab42798b46b8/html5/thumbnails/8.jpg)
![Page 9: App design process part II](https://reader036.fdocuments.net/reader036/viewer/2022081404/559792491a28ab42798b46b8/html5/thumbnails/9.jpg)
![Page 10: App design process part II](https://reader036.fdocuments.net/reader036/viewer/2022081404/559792491a28ab42798b46b8/html5/thumbnails/10.jpg)
WIREFRAME
![Page 11: App design process part II](https://reader036.fdocuments.net/reader036/viewer/2022081404/559792491a28ab42798b46b8/html5/thumbnails/11.jpg)
![Page 12: App design process part II](https://reader036.fdocuments.net/reader036/viewer/2022081404/559792491a28ab42798b46b8/html5/thumbnails/12.jpg)
![Page 13: App design process part II](https://reader036.fdocuments.net/reader036/viewer/2022081404/559792491a28ab42798b46b8/html5/thumbnails/13.jpg)
![Page 14: App design process part II](https://reader036.fdocuments.net/reader036/viewer/2022081404/559792491a28ab42798b46b8/html5/thumbnails/14.jpg)
![Page 15: App design process part II](https://reader036.fdocuments.net/reader036/viewer/2022081404/559792491a28ab42798b46b8/html5/thumbnails/15.jpg)
![Page 16: App design process part II](https://reader036.fdocuments.net/reader036/viewer/2022081404/559792491a28ab42798b46b8/html5/thumbnails/16.jpg)
RAPID PROTOTYPING
![Page 17: App design process part II](https://reader036.fdocuments.net/reader036/viewer/2022081404/559792491a28ab42798b46b8/html5/thumbnails/17.jpg)
Simply pick a widget from the widget library and drop it to your mockucp screen, then start customizing widgets using options.
Interface covers almost all iOS widgets, and it follows guideline suggested by Apple when creating widgets to achieve pixel-perfect results.
![Page 18: App design process part II](https://reader036.fdocuments.net/reader036/viewer/2022081404/559792491a28ab42798b46b8/html5/thumbnails/18.jpg)
AXURE RP