APPLICATION DESIGN I: PROJECT 2 (UX/UI DOCUMENTS)

December 13, 2022

APPLICATION DESIGN I: PROJECT 2 (UX/UI DOCUMENTS)

29.8.2022 - 2.12.2022 (Week 1 - Week 14)

Er Xin Ru (Melanie) | 0354939

Bachelor Of Design (Hons) In Creative Media | Taylor's University

Subject: DST60504 - Application Design I

INSTRUCTIONS

Project 2: UI/UX Design Document 20 %
Week 02 – Week 07

After locking down their App concept and idea, students are now ready to proceed to UX design. The students are required to produce a comprehensive UX design document which will provide better directions for them to design the app.

Based on the information gathered in task 1, students will:
● Determine and verify their target audiences.
Listing the app features and identifying the app Minimum Viable Product (MVP).
● Create wireframes of the screens
● Plan the user interaction and interactivity

Requirements Submission
1 Slides will be submitted as .pdf format or Google Slides
2 UI/UX Document in PDF or Google Docs
3 Online posts in your E-portfolio as your reflective studies
4 Critical thinking competencies – Use creative thinking skills and methodologies to explore, generate and test a wide range of conceptual ideas. (MLO 3)

Project 2: UI/UX Design Document 20 %

UI/UX Documents in JPEG

UX DOCUMENT
Firstly, I did a full Shopee Apps review, Information Architure (IA) and also Pain points. It will easier to understand and clearer to the right path. That I wanted to design a new version of Shopee Apps that will satisfied for the user.

Information Architecture (IA)
Modification of the IA
After quickly scanning the app, I drew the App map to understand its information architecture. This helps me gain a general concept of the application and effectively point out redundant and duplicate elements, so here is a rearranged version of Shopee IA.

Profile page
• Cart, Chat
• My profile
• My purchases (to pay, to ship, to receive, to rate)
• My digital wallet (Shopee pay. Shopee Coins, Vouchers, Deals, Top-ups & Bills)
• My Interest (likes, footprints, my posts, ratings)
• Account Settings
• Display Mode
• Refer a friend
• Shopee Pay Privilege
• Help & FAQ
• Chat with Shopee

Home page
• Search, Cart, Chat
• Slide banner (x6)
• Shop now
• Shopee Icons
• You might like (Small banners)
• Big Brand Discounts
(Brands at lowest price)
• Shocking Sales
.. Top products
• Top Picks (Featured)
• Taobao collection - for taobao-like products to be on the platform
• Daily discover (limitless list to scroll down)
• Navigation tab

Feed page
• Search, Store, Chat
• Timeline, Live, Follow, Explore
• Story bar
• Add story/ Create post
• Feed page into a list of offer that consumers interested and recommended based on consumer preferences (related to their interest, product reviews and experience)
• Tap to view product (depends on the post creator), Likes, Menu

Shopee Mall page
• Search, Cart, Chat
• Big promotional banners (x6)
• 100% Authentic - 15 days - Return Free Shipping
• Trending Shops
• Mall Sale
• Filter product categories
• Just for you section

Notification page
• Cart, Chat
• My Notifications & Order Updates
• Promotions
• Social updates
• Activities
• Shopee Updates
• Shopee Prizes

Pain points while using Shopee

Pain point 1:
User Interface is overwhelming
Too cluttered, buttons everywhere, I don't know where to put my attention on.
Too many ads, pop ups & items on a page, everything is so tight and close.
With different colors of icons and font size, there's no apparent hierarchy.
Icons should be bigger in the daily discover page.
Smooth flow but the colors annoy me
Daily Discover page is engaging and interesting. however it is somewhat messy in its layout.

Pain point 2:
Security + trust issues & Payment
a lot of scam
Product and seller credibility are the only reasons I don't use shopee often.
There is no Touch N-Go ewallet option.
Pain point 3:
Overall frustrations while using Shopee
When they are similar products that have multiple sellers.
Not all vouchers can be use for all shops
Need more flagship store

Pain point 4:
Unsatisfied needs & wants
Order tracking : Perhaps a more timely update can be incorporated so i can better track the progress
Show the estimated, precise location; it sometimes reach early and we are not aware of it.
Searching: If you're looking for a shop, it's kind of hard
There is no enlarge function for pictures of each version of the product, too small to see.
Pain point 5:
Unnecessary pages/ features
Shopee Pages

I would scrap the feed section as i think it's useless for me And clean up the main page
I use the feed least, I'm not interested in items I don't need
Feed is quite non relevant most of the time
Discover page, it doesn't really interest me
Pain point 6:
Shopee Game
Shopee games are useless
I'm not interested to play games and earn little coins
UI DOCUMENT
UI is that we need to think and create the new concept of the UI design, mood board or style guide that contain specific implementation guidelines, visual references and design principles for creating the UI design.

Here are some materials provided by Mr.Shamsul in Google Classroom to us in order to complete this project:
Key principles of UI design
A brief guide to creating a UI style guide
10 Best UI style guide examples

UI/UX Documents in PDF