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 landing page for mycreativetype.com is inviting and welcoming. The motion-based typography creates a unique dynamism and interest.

Mycreativetype.com uses a either/or approach to it’s survey questions. There is one question per page and nine pages with an unique, interactive interstitial page for each of the nine questions. This approach lends itself to continued interest for the survey taker as it maintains visual interest, while keeping the questions simple and straightforward.

The results of the survey assign the taker a persona. My survey revealed that I am “The Adventurer.” Each persona has detailed attributes and comes with a unique character. Further, you can download a kit that provides a detailed PDF of your persona along with social media assets for you to engage in a conversation with other “creative types.”

You can also learn about the seven other personas. As you can see each character is unique and dynamic.

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

16Personalities.com as a great bit more information on their site. The test is as easy to approach, but has more questions and is designed on a scale vs. either/or.

The interface is clean and easy to follow. It uses symbology and shape to show the levels between “strongly agree” and “strongly disagree.” 16personalities.com has six questions per page across nine pages yielding 48 questions in total. Given that there are 16 personalities, it makes sense that there would be more questions. The depth of answers (to what degree you agree or disagree) plays into the results.

There are four main categories and four unique personalities within each main category. The main categories have unique broad traits shared across the personalities. The depth of those traits give way to the unique personality. This test is built upon research and uses the well-known acronyms from the Myers-Briggs Type Indicator® (MBTI®). 16personalities.com has evolved the MBTI further to achieve high test accuracy while also retaining the ability to define and describe distinct personality types.

The sight has a robust offering of resources and ways to engage and learn more about your personality type as well as the type of others. This can lead to open discussions in the workplace, at the dining table, and in the classroom about the importance of inclusivity and diversity. The site design has a whimsical flair and a sense of humor backed up by research and science.

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.

wireframe.jpg


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/.