Even though I haven't done any real training on it I really like wireframing. I liked reading through Google's Material Design principles and figuring out which user interactions would make the most sense.
I wireframe things for fun all the time - it helps me think about the composition and the parts of what I'm doing - but this was my first time using an editor to make it look neat.
I used
NinjaMock because I'd heard of it before and it's free for personal use. It took a little getting used to though. At one point I lost all my work because I wanted to add my own assets and then found out you needed an account to add your own assets. But once I was faced with a blank screen again it was very easy to recreate what I had before now that I knew where to go for what I wanted (only having 3 views helps).
I think there was a way to show the interactions using NinjaMock but that was beyond what I needed - I just wanted to show people something that wasn't my notebook.
 |
| Original thought process and sketching |
 |
| View 0 - Home screen |
 |
| View 1 - Slightly different from the way I sketched it because I talked through the data-structure with the data architect |
 |
| View 2 - I'm a little worried I'll create something that doesn't work but has really awesome animations |
0 comments:
Post a Comment