Download presentation
Presentation is loading. Please wait.
Published byTanya Tippens Modified over 10 years ago
1
Caitlin Depp | Daniel Hanson |Kristen Kuron | Lamont Parker
2
INTRODUCTION User research and careful design process – mobile app allows users to interact with product User research and careful design process – mobile app allows users to interact with product Combines original design of the AEO App with some Recommendations Combines original design of the AEO App with some Recommendations We have a proposed new feature that combines social-media, customizable outfits, and style tipping We have a proposed new feature that combines social-media, customizable outfits, and style tipping
3
iOS 7 GUIDELINES We stripped away the user icons and focused on text We stripped away the user icons and focused on text We utilized the iOS 7 themes of deference, clarity, and depth We utilized the iOS 7 themes of deference, clarity, and depth We embellished with care while remembering that the content and functionality are at the core of our design decisions. We embellished with care while remembering that the content and functionality are at the core of our design decisions.
4
1. Emphasizing text and content over icons. 2. Creating a simple and consistent color scheme that reflects the AE brand. 3. Maximizing white/negative space around UI elements which helps make the overall APP feel efficient and focused. 4. Example: HOME PAGE OUR PROCESS OUR PROCESS
5
RECOMMENDED DESIGN STYLE
6
–Emphasize American Eagle Brand –Stuck To Styles Of The Current App –Less Confusing –Already Introducing New Section –Two Eagles –Current App Conventions –Flat Layouts According To IOS Guidelines
7
–Navy Blue, Whites and Dark Grays (gray scale) –Simple Font Scheme –Helvetica: straight, thin lines –Followed suggestions from user research RECOMMENDED COLOR SCHEME & TYPOGRAPHY
8
USER RESEARCH & TESTING
9
USER RESEARCH Done Early In Our Process Done Early In Our Process Testing Attitudes and Preferences Testing Attitudes and Preferences Survey and Card-Sorting Survey and Card-Sorting
10
45 people participated 76% people between the ages of 16-25 76% people between the ages of 16-25 WHO DID WE SURVEY DO THEY SHOP ONLINE 65% of the people say they shop online 20% say they frequently buy clothes online.
11
67% of the people have an IPhone 74% of the people say they use their smart phone for MOST tasks (including surfing the web and other applications) 66% use Facebook HOW DO THEY USE THEIR PHONE
12
60% Frequently Or Regularly Shop At AE HOW DOES AE FIT IN 76% say shopping online 57% say finding a store 40% say looking for style tips If they had an app for AE what would they use it :
13
Done later in our Process Done later in our Process Testing Compositions and Ideas Testing Compositions and Ideas Morae, Card-sorting, and Interviews Morae, Card-sorting, and Interviews USER TESTING
14
NAVIGATIONAL & OTHER ELEMENTS
15
NAVIGATIONAL PAGES Designing our overall navigational scheme to be flat, task-oriented, content-centered & experience driven Designing our overall navigational scheme to be flat, task-oriented, content-centered & experience driven Subtle animations such as our Pop- Out side-panel and dynamic menus (Ex. See Shop Page Widget). Subtle animations such as our Pop- Out side-panel and dynamic menus (Ex. See Shop Page Widget). By creating content on distinct layers, we add depth and flexibility to our design while minimizing clicking and page loads. By creating content on distinct layers, we add depth and flexibility to our design while minimizing clicking and page loads.
19
IPHONE MOCK-UPS VISUAL COMPOSITIONS
20
RECOMMENDED HOME PAGE Retained elements in the main heading Retained elements in the main heading Retained color scheme Retained color scheme Replaced search button with a button for site navigation Replaced search button with a button for site navigation Made the navigation horizontal and in table format Made the navigation horizontal and in table format Stayed within iOS 7 guidelines Stayed within iOS 7 guidelines
23
RECOMMENDED PRODUCT DISPLAY PAGE Maintained elements in main header and FILTER and SORT buttons Maintained elements in main header and FILTER and SORT buttons Retained horizontal layout Retained horizontal layout Maintained color scheme Maintained color scheme Changed main navigation to the side and added a drag and pull option Changed main navigation to the side and added a drag and pull option Switched the placement of product details Switched the placement of product details Arranged categories differently Arranged categories differently
25
RECOMMENDED DETAIL PAGE RECOMMENDED DETAIL PAGE Many things on this page are kept similar to the current AEO app design Many things on this page are kept similar to the current AEO app design Added a Hang button for AE Closet feature Added a Hang button for AE Closet feature
27
AE VIRTUAL CLOSET
28
AE CLOSET INTRODUCTION Bundle Of Three Features that Encourage User-product Interaction Bundle Of Three Features that Encourage User-product Interaction Reflects popularity of social media and interactive apps Reflects popularity of social media and interactive apps
30
AE CLOSET NEWSFEED AE CLOSET NEWSFEED Shows Items Corresponding to a Users Saved Tags Shows Items Corresponding to a Users Saved Tags Allows Users to Subscribe to Particular Styles and Products Allows Users to Subscribe to Particular Styles and Products
32
THE AE CLOSET CANVAS PAGE Allows Users To Create Outfits by Grouping Items Together Allows Users To Create Outfits by Grouping Items Together Users Can Tag and Share Outfits Users Can Tag and Share Outfits Allows Users To Share and Create Fashions Democratically Allows Users To Share and Create Fashions Democratically
34
WHATS YOUR STYLE? QUIZ PAGE
35
The Style Quiz Is An Interactive User Engage The Style Quiz Is An Interactive User Engage Purpose To Draw The User Deeper Into The App Purpose To Draw The User Deeper Into The App Encourage Consumer Consumption Encourage Consumer Consumption
38
STYLE QUIZ SAMPLE QUESTION
40
THE STYLE QUIZ RESULTS PAGE
42
CONCLUSION New Trends of Social Media and IOS 7 Guidelines Added to Existing Content New Trends of Social Media and IOS 7 Guidelines Added to Existing Content Product-Oriented Interactivity may Increase Brand Loyalty and Purchasing Habits Product-Oriented Interactivity may Increase Brand Loyalty and Purchasing Habits
Similar presentations
© 2025 SlidePlayer.com. Inc.
All rights reserved.