From d5ef674f8cb50fcdde487d9ce6f15de4fdd659fd Mon Sep 17 00:00:00 2001 From: Jet Hughes Date: Fri, 27 May 2022 14:22:25 +1200 Subject: [PATCH] update --- .gitignore | 2 ++ content/notes/low-fidelity-prototypes.md | 26 +++++++++++++++--------- 2 files changed, 18 insertions(+), 10 deletions(-) diff --git a/.gitignore b/.gitignore index 06bbdea67..5ad4bb471 100644 --- a/.gitignore +++ b/.gitignore @@ -8,3 +8,5 @@ content/.obsidian assets/indices/linkIndex.json assets/indices/contentIndex.json *.ps1 +*.jpg +*.JPG \ No newline at end of file diff --git a/content/notes/low-fidelity-prototypes.md b/content/notes/low-fidelity-prototypes.md index fc5274c8e..a5122f820 100644 --- a/content/notes/low-fidelity-prototypes.md +++ b/content/notes/low-fidelity-prototypes.md @@ -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. I also listed some things that each screen should contain -![300](Attachments/lofi-prototypes/navigation.JPG) +![](https://i.imgur.com/GeFsI1N.png) ## 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. 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) -![300](Attachments/lofi-prototypes/general-4.JPG) +![](https://i.imgur.com/opwrdE6.png) +![](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. -![300](Attachments/lofi-prototypes/general-2.JPG) +![](https://i.imgur.com/vrW0wOS.png) 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 ## 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 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 -![300](Attachments/lofi-prototypes/other-settings-1.JPG) +![](https://i.imgur.com/5QPmErT.png) + ## Trick Options 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 -![300](Attachments/lofi-prototypes/welcome-1.JPG) +![](https://i.imgur.com/YXarRMG.png) ## Schedule -![300](Attachments/lofi-prototypes/schedule-1.JPG) \ No newline at end of file +![](https://i.imgur.com/zygYzAH.png)