\nWe choose to use window phone 7 as our platform, Windows 7 Phone LG Optimus 7 as our test phone.
\nThe hardware environment we considering is as follows,
\nDisplay: 3.8\u00e2\u20ac\u00b2\u00e2\u20ac\u00b2 Capacitive Touch screen with 800*480 Pixels Resolution.
\nAccording to the display size, we need to consider how many pictures displayed on one screen should be to and design a simple task flow to avoid the size limitation of the mobile screen.
\n5 Megapixel Camera, by which could upload users\u00e2\u20ac\u2122 face shape and current hairstyle
\nSensors: Accelerometer and Digital Compass, using accelerometer sensors to detect data changing in X axe to control the slider bar to realize the shorter or longer feature.( see figure 1)
\n
![\"\"](\"http:\/\/www.liuyaming.com\/wp-content\/uploads\/2011\/06\/figure-11.png\" "\\"figure")
<\/a><\/p>\nRationale of UI design <\/p>\n
1. Follow the user conventional behavior<\/p>\n
1\u00e3\u20ac\u0081 At first, we need to figure out how people select a hairstyle conventionally,(see figure 2) from defining his hair quality to select a hairstyle and go to salon to compare prize and other criteria, and then to pay for the style. The whole progress actually provides a basic design requirement to our UI design. In this app, we strive to follow the conventional behavior and flow to find a desirable style efficiently.<\/p>\n
2. Refer to the window phone 7 UI guideline and rationale Prototyping of UI design Final UI prototyping<\/p>\n Use Cases Diagram and Information Architecture<\/p>\n<\/a><\/p>\n
\nBefore we develop the User Interface, we did study into the official \u00e2\u20ac\u0153UI Design and Interaction Guide for Windows Phone 7\u00e2\u20ac\u009d.We need to understand the Windows Phone 7 design philosophy and principles. Here are some principles especially essential to our UI rationale.
\n1) Clean, light, open, and fast
\nIt is visually distinctive, contains ample white space, reduces clutter and elevates typography as a key design element.
\n2) Content, not chrome
\nIt accentuates focus on the content that the user cares most about, making the product simple and approachable for everyone.
\n3) Integrated hardware and software
\n2Hardware and software blend into each other and creates a seamless user experience from single button access to Search, Start, Back and the camera to on-board sensor integration.
\n4) World-class motion
\nThe Windows Phone 7 touch and gesture experiences on capacitive screens are consistent with Windows 7 on the desktop and include hardware-accelerated animations and transitions to enhance the users\u00e2\u20ac\u2122 experience at every turn.<\/p>\n
\n1.\tLow fidelity paper prototype<\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n