GDE740 W9 | Workshop Challenge
THE CHALLENGE
Select one of your design concepts, which you think will successfully answer your chosen project brief.
Research innovative design thinking, format, media and production methods to gain a fresh insight into your project direction.
In what areas can I improve my concept? How can I develop an innovative, experimental and brave approach to elevate my selected concept?
CONCEPT DEVELOPMENT
As mentioned in Week 8, I’ve decided to focus my project on a web-based app versus a native app. Further, I am aiming to use a survey approach to help the audience explore and ultimately self-identify with one of the five personas of imposter syndrome.
I’ve found two web-based apps that do this well: http://mycreativetype.com/ and https://www.16personalities.com.
MY CREATIVE TYPE
The mobile experience is exactly as the desktop experience except that it functions perfectly within the confines of the smaller screen space. The design is very responsive. The only downside on mobile is that the interstitials take up only a section of the screen leaving them a bit too diminutive for my taste. I imagine this was a design decision on the side of best UX.
What makes mycreativetype.com effective is its clean, friendly appearance, and easily navigated application. It encourages sharing and conversation.
16 PERSONALITIES
The mobile experience for 16personalities.com, like mycreativetype.com, is one that is responsive, dynamic, and easy-to-navigate.
A HYBRID APPROACH
I’ve decided to pull aspects from each of these sites that would work best for my project. These are the attributes I aim to explore:
A welcoming/app start page landing experience
Using either/or survey question to keep the audience engaged and not overwhelmed
Four questions per persona for a total of 20 questions.
I like the idea of interesting motion-based interstitials, but believe that 19 may be too many and become fatiguing.
Creating characters for each persona that emulate aspects of the persona characteristic, but in a way that is friendly and relatable.
Creating a bio for each persona with more detailed information, ways to engage in a conversation, share their results and link to additional resources or support.
ROUGH WIREFRAME
Below is an initial wireframe sketch showing the inventory of pages. The next steps will be to create a formal site hierarchy and begin to flesh out with content, character development, and then final design.
REFERENCE:
Calaby, L. (2018, August 14). The five different types of imposter syndrome. Retrieved from https://humanresults.co.uk/the-five-different-types-of-imposter-syndrome/.
Francis, T., & Hoefel, F. (2018, November). 'True Gen': Generation Z and its implications for companies. Retrieved from https://www.mckinsey.com/industries/consumer-packaged-goods/our-insights/true-gen-generation-z-and-its-implications-for-companies.
Gen Z: A look inside its mobile-first mindset -- Think With Google. (n.d.). Retrieved from https://www.thinkwithgoogle.com/interactive-report/gen-z-a-look-inside-its-mobile-first-mindset/.
Ilyin, M. (2019, August 23). M-commerce vs e-commerce. Retrieved from https://wiredelta.com/m-commerce-vs-e-commerce/.
Lebowitz, S. (2016, January 12). Men are suffering from a psychological phenomenon that can undermine their success, but they're too ashamed to talk about it. Retrieved from https://www.businessinsider.com/men-suffer-from-impostor-syndrome-2016-1?r=US&IR=T.
Mindtools Content Team. (n.d.). Impostor Syndrome: Facing Fears of Inadequacy and Self-Doubt. Retrieved from https://www.mindtools.com/pages/article/overcoming-impostor-syndrome.htm.
Scacca, S. (2019, March 29). Rundown Of Gen Z: What Does This Mean For Mobile Designers? Retrieved from https://www.smashingmagazine.com/2019/03/mobile-designers-generation-gen-z/.
Young, V., & Young, V. (2019, September 26). The 5 Types of Impostors: Retrieved from https://impostorsyndrome.com/5-types-of-impostors/.