Giide Studio - Web & App design

problem

Giide, a Boulder based multimodal learning app, wants to build a content creation tool. Giide’s bread and butter is content created and curated by external experts.

Currently, the content creation process requires an extensive amount of involvement from Giide’s internal team. In order to continue growing the app and to allow internal employees to refocus some of their time elsewhere, Giide Studio was born.

Tools

Sketch | Invision

COMPETITIVE ANALYSIS

Building a user friendly content creation tool isn’t an easy ask, but it is something that has been done successfully before. Platforms including Anchor, Prompt Smart and Selvi, among others, all provided great sources of inspiration for building Giide Studio.

Anchor is a mobile and web based podcast recording tool. Giide is much more than a podcast, but the podcast style audio portion of a Giide is as important a piece as any. Anchor allows its users to easily record, edit and publish their podcast. These are capabilities that would need to be a part of Giide Studio for it to be a success.

Prompt Smart and Selvi are great examples of a well designed mobile teleprompter. To make the Giide content creation process as seamless as possible, research showed that teleprompter capabilities were one of a few key features.

Personas

Three lite personas were created for version 1 of Giide Studio. These personas will be fleshed out further as the project progresses but were kept simple due to the short turnaround time for version 1.

Persona 1 is an Internal Giide Team Member who creates robust Giides with less frequency for an internal audience.

Persona 2 is an External Power User who creates Giides on a daily or weekly basis. Their goals and problems are unique and they are excited to share Giide with other members of their team.

Persona 3 is a B2B Client who may build large Giides that live in their company’s materials for years or who build smaller Giides for single use purposes. Examples include: rebuilding on-boarding materials and creating daily updates for remote employees.

Stakeholder Interviews

Interviews were conducted with 6 key stakeholders to determine must haves from an internal perspective. These interviews made a large impact on the design of Giide Studio. Some of the biggest feature ideas to come out of these interviews were the need for a teleprompter style recording screen, a seamless handoff from web to mobile when creating content and having a well defined editing and approval process.

User Journeys

With the competitive analysis, definition of the 3 personas and the completion of stakeholder interviews, User Joruney mapping began. Potential User Journeys for a new and for a returning user are shown below.

Wireframes

Once User Journeys were mapped, white-boarding of potential solutions began. A few whiteboard sketches and wireframes are shown below.

Mockups

Research, interviews and testing all led to the high fidelity solution shown below. A fully capable, web and mobile content creation tool.

Next Steps

Numerous features couldn’t make it into the Giide Studio MVP. Over time, the following additions would add value to the Giide Studio experience:

1. A Feed content recommendation tool and a learn more about a subject capability

2. Expanded Dashboard view showing section progress for partially built Giides, analytics for live Giides

3. Recommendations for places to record a Giide and

4. Tips for how to speak, annunciate, pause and breathe while recording

5. Teleprompter that moves at the speed you’re speaking

6. Upload scripts from GDrive

7. Highlighting/underlining script capabilities

8. Multi-user editing, collaborative editing

9. Editable text color and margin size for mobile teleprompter

10. Ability to turn caps lock and orientation lock on and off