Spotlight
A platform for readers to share and discover value through highlights.
DATE
Aug. 2018
FOCUS
User Stories
IA & Userflow
UX Strategy
Interface Design
Introduction
This project unfolded as a part of my third year's UX module.
After brainstorming a few ideas for a new mobile application, one finally stood out to us.
​
We visualized an app that allows readers to highlight and share those certain lines that they find truly valuable while reading an article online.
Defining the Vision & Mission
The next step forward was to iteratively define our vision and mission statement. Our goal was to articulate something that was just as open-ended as it was defined.
​
To achieve this, we worked our way up the Golden Circle.
WHY
For expression
HOW
Sharing highlights
WHAT
Readers' platform
Derived Statement
— To add a new layer of expression to the experience of reading by creating a platform for readers to share selected excerpts on and to discover value through the shared selections of other readers.
User Research
To create a thoughtful experience, we had to first identify our users. We crafted a fairly open-ended survey and deployed it on social groups.
​
Here are some of the questions that we asked -
​
-
What kind of environment do you usually read in?
-
Why does the above-selected environment work out for you?
-
What motivates you to read?
Identifying the User Profiles
We identified two most common user profiles: The Screen Reader and The Paper Reader.
​
The Screen Reader
The Paper Reader
Tangible Insights
The insights that we got from our scenarios helped us to strategize further. We translated them to almost every next-step of the process.
​
UX Strategy
It was clear to us that the platform should be "content-first" and "social-second". We had to prioritize content over responses, highlights over names, and curation over feed.
​
UI Strategy
Our primary users prefer a certain environment for reading. The interface had to resonate that calm, comforting and non-disruptive environment.
​
Brand Strategy
The brand had to align itself in a way that would encourage meaningful highlight sharing. So it was mindful at its core, expressive on the inside, and inviting on the outside.
-
Brainstorming on a whiteboard is quite fun.
​
-
Start with 'why', 'how', and 'what'.
​
-
Ask open-ended questions, receive unexpected value.
​
-
Facebook groups can blast your survey's reach.
​
-
Visual consistency is just a step away from 'boring'.
​​
-
Keep your notes away from apple juice.
Userflow
To create the userflows, we focused on our UX strategy. Fetching valuable highlights for the reader came first, whereas navigation to their public profile came last.
​
Task 1 - To share a highlight
The userflow will typically initiate when the user makes a text selection on their browser, hits 'share', and then selects 'Spotlight' from the app drawer.
​
Task 2- To discover a highlight
The userflow will initiate at the 'Home' Screen which curates highlights based on the user's interests, followings, and recent engagements.
USERFLOW
Designing the Interface
Next step was to wireframe almost 15-16 screens. We went with a good old pencil and paper for this one.
After getting the wireframes right, we moved on to the UI of the application. Our focus was to make good readable typography an integral part of our interface.