App Design Lo FI

Justin Averill Prasetya / 0355048

GCD 60904 / BDCM / The Design School

Project Lo FI

---

INSTRUCTIONS

<iframe src="https://drive.google.com/file/d/1DJdzcl5x38RHooL6_-MHGkEN2_EzIRsS/preview" width="640" height="480" allow="autoplay"></iframe>

---

Lo-Fi Final

Initial Concept and Design Ideation

for the font for Lofi, i use Inter for the clear navigation and boldness but for the actual app I was considering using Comfortaa for the more aesthetic and I tried it is suitable enough. For the color scheme, the color that I considered using was the mild-themed color.

Fig 1.1.1

For the concept art, it would probably look like this for the finals

Fig 1.1.2

Fig 1.1.3

Fig 1.1.4

The more colorful approach was implemented in the final outcome but for the current lo-fi project, it would be necessary to come up with clearer navigation and features first. 

The final outcome was this. I compacted the navbar put the most necessary features and highlighted more obvious and easily navigated

Fig 1.2.1

Figma File: https://www.figma.com/file/djuHvFRciy3gRTbM9FakDu/UI-Application-Design-2?type=design&node-id=0%3A1&mode=design&t=uvjCtnfZwxxqw9kK-1

Hamburger Bar Fig 1.2.2

User Testing:

Ray:

Quite easy to understand but preferable to consider putting the graph setting on the set on graph menu so that it would be centered

Chino:

I like the design but personally, I think that the settings on user can contain more feature

Andre: it was clear and easily distinguishable but there's certain feature that haven't exposed