GitHub/quartz
1
0
Fork 2
mirror of https://github.com/jackyzha0/quartz.git synced 2025-12-24 13:24:05 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Jet Hughes 2022-05-27 14:22:25 +12:00
parent 8a667e5693
commit d5ef674f8c
2 changed files with 18 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.gitignore vendored
View File

@ -8,3 +8,5 @@ content/.obsidian
assets/indices/linkIndex.json assets/indices/linkIndex.json
assets/indices/contentIndex.json assets/indices/contentIndex.json
*.ps1 *.ps1
*.jpg
*.JPG

26
content/notes/low-fidelity-prototypes.md
View File

@ -10,23 +10,23 @@ tags:
The first thing I wanted to was get a clear picture of how each screen should interact with the others. Identified three main screens: Home, Friends, and Schedule. I also identified some supplementary screens: Trick options, other settings, and welcome, and some more optional screens: Trick lists, trick dictionary. The first thing I wanted to was get a clear picture of how each screen should interact with the others. Identified three main screens: Home, Friends, and Schedule. I also identified some supplementary screens: Trick options, other settings, and welcome, and some more optional screens: Trick lists, trick dictionary.
I also listed some things that each screen should contain I also listed some things that each screen should contain
![300](Attachments/lofi-prototypes/navigation.JPG) ![](https://i.imgur.com/GeFsI1N.png)
## General protoypes ## General protoypes
Next I started to get down down general ideas about all of the screens. The main goal of this step for was to figure out the general flow of the app, and to get a general idea of how each screen should look. Next I started to get down down general ideas about all of the screens. The main goal of this step for was to figure out the general flow of the app, and to get a general idea of how each screen should look.
This first two pages I was experimenting mostly with the home screen. I tried three different layouts: Top tabs, Bottom tabs, and floating bottom buttons. I also started to explore ways for the user to navigate from the home screen to the trick options screen, and the schedule screen. This first two pages I was experimenting mostly with the home screen. I tried three different layouts: Top tabs, Bottom tabs, and floating bottom buttons. I also started to explore ways for the user to navigate from the home screen to the trick options screen, and the schedule screen.
![300](Attachments/lofi-prototypes/general-1.JPG) ![](https://i.imgur.com/opwrdE6.png)
![300](Attachments/lofi-prototypes/general-4.JPG) ![](https://i.imgur.com/p4WFba9.png)
The second page I explored a some variations on the floating button design. And begin experimenting with the navigation and layout of the friends screen. The second page I explored a some variations on the floating button design. And begin experimenting with the navigation and layout of the friends screen.
![300](Attachments/lofi-prototypes/general-2.JPG) ![](https://i.imgur.com/vrW0wOS.png)
On the third page I kept experimenting with the friends page. On the third page I kept experimenting with the friends page.
![300](Attachments/lofi-prototypes/general-3.JPG) ![](https://i.imgur.com/ey0yJTT.png)
# In depth prototypes # In depth prototypes
## Home screen ## Home screen
@ -37,17 +37,23 @@ I started with creating an partly new design that combined the floating buttons,
I also decided against the swipe feature to show tricks, and opted instead for a button which opened another screen. I also decided against the swipe feature to show tricks, and opted instead for a button which opened another screen.
I also tried out some other designs features a black background and round buttons. I also tried out some other designs features a black background and round buttons.
![500](Attachments/lofi-prototypes/home-2.jpg) ![300](Attachments/lofi-prototypes/home-3.jpg)![300](Attachments/lofi-prototypes/home-1.JPG) ![](https://i.imgur.com/DbOlh7s.png)
![](https://i.imgur.com/CbEtGUq.png)
![](https://i.imgur.com/D4PaDJL.png)
## Other settings ## Other settings
![300](Attachments/lofi-prototypes/other-settings-1.JPG) ![](https://i.imgur.com/5QPmErT.png)
## Trick Options ## Trick Options
For the trick Options I considered a few three main designs: the swipe/scroll, the modal, and the full screen. For the trick Options I considered a few three main designs: the swipe/scroll, the modal, and the full screen.
![800](Attachments/lofi-prototypes/trick-options-1.JPG) ![](https://i.imgur.com/sovj0Q5.png)
## Welcome ## Welcome
![300](Attachments/lofi-prototypes/welcome-1.JPG) ![](https://i.imgur.com/YXarRMG.png)
## Schedule ## Schedule
![300](Attachments/lofi-prototypes/schedule-1.JPG) ![](https://i.imgur.com/zygYzAH.png)