ia-toki / bebras-pandai

Aplikasi belajar Computational Thinking oleh bebras.org

https://bebras.or.id/v3/

3 stars 0 forks source link

[Task] UI/UX - Redesign App UI to make it more kids friendly #46

Closed atnanahidiw closed 11 months ago

atnanahidiw commented 1 year ago

Description

@12henbx proposing to redesign the app to make it more like a kids app

He gives an example like this https://dribbble.com/shots/9189033-Child-education/attachments/1232166?mode=media

But making it a blue color

Here are the overall pages that need to be redesigned

also need these pages not covered in the illustration:

Splash screen
Introduction page before the Quiz start T&C before starting the exercise -> "Saya telah membaca peraturan & akan mengerjakan dengan jujur"

References

Excalidraw link: https://excalidraw.com/#json=uOObNoaK3zSBEW7W9YUQq,fkYdZOnRNMoRmLle0abxvg
Specification doc: https://docs.google.com/document/d/1tsiaI4nE0WjFBha_uaGXpthCyHtURREzVy41f7dHhbs/edit
Technical doc: https://docs.google.com/document/d/12RwnmWcVlFKhpYy6oAlfT4-44zQjrb_ysw6MMBzSQdE/edit
Internal test link: https://play.google.com/apps/internaltest/4701290915075958318

Delivery

[ ] Figma file of redesigned all pages

atnanahidiw commented 1 year ago

available assets: https://github.com/ia-toki/bebras-pandai/tree/main/app/assets/images

Quiz Exercise

button when doing the quiz exercise:

bookmark
skip
next

task type:

multiple choice
short input

atnanahidiw commented 11 months ago

Whimsical, wireframe: https://whimsical.com/wireframe-CDbZDXSojbHEhyzBJryJjh Figma: https://www.figma.com/file/iJ08zyApVusFo6ltICjpy6/Bebras-Pandai?type=design&node-id=1-9119&mode=design&t=8xtuSPx7J6tWJEvQ-0