hopper-miller-lvl5

[hopper-miller-lvl5]

New Tumbler Page

@Hopper-Miller-lvl6 / https://www.tumblr.com/hopper-miller-lvl6

[hopper-miller-lvl5]

Hand-In Box

[hopper-miller-lvl5]

Orbit Reflection

CVL has been an experience for me, this is the first time a project hasn't gone according to plan and there's been a lot to learn from that. 

Beginning with LO1 the goal was to demonstrate my understanding of relevant theoretical / conceptual frameworks through independent led research and critical reflection. There was a lot of research and reflection done in this project, I dug into a lot of topics all to do with motivation, organization and productivity. I read into the psychology of planning and why its so helpful. I continued by gaining a scientific understanding of how best to approach the planning process. I also dove into human motivation, and how to leverage that motivation by taking notes from things like video games. In terms of reflection there were many instances I had to take a look at my project and understand I was steering it in the wrong direction. The biggest of these reflections was when I realized I was designing a system I personally wanted, not a system which fit my own brief and user persona. Through it all I've begun to understand how necessary it is to take meaningful looks into where my project is heading and if that aligns with my goals.

Moving on to LO2 the goal was to demonstrate my ability to problem solve using different approaches and defining your ideas in relation to audience / user / viewer. This went hand in hand with my reflections, It took me multiple attempts to get things right, some really setting back my progress, but ultimately resulting in a much more considered and purposeful design. I did a lot of experiments that are nowhere to be seen in my final product, from glassmorhpsim to gradients. I tried to make things work but ultimately I chose to exclude those ideas in the name of accessibility. I really had to consider my user first and their relation to the practicality and nuance of designing a tool, not an art piece. While I did create a lot of things that didn’t make the final cut, I think large amounts of experimentation lead to a better end result.

Finally LO3, the goal  was to generate effective communication that demonstrates: solutions that show an awareness of contemporary practice within professional contexts, and work that shows a high degree of creativity and aesthetic judgment. I really think I nailed it here, this time around I paid a lot more attention to the minute detail and best practices in industry. All the spacings are a multiple of 8 that goes for the text as well, I did this because I know it has some implications when a website goes to be coded. I also picked up the habit of auto layouts which really helped me change things up quickly and is getting me more industry ready. I also gave some big attention to accessibility. It's something I can't ignore in industry so it's another skill I need to continue to implement into my process. Outside of this my solution really takes my theory and runs with it. For motivation I really took inspiration from video games who've already put in the work to create motivating skill tree systems, there was no need to reinvent the wheel I just applied the idea to a new context. For planning, we all know it's important, but I wanted to make it as easy and painless as possible. I apply conversational AI to a new context, planning. By doing so I applied something that already works to solve a problem that needs a solution. Overall I think my solution feels modern, considered, and brings justice to a conceptual good idea.

Overall theres been a lot of trial and error through this brief, this isn't where I thought I would end up, but I'm happy it is. However the big takeaway from this whole process is with projects this long there is a constant need to re-examine your idea regularly. I got so caught up in creating for myself, instead of my user person, it lead to having a lost of time lost and work to catch up on.

[hopper-miller-lvl5]

CVL Brief Bibliography

99% Invisible. (2015). 99% Invisible. [online] Available at: https://99percentinvisible.org/.

Abdaal, A. (2023). How I Manage My Time - The Trident Calendar System. YouTube. Available at: https://www.youtube.com/watch?v=6o2tm00Ar8A [Accessed 21 May 2023].

Apple. (n.d.). Apple Watch Series 8. [online] Available at: https://www.apple.com/apple-watch-series-8/.

ArgoPrep. (2020). 8 Psychological Theories of Motivation to Increase Productivity. [online] Available at: https://argoprep.com/blog/k8/8-psychological-theories-of-motivation-to-increase-productivity/.

Codeart (2023). UI/UX Design Trends 2023. [online] Codeart. Available at: https://medium.com/codeart-mk/ui-ux-design-trends-2023-c7285391e610.

D’Avella, M. (2023). I learned a productivity system for organizing life. YouTube. Available at: https://www.youtube.com/watch?v=0_44XEVOwek [Accessed 18 May 2023].

designcode.io. (n.d.). Design+Code - Learn to design and code React and Swift apps. [online] Available at: https://designcode.io/.

Et-foundation.co.uk. (2014). Society for Education and Training. [online] Available at: https://set.et-foundation.co.uk/.

Experience, W.L. in R.-B.U. (2022). Taxonomy 101: Definition, Best Practices, and How It Complements Other IA Work. [online] Nielsen Norman Group. Available at: https://www.nngroup.com/articles/taxonomy-101/.

Forte, T. (2019). Building a Second Brain: An Overview. [online] Forte Labs. Available at: https://fortelabs.com/blog/basboverview/.

Forte, T. (2022). Building a Second Brain. Profile Books.

