{"id":137,"date":"2023-12-22T20:45:06","date_gmt":"2023-12-22T20:45:06","guid":{"rendered":"https:\/\/carterbell.net\/?page_id=137"},"modified":"2024-01-06T22:20:48","modified_gmt":"2024-01-06T22:20:48","slug":"case-study-quokka-chronicle","status":"publish","type":"page","link":"https:\/\/carterbell.net\/index.php\/case-study-quokka-chronicle\/","title":{"rendered":"Case Study Quokka Chronicle"},"content":{"rendered":"\n

UI\/UX Design<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n

Project Overview<\/p>\n\n\n\n

The Quokka Chronicle is a prospective mobile app which aims to improve the user’s relationship with news media by offering daily solutions journalism and local news. <\/h1>\n\n\n\n
<\/div>\n\n\n\n

My Role<\/p>\n\n\n\n

This was a group project of 3 people. I worked alongside Olivia Butler and Vanessa Rogers as the group’s project manager and creative director.<\/h2>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
<\/span>
\n
\n

Design Process<\/h2>\n\n\n\n

We worked on this project in 4 core phases:
1. User Research 2. Definition & Ideation 3. Prototyping and 4. Testing & Iterating
You can navigate to each phase via the table of contents below<\/p>\n\n\n\n

<\/div>\n\n\n\n

Design Software<\/h2>\n\n\n\n
<\/div>\n\n\n\n
\n
\n
\"\"<\/figure>\n\n\n\n

Figma<\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/figure>\n\n\n\n

Krita<\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/figure>\n\n\n\n

Illustrator<\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/figure>\n\n\n\n

Procreate<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n

\n
\n
\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Table of Contents<\/h3>\n<\/div>\n\n\n\n
\n
\n<\/div>\n<\/div>\n\n\n\n
<\/div>\n\n\n\n
\n\n\n\n
\n
<\/span>
\n

Introduction<\/a><\/h3>\n<\/div><\/div>\n\n\n\n
<\/span>
\n

User Research<\/a><\/h3>\n<\/div><\/div>\n\n\n\n
<\/span>
\n

Definition & Ideation<\/h3>\n<\/div><\/div>\n\n\n\n
<\/span>
\n

Prototyping<\/h3>\n<\/div><\/div>\n\n\n\n
<\/span>
\n

Testing & Iterating<\/h3>\n<\/div><\/div>\n\n\n\n
<\/span>
\n

Conclusion<\/a><\/h3>\n<\/div><\/div>\n<\/div>\n\n\n\n
\n
\n
\n
\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Introduction<\/h3>\n<\/div>\n\n\n\n
\n
\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
<\/div>\n\n\n\n
\n\n\n\n
<\/div>\n\n\n\n
\"\"<\/figure>
\n

Simple, fun and engaging, the Quokka Chronicle could easily compliment the day-to-day news diet of a user who wants to see more of the bright side of their world and local community.<\/p>\n<\/div><\/div>\n\n\n\n

<\/div>\n\n\n\n
\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

Read global, help local, and start your day feeling better about the amazing world we live in. <\/p>\n<\/div>\n\n\n\n

<\/div>\n\n\n\n
\n
\n
\n
\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Phase 1: User Research<\/h3>\n<\/div>\n\n\n\n
\n
\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
<\/div>\n\n\n\n
\n
\n
\n\n\n\n
<\/div>\n\n\n\n
\n
\n

Beginning the process we created an interview plan to ask interviewees about their feelings on news.<\/h3>\n<\/div>\n\n\n\n
\n
<\/span>
\n

Number of Interviews:<\/h2>\n\n\n\n

7<\/h2>\n\n\n\n

Interview Length:<\/h2>\n\n\n\n

5 – 10 min.<\/h2>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n
<\/div>\n<\/div>\n\n\n\n
<\/span>
\n

Questions we were most interested in the answers to:<\/h3>\n\n\n\n

– How much time do you engage with the news every day?
– Do you think that the news focuses on topics that you\u2019re interested in?
– How much time do you think you would spend learning about different locations around the world per week if at all? (Frequently, Daily, Every-Other Day, Weekly, Etc.)<\/p>\n<\/div><\/div>\n\n\n\n

<\/div>\n\n\n\n
\n

\u201cQuote\u201d<\/p>\n– Anonymous Interviewee<\/cite><\/blockquote>\n<\/div>\n\n\n\n

<\/div>\n\n\n\n
\n
\n
\n
\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Phase 2: Problem Statement<\/h3>\n<\/div>\n\n\n\n
\n
\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
<\/div>\n\n\n\n
\n
\n\n\n\n
<\/span>
\n

The Problem<\/h2>\n\n\n\n

Despite our interviewees spending less than 30 minutes looking at news each day, they report that their moods have starkly decreased as a result, and that news is exhausting and highly negative. Due to this, they have great interest in hearing positive news, but aren\u2019t sure where to find it.<\/p>\n\n\n\n

The Solution<\/h2>\n\n\n\n

The Quokka Chronicle! <\/strong>An app that has a positive effect on the user\u2019s daily life. Educating the user about current news and intriguing them with history, facts, and exploration.<\/p>\n<\/div><\/div>\n\n\n\n

\"\"<\/figure>
\n

We chose to use a user persona to get a better idea of what a young, potential user of the Quokka Chronicle could be.<\/h3>\n<\/div><\/div>\n\n\n\n
<\/div>\n<\/div>\n\n\n\n
<\/div>\n\n\n\n
\n
\n
\n
\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Phase 3: Iteration<\/h3>\n<\/div>\n\n\n\n
\n
\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
<\/div>\n\n\n\n
\n
\n\n\n\n
<\/div>\n\n\n\n
\n
\n

It was now time to draw inspiration from deemed competitors to begin designing the app\u2019s interface.<\/h3>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
<\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
<\/div>\n<\/div>\n\n\n\n

We chose to analyze four primary applications which we saw as occupying the same role in a user’s news intake day to day. These were BBC<\/strong>, GoodNewsNetwork<\/strong>, Reddit<\/strong>, and YouTube.<\/strong><\/p>\n\n\n\n

<\/div>\n\n\n\n
\n
<\/div>\n\n\n\n
\"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n
<\/div>\n<\/div>\n\n\n\n
<\/div>\n\n\n\n
\n
\n
\n
\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Phase 4: Prototyping<\/h3>\n<\/div>\n\n\n\n
\n
\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
<\/div>\n\n\n\n
\n
\n\n\n\n
<\/div>\n\n\n\n
\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
<\/div>\n\n\n\n

We had built out a prototype based on the layout I had sketched onto notecards. Using it, we designed a Guerrilla testing plan to get as much feedback as needed to move on to our next phase.<\/p>\n\n\n\n

<\/span>
\n
<\/div>\n\n\n\n
\n
\n

Text here<\/p>\n<\/div>\n\n\n\n

\n

Number of tests:
5

Test Length:
5 min.<\/h3>\n<\/div>\n<\/div>\n\n\n\n
<\/div>\n<\/div><\/div>\n<\/div>\n\n\n\n
<\/div>\n\n\n\n

The Takeaways<\/h2>\n\n\n\n

We got a lot of insight from the user testing, some that we were aware of and some that we weren\u2019t.<\/p>\n\n\n\n

The primitive nature of the prototype restricted the commentary that we received, but the recommendations we did receive would improve our designs moving forward.<\/p>\n\n\n\n

<\/div>\n\n\n\n

This spurred us to make a few changes:<\/h3>\n\n\n\n