Presentation is loading. Please wait.

Presentation is loading. Please wait.

Caitlin Depp | Daniel Hanson |Kristen Kuron | Lamont Parker.

Similar presentations


Presentation on theme: "Caitlin Depp | Daniel Hanson |Kristen Kuron | Lamont Parker."— Presentation transcript:

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.

16

17

18

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

21

22

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

24

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

26

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

29

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

31

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

33

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

36

37

38 STYLE QUIZ SAMPLE QUESTION

39

40 THE STYLE QUIZ RESULTS PAGE

41

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


Download ppt "Caitlin Depp | Daniel Hanson |Kristen Kuron | Lamont Parker."

Similar presentations


Ads by Google