Freight, S. (n.d.). Drive lifetime value and revenue with ownership enrichment. [online] Clyde. Available at: https://joinclyde.com/ [Accessed 31 May 2023].

Giaro, M. (2022). Do You Really Need a Zettelkasten, or Is It Just the Latest Productivity Gimmick? [online] Curious. Available at: https://medium.com/curious/do-you-really-need-a-zettelkasten-3613c3b255a6 [Accessed 31 May 2023].

Hacq, A. (2018). Everything you need to know about Design Systems. [online] UX Collective. Available at: https://uxdesign.cc/everything-you-need-to-know-about-design-systems-54b109851969.

Korolev, S. and Lyalina, I. (2021). The rating Brain of Bureaucrats and Luhrmann’s Zettelkasten: two versions of the ‘Machine Man’ in the age of digitalization. SHS Web of Conferences, 106(04008). doi:https://doi.org/10.1051/shsconf/202110604008.

Linear. (n.d.). Linear ⋅ A better way to build products. [online] Available at: https://linear.app/.

Material Design. (n.d.). Material Design. [online] Available at: https://m3.material.io/.

mattgiaro (2022). What Are The Best PARA Method Alternatives For 2023? [online] Matt Giaro. Available at: https://mattgiaro.com/para-method-alternatives/ [Accessed 31 May 2023].

motion.zajno.com. (n.d.). Motion. [online] Available at: https://motion.zajno.com/ [Accessed 31 May 2023].

Mr. Pops. (n.d.). Mr. Pops. [online] Available at: https://mrpops.ua/en/.

Murugan, V. (2020). Building Your Own Productivity System; Elements & Tools. [online] Design Warp. Available at: https://medium.com/design-warp/building-your-own-productivity-system-627181f7b6f2 [Accessed 31 May 2023].

Park, J., Lu, F.-C. and Hedgcock, W.M. (2017). Relative Effects of Forward and Backward Planning on Goal Pursuit. Psychological Science, 28(11), pp.1620–1630. doi:https://doi.org/10.1177/0956797617715510.

Realtime Colors. (n.d.). Realtime Colors. [online] Available at: https://realtimecolors.com [Accessed 31 May 2023].

The Engine. (n.d.). Home. [online] Available at: https://engine.xyz/.

Toby Sinclair. (2022). Building a Second Brain Summary by Tiago Forte. [online] Available at: https://www.tobysinclair.com/post/building-a-second-brain-summary [Accessed 31 May 2023].

Williams, D. (n.d.). The importance of cognitive load theory | Society for Education and Training. [online] set.et-foundation.co.uk. Available at: https://set.et-foundation.co.uk/resources/the-importance-of-cognitive-load-theory#:~:text=Cognitive%20Load%20Theory%20(CLT)%20%2D.

Worksmiths. (n.d.). Worksmiths — Old School Dedication to Craft. [online] Available at: https://worksmiths.com/old-school/ [Accessed 31 May 2023].

www.highperformanceinstitute.com. (n.d.). The Science of Planning: How to be Super Productive. [online] Available at: https://www.highperformanceinstitute.com/blog/the-science-of-planning [Accessed 31 May 2023].

www.notably.ai. (n.d.). Is Modern Zettelkasten Notetaking the Ultimate Evolution of Knowledge Synthesis? [online] Available at: https://www.notably.ai/blog/is-modern-zettelkasten-notetaking-the-ultimate-evolution-of-knowledge-synthesis#:~:text=The%20word%20%22Zettelkasten%22%20is%20a [Accessed 31 May 2023].

www.starlight.money. (n.d.). Starlight — The Financial OS for Web3 Teams. [online] Available at: https://www.starlight.money/ [Accessed 31 May 2023].

www.youtube.com. (n.d.). How I Built a SECOND Brain 🧠 in Obsidian MD (Tiago Forte BASB / PARA Method). [online] Available at: https://www.youtube.com/watch?v=-bdE_54UUA4&t=496s [Accessed 31 May 2023].

www.youtube.com. (n.d.). How I use my analog Zettelkasten. [online] Available at: https://www.youtube.com/watch?v=k71P3nRsXwU [Accessed 31 May 2023].

www.youtube.com. (n.d.). How to Organise your Life - Building a Second Brain. [online] Available at: https://www.youtube.com/watch?v=K-ssUVyfn5g [Accessed 27 Jun. 2022].

www.youtube.com. (n.d.). My Toxic Trait is.. [online] Available at: https://www.youtube.com/watch?v=cQNlcnLp4cE [Accessed 31 May 2023].

www.youtube.com. (n.d.). Obsidian Organization of Notes / University Student Example / Part 1. [online] Available at: https://www.youtube.com/watch?v=jlU5-Lv-kKI [Accessed 31 May 2023].

www.youtube.com. (n.d.). Practical UI Design Trends 2023. [online] Available at: https://www.youtube.com/watch?v=YpWz3EU1KQ4 [Accessed 31 May 2023].

