This PowerPoint showcased the graphical user interfaces of our fashion lookbook app. There are wireframes of several important functions, and explanation of each functions.
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Mobile app GUI
1. IS4333 Human-Comp Interaction For Business
Fashion Look Book – Chew
Connect “fashionistas” around the world that share
similar fashion sense, wearing taste, and urban life
style together.
Inspire people to:
- Find someone who appreciates and admires
them;
- Keep up with the latest fashion information and
trend
2. IS4333 Human-Comp Interaction For Business
Login
- One-time-login
Sign Up
- Different identity
- Different account
1.From Your Own View
3. IS4333 Human-Comp Interaction For Business
Tutorial
- Walk through the App
- Skip tutorial
- Swipe left/right to turn
page
Main Page
- Click quick access toolbar
- View notification
- View today’s featured look
- Swipe down for more
- Use function tab
4. IS4333 Human-Comp Interaction For Business
Personal Profile
(From own view)
- View profile
information
- Edit profile
information
Navigation Tab
- View profile
- Post a look
- Find friends
- Change setting
- Log out
- View tutorial
5. IS4333 Human-Comp Interaction For Business
Personal Page
- Skim Through own looks
- View others’ comment,
like, etc.
- Post a look
Post A Look
- Take photo
6. IS4333 Human-Comp Interaction For Business
Edit Photo
- Use provided function to
edit
Photo description
- Add description
- Tag brands/shops
- Share to other
social network
platform
- Post to your page
7. IS4333 Human-Comp Interaction For Business
Share the Look
- Share others’ look to
your social network
Write Post
- Write something on the
posts that you will share
on social network
8. IS4333 Human-Comp Interaction For Business
Search
- Friends
- Brands
- Items
- Followers
- Shops
Search Result List
9. IS4333 Human-Comp Interaction For Business
Search Result’s Details
- Location
- Description
- Social Network Linkage
- Price range
- Contacts
Save to Favourites
- person, brand, shop,
etc. H & M
10. IS4333 Human-Comp Interaction For Business
Notification 1
- Accept people’ request
Notification 2
- Will receive
notification upon
getting like,
comment
11. IS4333 Human-Comp Interaction For Business
Create Look Book
- In-app payment service
- Gather all looks into a book
- Make a hard copy
Edit Look Book
- Preview
- Tutorial
- Save
- Share to SN platform
- Live chat
1.Special Feature
12. IS4333 Human-Comp Interaction For Business
Edit Look Book
- Preview
- Tutorial
- Save
- Share to SN platform
- Live chat
Export
- Dropbox, Google
drive, E-mail,
Facebook, etc.
13. IS4333 Human-Comp Interaction For Business
1.From Shopkeeper’s view
Shop Profile
- Has same function
as a normal user
- Overview of the
shop
Shop Detail
- Shop Description
- Product
information
14. IS4333 Human-Comp Interaction For Business
Navigation tab
- View page
- Edit shop profile
- Post looks
- View deep insights
- Change setting
- Log out
Deep insight
- Overviews, likes,
reach, visits, people
15. IS4333 Human-Comp Interaction For Business
Team 4 Members List
NG Wai Kit
AU Mei Kwan
FUNG Tsz Kwan
WONG Siu Lun
KO Sze Wan
Thank you !