Application Design 1

September 13, 2020

Application Design 1

24/09/2020- 23/11/2020

Tabita Febrilia Dinata
0340357
Application Design 1
Projects

INSTRUCTION

LECTURES

WEEK 1
Introduction & Module Brief

WEEK 2

No Lecture

WEEK 3: User Centered Design

WEEK 4

No Lecture

PROGRESS

WEEK 1

We need to choose what app category are we going to do for this project. And these are my very first ideas:

1. Shopping (Specifically)

There’s a lot of shopping apps nowadays, but most of them are too broad (You can find everything there). How about apps that specifically sell some specific things, like clothing, second-hand cloth/ second-hand furniture/ Gift.

How it works: Everyone that is interested can register and make their account, they can sell theirs or buy others.
Features : Picture upload, video upload, comment, Private chatting, description.

2. Gallery App & Complete Editing

How it works: Can save, edit & share pictures based on the group/album that we want.
Features: Can compare before and after edit, organise picture based on neat album

3. Easy Video Editing

4. Split bill app

5. Notes

WEEK 2 - WEEK 3

FEEDBACK: If you want to do the gallery app you need to do SWOT analysis, and if you want to do the online shopping need to do survey and research.

After presenting our idea, we need to do an exercise to understand about User Centered Design (UCD)

WEEK 4

I did the survey, and conclude my idea to 2 idea, Productivity app and Gift Idea app, and the result is balanced 50% 50%, but then I decided to do the gift idea app.

Survey Link

Fig 1.1: Survey Result

FEEDBACK: Ok, need to do the Flowchart, Business Modal Canvas, User Pesona, etc on Miro ASAP.

WEEK 6

I did all the requirement on Miro.

Fig 1.2 : Journeymap, Flowchart,etc

https://miro.com/app/board/o9J_kl8n9tE=/

WEEK 8-9

FEEDBACK: If you choose colour, you need to know what is that colour represent / what's the meaning behind a colour, & need to change your flowchart

WEEK 10: Wireframe

Fig 1.3: Start making wireframe

WEEK 11: Prototype & User Testing

Fig 1.4: Overall Wireframe

User Testing

User Testing Link : Prototype1

User 1

Vid 1.1 : User Testing 1

User 2

Vid 1.2: User testing 2

User 3

Vid 1.3: User Testing 3

User 4

Vid 1.4: User Testing 4

Results

FEEDBACK: Make the user feel safe using this app, like allow to check statement, can cancel purchase, and reviews. Start to design the UI.

WEEK 12-13: Design, Prototype & User Testing #2

This week I start to do the design.

Fig 1.9: Designing UI

Fig 1.10: Design on XD

Fig 1.11: Design on XD (2)

Fig 1.12: Changes based on feedback

USER TESTING

User Testing Link : https://xd.adobe.com/view/0d7c4776-971e-4d32-b0f3-d1abe1c8628f-582f/?fullscreen&hints=off

Vid 2.1: User Testing 1

Feedback From Users 1 : Some buttons aren't balance yet, like some buttons are smaller than the others.

Vid 2.2: User testing 2

Feedback From Users 2 : Good, but I don't like the colours.

Vid 2.3: User testing 3 (1)

Vid 2.4: User testing 3 (2)

Feedback From Users 3 : At first I can't press any buttons and I'm confused what to do, and this one if a bit heavy to press, also the colours is too pale, and some fonts are too small I can't read.

FEEDBACK: Some screen is not clear, just explain to the user, give how many sold, fix your payment part and don't make box to box.

WEEK 14-15: Finalize

I try to fix everything, font size, colours, balance. And try to refine this until it's final. And I also make the animation (Loading and welcome).