6pm Redesign Project & Research DESIGNED AND RESEARCHED BY XINNI WU FALL 2016
User Experience Goals Increase the speed of searching enable to reduce time Set a clear language in categories to increase the quality of online shopping experience Make users easy to find needed product through a online shopping using simple and organized format
Branding Guidelines “6pm is part of the Zappos Family of Companies, a subsidiary of Amazon. 6pm is your premier destination for discount fashion. We offer a huge selection of name brand styles for the whole family up to 75% off retail. Being part of the the Zappos family means we enjoy the same great work culture and core values.� - 6pm on Facebook
Branding Guidelines Specialties - Shoes, Clothing, Handbags, Accessories Website URL - www.6pm.com Industry- Retail Type - Privately Held Company Size - 11-50 employees Founded – 2007 Target- People who are looking for discounted price
Branding Guidelines Vision - “One day, 30% of all retail transactions in the US will be online. People will buy from the company with the best service and the best selection. 6pm.com will be that online store” (Zappos). Goal - “Provides the absolute best service online -- not just in shoes, but in any category” (Zappos). “As we grow as a company, it has become more and more important to explicitly define the core values from which we develop our culture, our brand, and our business strategies” (Zappos.com).
Core Values 1. Deliver WOW Through Service 2. Embrace and Drive Change 3. Create Fun and A Little Weirdness 4. Be Adventurous, Creative, and Open-Minded 5. Pursue Growth and Learning
6. Build Open and Honest Relationships With Communication 7. Build a Positive Team and Family Spirit 8. Do More With Less 9. Be Passionate and Determined 10. Be Humble
Logo Usage Image 1 is 6pm’s logo on the website. It uses simple dark red color with a white background.
Image 2 is on a gray scale. It might be suitable for printing labels and forms; for example, shipping and return forms and logo stickers.
Image 3 should not be used either on web pages or prints because it contains a black background that is not suitable for online shopping experience.
Typeface Header
Myriad Pro Bold
Sub-header Title
18px 15px
Myriad Pro Regular
18px
Subtitle
15px
Body
12px
Caption
Myriad Pro Semi-bold
36px
Colors
Design Guidelines Inspiration
Design Guidelines Inspiration
User-Flow Chart
Competitive Analysis
Synthesizing Research
Persona
Interface 1 BEFORE
Annotation 1
Interface 2 BEFORE
Annotation 2
Interface 3 BEFORE
Annotation 3
Interface 4 BEFORE
Annotation 4
Interface 5 BEFORE
Annotation 5
Interface 6 BEFORE
Annotation 6
Interface 7 BEFORE
Annotation 7
Research Summary 1. Many repeated navigations on the home page were deleted from header and footer. As a result, those elements were organized into one button rather than appear everywhere on the website.
4. On the product page, half of the users believe it should have a check-out button. Returns and shipping and customer reviewers were added into the product page to tell users more information.
2. The “brand� section under navigation has been combined into a small menu. This makes easier for users to find their needed brands by alphabet order on the top of the page.
5. A second check-out button on the bottom seems unnecessary in the check-out page because nobody is using that button during the user testing.
3. The filters changed into two side than only on the left. According to users, everyone said it will be helpful to have a quick view button while finding their products. Therefore, a small icon appears on the bottom right of an image.
6. When users are ready to login, the interface gives users couple options. In this case, the new interface combined all login options into one. 7. Overall, the project gives students the opportunities to fix and change elements based on the user research and improved skills during the process.
Project Retrospective There are certain sources or buttons that users automatically ignore. (Ad on the side, like 6pm button) Image grabs people’s attention People tend to use the same account in different website. (example: Amazon, Facebook account) Navigation is what people use first Users always design their own path when using a filter Challenge: redesigning the page base on users’ needs and knowing what people really think during the interview. Strengths developed: user interview: starting interviewing people and developing questions for people to answer. Design product page: to rearrange and able to use annotation to explain specific buttons. Organize ideas: to absorb information from users and mix with my personal idea enable to improve the product.
Project Retrospective Organize layout: to organize pages’ layout and colors and delete unnecessary items. Competitive Analysis: able to compare and contrast between companies to improve the website. Retrospective summary: able to ponder different areas in design and write a summary to conclude the process. I will be absorbing these areas of improvements and bring into my next project or outside the course. User testing is what I most proud of, and I begin to realize how user testing could help designers to achieve an accomplishment.