Please enable JavaScript.
Coggle requires JavaScript to display documents.
SnacKing Asian Foods Pty Ltd - Coggle Diagram
SnacKing Asian Foods Pty Ltd
Users
Jason
International student who lives in the university dormitory.
Requirement
Order online and have it delivered to him.
Travelling to the shop is difficult due to public transport.
Lisa
Goes with her family on Sunday
Requirement
Pre-order the food and then pick up the order later.
She is a regular customer.
Kevin
Requirement
Order as a guest every single time.
He wants to access the website easily and quickly with the least clicks necessary.
He was introduced by a friend.
He refuses to sign up.
Clients
SnacKing Asian Foods Pty Ltd
Attracting wider customers.
Purchase products online.
Jack Lim
A high school student.
Seeking for help for building a prototype digital store front for the store.
UI and UX Requirement
User Interface
Usability Principle
Effectiveness
Search and sort functions
Users can find products in the minimum amount of time.
Navigation bar
Users can access another web page more easily.
Learnability
All products information would be in the same proportion and hierarchy to ensure every elements are balanced.
Safety
A clear login and register label.
Distinguish the two pages to prevent misunderstanding and wrong details entered by the users.
Pop up message when deleting items from cart.
To avoid wrong actions made by users.
Utility
The filtered option.
Alphabetical order.
Z to A.
A to Z.
Categories between Taiwanese and Japanese foods
Price
Lowest to highest.
Highest to lowest.
Accessibility
Large headings
Clear for users to visualise.
Strong colour contrast
Using the colour red to grab user's attention.
Users who has colour blindness can also access the page.
Large push buttons
Easy to identify where to click.
Alt text
Easy to understand every image.
User Experience
The website should be able to be accessed on both laptop and smartphone.
User can use their smartphone to order
Effective and easy to navigate.
Admin can use their laptop to view orders
Large and clear.
Pop up messages if the login or register detail did not meet the system requirement.
Must include an @ symbol for email address.
Phone number must start with 04 and contains 10 digits.
Digital Problem
Designing a website that allows users to browse their products and purchase them online.
Jack Lim is seeking a prototype for a digital storefront for his family's grocery store named SnacKing Asian Foods Pty Ltd.
Developer
Coding Environment
SQL
Datasets
Members data
password
hashed to protect member's detail
Receive an automatic discount of 10%
Products data
inner joins
japanese_products
taiwan_products
Admin data
User's order and details
Orders data
Users order (Members and guests)
Order date
Total cost for the order
Existing Solutions
The Snack Cave
Strengths
The products were categorised and are in the same proportion.
Search function and sort by function are included.
Improves effectiveness and utility.
Alt text are included in all images.
Improves accessibility.
Large Colour Contrast.
Using colour #ba0cf5 and #ffffff9 has an WCAG Grading of AA.
Limitations
Do not have a pop up message warning user for the remove button on the cart page.
Affect safety as user might accidentally delete their cart.
Minimal Focus on Mobile Usability.
Missing login button on the home page.
Snack Frozen
Strengths
Accessibility on mobile :
Alt text are included in all images
Large buttons.
Clear headings.
Provide a currency change for 28 options.
Improves accessibility as user from different country can also view the price for each product.
Heart feature allow users to like specific products.
Improve effectiveness as users can easily find their preferred product once they've liked it.
Limitation
Shopping cart
Products added missing and wrong item being added to cart.