www.youtube.com. (n.d.). Real-world UX Design Trends 2023. [online] Available at: https://www.youtube.com/watch?v=9_AcGH38Wok [Accessed 31 May 2023].

www.youtube.com. (n.d.). Zettelkasten Introduction (Simple & Complete Explanation). [online] Available at: https://www.youtube.com/watch?v=Q2zY7l2tzoQ [Accessed 31 May 2023].

www.youtube.com. (n.d.). ZETTELKASTEN METHOD (Explained Clearly with Examples and Software). [online] Available at: https://www.youtube.com/watch?v=wFZHuWLA09M [Accessed 31 May 2023].

[hopper-miller-lvl5]

Orbit Portfolio Page

I found this portfolio page really hard to make, Its very challenging to show my video work in this medium. I tried to do my best to show still frames from the video that look good, however theres so much movement in this video I found the challenging.

I also think it was hard to condense my idea in to a few sentence but after a lot of trial and error, I think “Orbit is a visual planner that uses gamification and conversationalAI to re-imagine the traditional planner. Orbit leverages theory of motivation and planning to guide and engage users who struggle with traditional planning systems.” works well.

[hopper-miller-lvl5]

Final Slides

to compliment my video, I wanted to create some slide to explain a bit more in depth the nuance of my choices. I came up with these slides. 

[hopper-miller-lvl5]

Final Video

After going through the video a few more tomes I feel I've ironed everything out and and I'm done with it. The tweaks have been really minor, smoothing out keyframes, and getting that timing just right, but overall I feel great about the final result. The only super noticeable changes are the fixing of some typos.

[hopper-miller-lvl5]

here just a barebones prototype of how my tool would look. I decided to put more focus into the video presentation than this prototype itself, so I haven't had the chance for any fancy animation. However I do think this gets the point across and is something I could expand on in the future.

[hopper-miller-lvl5]

The videos come a long way sense I last posted about it and I've made a few major changes.

To start there is just more continuity, the tree being built in the conversation AI section is then displayed on the progress tree section. To further that naritive of the add, I added a start stop button to futher imply their relation.

For the progression tree section, I wanted to show more in depth how it worked rather than more b roll. Taking some of marks advice I wanted to show a desired task being completed then the free filling out. thats why there is some stock footage of people working to imply this task is done, now the tree fills out.

On the final page where the entire page is shown in full, I reworded it to something that felt a bit more on brand "stay on course with orbit: project planning reimagined". I found this to be a better way to describe this product as I've pushed the idea to being a bit more unique and I want the brand Identity to match that. On this same page I also recolored it the purple to be a bit more on brand and cut out the white. With the dark shots the white was a bit too stark and felt very out of place

Finally I aded a call to action to download the web tool today, and Im now seeing theres a type oops.

Overall There has also just been some tweaks to cuts and transitions, the've all been fit to the music a lot better and bring the overall cohesion of the ad together.

[hopper-miller-lvl5]

Updated Icons

taking marks input, I switched the globe icon with the user icon which defiantly seems to make a bit more sense.

[hopper-miller-lvl5]

here just a check in with the video trying to incorporate, more description to the progression system involved.

[hopper-miller-lvl5]

1v1 Tutorial W/Mark Notes

-use a profile icon instead of the globe icon

- focus on the video as my main hand-in do the supporting elements if I have time

- For the video show someone doing something then the progression filling

- more emphasis on the skill tree aspect

- call to action at the end of the video

[hopper-miller-lvl5]

Putting everything Ive worked on together I strung together this shot advert. Theres a lot of things that need working on but I think its good to see where I am at this stage

First Im not sold on the music choice, but I know I want to keep the music a bit less corporate and a bit more trendy to appeal to my target auiance

This Draft of the add lacks any real mention of main USP being the skill tree system, Ill need to work on another section to highlight that feature

The white in the end feels entirely out of place as well as Im not sold on the text, I think ill have a redesign of that in the future

Finally If this is an advert I need it to end on a call to action which it does not, some way to tell the viewer where they can get more information and download the tool.

Overall I like the direction I just need more refinement and structure

[hopper-miller-lvl5]

Expanding Camera Usage

taking what Id learned from creating the camera shot before and the filling animation I combined both to give a more dynamic view of the app functioning. The goal is to show how the conversational AI is used without just a static shot of the tool

[hopper-miller-lvl5]

Learning After Effects Camera

to add some more interesting shots to my animation I tried to learn the camera feature in after effects. I think this animation will be a good way to introduce text with a less boring background

[hopper-miller-lvl5]

Filling In animation

to start my animation I thought it would be a cool visual to see the tree fill out, this took way longer than I thought it would have but I think its a crucial visual to show how the progression of tree would grow.

[hopper-miller-lvl5]

Updated Planning Page

not much has changed to the planning section of the tool, however I wanted to add a mic button so people could speak in their next step. I want to do this and lean more into the tool using conversational AI to help you plan, making the planning feel more like a conversation about your project instead of filling in the boxes