![Curvy white building](https://framerusercontent.com/images/OPGVsBErTAqVdd8Uet4aDt6Q.png?scale-down-to=4096)
Emphasis
/
![Curvy white building](https://framerusercontent.com/images/OPGVsBErTAqVdd8Uet4aDt6Q.png?scale-down-to=4096)
Emphasis
/
![Curvy white building](https://framerusercontent.com/images/OPGVsBErTAqVdd8Uet4aDt6Q.png?scale-down-to=4096)
Emphasis
/
A consolidated highlights platform
Team
Individual Project
Contribution
UX Design & Research
Timeline
3 weeks
Context
People make highlights from readings for various reasons, such as to retain important information, to revisit key points later, or to share insights with others.
![](https://framerusercontent.com/images/5s56i6CphEjQVLqp1TE7wzUzM.png)
Problem
Readers use highlighting to draw attention to important information in a text to refer later. However, with multiple platforms used for reading, these highlights often get lost.
![](https://framerusercontent.com/images/g6K5aCdETgxZg0ArkLSawmz4q1M.png)
but, why should we revisit highlights in the first place?
![](https://framerusercontent.com/images/lB6C0CpShRUOoKg8hqcxTD3twD4.png)
Research
I wanted to understand how avid readers manage and revisit important parts of what they read, and the challenges they face while doing so I conducted interviews with six individuals who read at least one book or article per month.
![](https://framerusercontent.com/images/gLT4yvQUSliPB0F0ym5wkxwPiPQ.png)
Through these conversations I synthesized the following user paint points
![](https://framerusercontent.com/images/ifkVx1RuzBdyz8hLOdgRNHomT7E.png)
and the key takeaways from Market Research were
![](https://framerusercontent.com/images/gJXVw0byxTxVPT5BsfefTrQzxA.png)
Target audience
![](https://framerusercontent.com/images/bO9kE6p1Bh2wogHtHLhQ4zHNTB4.png)
![](https://framerusercontent.com/images/lyOgCzaMUsG6RMxnIbv7eSbncI.png)
![](https://framerusercontent.com/images/Znw5AwG1F18nm2ktW1OnetPlGk.png)
![](https://framerusercontent.com/images/HKeN2n3WDjAX4em7KYqtZ7K78JM.png)
So, let's help readers like Lisa!
![](https://framerusercontent.com/images/xCbhxwcUilEkGuWg8GzfiJqvA.png)
Prioritizing features based on their impact on user satisfaction and delight
The UX of Emphasis is based on the Kano model, categorizing user preferences into five categories: basic, performance, excitement, indifferent, and reverse. The high level characterization for Emphasis is based on user expectations and how to exceed them:
![](https://framerusercontent.com/images/4jjZoktaR2XyKaoFx3dmEAjJciE.png)
Expected features
![](https://framerusercontent.com/images/tJtKWEGWkm07RUUnjtpp0Fgeo.png)
Features for delight
![](https://framerusercontent.com/images/Q7HFTwIXl10iSaQKfAh8A4AKZM.png)
Early explorations
To ensure a readable and usable experience, I first sketched out the essential screens that users would need to access their highlights. Following that, I proceeded with creating wireframes for early testing.
![](https://framerusercontent.com/images/lTVtUB0vNlKkcyEaW0GBxvl0i8.png)
Iterations based on user testing
Based on early user testing, one of the main insights was the importance of being able to filter highlights according to customized topics or moods.
![](https://framerusercontent.com/images/ZV9IyKzYHSHAIvP3OGAUeaOE.png?scale-down-to=4096)
Interaction Design Principles
![](https://framerusercontent.com/images/vcuceY7H9qF8e1K514j0iDZuIg4.png)
Final prototypes
Onboarding
I aimed to create a fast, effortless, and enjoyable onboarding process. The wording used is meant to enhance predictability. If given more time, I would investigate simpler methods for logging in and linking reading accounts.
Filter by mood/custom tag
Users have the ability to sort their highlights using custom tags or default tags that they assign. To improve accessibility, with more time, I would investigate an option to scroll through different tags at the bottom of the screen.
View context of each highlight
To view the context of a highlight in the book, the user can simply perform a long press on it. My research had shown that readers often need to see the context to fully understand the highlight.
Monetization model
Initially, the plan is to monetize through a subscription model. However, I will further explore other options to reward and monetize as time goes on.
Establishing the brand identity for Emphasis
Building a recognizable & memorable logo
![](https://framerusercontent.com/images/YLXSqWUJTtGeMo7qDz9TgrpGAUo.png)
Choosing typography for readability and clarity
![](https://framerusercontent.com/images/IBaAIgaUUYVSvw4hcGbkaxtE.png)
Testing the scalability of Emphasis brand identity
![](https://framerusercontent.com/images/h9LlWnLnO9ZlH03t1BKTzOxiszc.png)
![](https://framerusercontent.com/images/KqwNjw59xmzkBZpWUK0KadojJ0.png)
![](https://framerusercontent.com/images/0ymDYlpQab1qsxuNTsBltmuILnM.png?scale-down-to=4096)
Learnings & Reflections
![](https://framerusercontent.com/images/G1oYAYZ67Vweu1DPDILPQ5A9gu8.png)
and now..
![](https://framerusercontent.com/images/6u4XooB11tz5KLAsETQXBUtRBg.png)
If you reached the end of the case study, I would love to hear your thoughts, feedback or just anything you'd like to share!
Please feel free to reach out at gunjan.ux@gmail.com 😁
A consolidated highlights platform
Team
Individual Project
Contribution
UX Design & Research
Timeline
3 weeks
Context
People make highlights from readings for various reasons, such as to retain important information, to revisit key points later, or to share insights with others.
![](https://framerusercontent.com/images/5s56i6CphEjQVLqp1TE7wzUzM.png)
Problem
Readers use highlighting to draw attention to important information in a text to refer later. However, with multiple platforms used for reading, these highlights often get lost.
![](https://framerusercontent.com/images/g6K5aCdETgxZg0ArkLSawmz4q1M.png)
but, why should we revisit highlights in the first place?
![](https://framerusercontent.com/images/lB6C0CpShRUOoKg8hqcxTD3twD4.png)
Research
I wanted to understand how avid readers manage and revisit important parts of what they read, and the challenges they face while doing so I conducted interviews with six individuals who read at least one book or article per month.
![](https://framerusercontent.com/images/gLT4yvQUSliPB0F0ym5wkxwPiPQ.png)
Through these conversations I synthesized the following user paint points
![](https://framerusercontent.com/images/ifkVx1RuzBdyz8hLOdgRNHomT7E.png)
and the key takeaways from Market Research were
![](https://framerusercontent.com/images/gJXVw0byxTxVPT5BsfefTrQzxA.png)
Target audience
![](https://framerusercontent.com/images/bO9kE6p1Bh2wogHtHLhQ4zHNTB4.png)
![](https://framerusercontent.com/images/lyOgCzaMUsG6RMxnIbv7eSbncI.png)
![](https://framerusercontent.com/images/Znw5AwG1F18nm2ktW1OnetPlGk.png)
![](https://framerusercontent.com/images/HKeN2n3WDjAX4em7KYqtZ7K78JM.png)
So, let's help readers like Lisa!
![](https://framerusercontent.com/images/xCbhxwcUilEkGuWg8GzfiJqvA.png)
Prioritizing features based on their impact on user satisfaction and delight
The UX of Emphasis is based on the Kano model, categorizing user preferences into five categories: basic, performance, excitement, indifferent, and reverse. The high level characterization for Emphasis is based on user expectations and how to exceed them:
![](https://framerusercontent.com/images/4jjZoktaR2XyKaoFx3dmEAjJciE.png)
Expected features
![](https://framerusercontent.com/images/tJtKWEGWkm07RUUnjtpp0Fgeo.png)
Features for delight
![](https://framerusercontent.com/images/Q7HFTwIXl10iSaQKfAh8A4AKZM.png)
Early explorations
To ensure a readable and usable experience, I first sketched out the essential screens that users would need to access their highlights. Following that, I proceeded with creating wireframes for early testing.
![](https://framerusercontent.com/images/lTVtUB0vNlKkcyEaW0GBxvl0i8.png)
Iterations based on user testing
Based on early user testing, one of the main insights was the importance of being able to filter highlights according to customized topics or moods.
![](https://framerusercontent.com/images/ZV9IyKzYHSHAIvP3OGAUeaOE.png?scale-down-to=4096)
Interaction Design Principles
![](https://framerusercontent.com/images/vcuceY7H9qF8e1K514j0iDZuIg4.png)
Final prototypes
Onboarding
I aimed to create a fast, effortless, and enjoyable onboarding process. The wording used is meant to enhance predictability. If given more time, I would investigate simpler methods for logging in and linking reading accounts.
Filter by mood/custom tag
Users have the ability to sort their highlights using custom tags or default tags that they assign. To improve accessibility, with more time, I would investigate an option to scroll through different tags at the bottom of the screen.
View context of each highlight
To view the context of a highlight in the book, the user can simply perform a long press on it. My research had shown that readers often need to see the context to fully understand the highlight.
Monetization model
Initially, the plan is to monetize through a subscription model. However, I will further explore other options to reward and monetize as time goes on.
Establishing the brand identity for Emphasis
Building a recognizable & memorable logo
![](https://framerusercontent.com/images/YLXSqWUJTtGeMo7qDz9TgrpGAUo.png)
Choosing typography for readability and clarity
![](https://framerusercontent.com/images/IBaAIgaUUYVSvw4hcGbkaxtE.png)
Testing the scalability of Emphasis brand identity
![](https://framerusercontent.com/images/h9LlWnLnO9ZlH03t1BKTzOxiszc.png)
![](https://framerusercontent.com/images/KqwNjw59xmzkBZpWUK0KadojJ0.png)
![](https://framerusercontent.com/images/0ymDYlpQab1qsxuNTsBltmuILnM.png?scale-down-to=4096)
Learnings & Reflections
![](https://framerusercontent.com/images/G1oYAYZ67Vweu1DPDILPQ5A9gu8.png)
and now..
![](https://framerusercontent.com/images/6u4XooB11tz5KLAsETQXBUtRBg.png)
If you reached the end of the case study, I would love to hear your thoughts, feedback or just anything you'd like to share!
Please feel free to reach out at gunjan.ux@gmail.com 😁
A consolidated highlights platform
Team
Individual Project
Contribution
UX Design & Research
Timeline
3 weeks
Context
People make highlights from readings for various reasons, such as to retain important information, to revisit key points later, or to share insights with others.
![](https://framerusercontent.com/images/5s56i6CphEjQVLqp1TE7wzUzM.png)
Problem
Readers use highlighting to draw attention to important information in a text to refer later. However, with multiple platforms used for reading, these highlights often get lost.
![](https://framerusercontent.com/images/g6K5aCdETgxZg0ArkLSawmz4q1M.png)
but, why should we revisit highlights in the first place?
![](https://framerusercontent.com/images/lB6C0CpShRUOoKg8hqcxTD3twD4.png)
Research
I wanted to understand how avid readers manage and revisit important parts of what they read, and the challenges they face while doing so I conducted interviews with six individuals who read at least one book or article per month.
![](https://framerusercontent.com/images/gLT4yvQUSliPB0F0ym5wkxwPiPQ.png)
Through these conversations I synthesized the following user paint points
![](https://framerusercontent.com/images/ifkVx1RuzBdyz8hLOdgRNHomT7E.png)
and the key takeaways from Market Research were
![](https://framerusercontent.com/images/gJXVw0byxTxVPT5BsfefTrQzxA.png)
Target audience
![](https://framerusercontent.com/images/bO9kE6p1Bh2wogHtHLhQ4zHNTB4.png)
![](https://framerusercontent.com/images/lyOgCzaMUsG6RMxnIbv7eSbncI.png)
![](https://framerusercontent.com/images/Znw5AwG1F18nm2ktW1OnetPlGk.png)
![](https://framerusercontent.com/images/HKeN2n3WDjAX4em7KYqtZ7K78JM.png)
So, let's help readers like Lisa!
![](https://framerusercontent.com/images/xCbhxwcUilEkGuWg8GzfiJqvA.png)
Prioritizing features based on their impact on user satisfaction and delight
The UX of Emphasis is based on the Kano model, categorizing user preferences into five categories: basic, performance, excitement, indifferent, and reverse. The high level characterization for Emphasis is based on user expectations and how to exceed them:
![](https://framerusercontent.com/images/4jjZoktaR2XyKaoFx3dmEAjJciE.png)
Expected features
![](https://framerusercontent.com/images/tJtKWEGWkm07RUUnjtpp0Fgeo.png)
Features for delight
![](https://framerusercontent.com/images/Q7HFTwIXl10iSaQKfAh8A4AKZM.png)
Early explorations
To ensure a readable and usable experience, I first sketched out the essential screens that users would need to access their highlights. Following that, I proceeded with creating wireframes for early testing.
![](https://framerusercontent.com/images/lTVtUB0vNlKkcyEaW0GBxvl0i8.png)
Iterations based on user testing
Based on early user testing, one of the main insights was the importance of being able to filter highlights according to customized topics or moods.
![](https://framerusercontent.com/images/ZV9IyKzYHSHAIvP3OGAUeaOE.png?scale-down-to=4096)
Interaction Design Principles
![](https://framerusercontent.com/images/vcuceY7H9qF8e1K514j0iDZuIg4.png)
Final prototypes
Onboarding
I aimed to create a fast, effortless, and enjoyable onboarding process. The wording used is meant to enhance predictability. If given more time, I would investigate simpler methods for logging in and linking reading accounts.
Filter by mood/custom tag
Users have the ability to sort their highlights using custom tags or default tags that they assign. To improve accessibility, with more time, I would investigate an option to scroll through different tags at the bottom of the screen.
View context of each highlight
To view the context of a highlight in the book, the user can simply perform a long press on it. My research had shown that readers often need to see the context to fully understand the highlight.
Monetization model
Initially, the plan is to monetize through a subscription model. However, I will further explore other options to reward and monetize as time goes on.
Establishing the brand identity for Emphasis
Building a recognizable & memorable logo
![](https://framerusercontent.com/images/YLXSqWUJTtGeMo7qDz9TgrpGAUo.png)
Choosing typography for readability and clarity
![](https://framerusercontent.com/images/IBaAIgaUUYVSvw4hcGbkaxtE.png)
Testing the scalability of Emphasis brand identity
![](https://framerusercontent.com/images/h9LlWnLnO9ZlH03t1BKTzOxiszc.png)
![](https://framerusercontent.com/images/KqwNjw59xmzkBZpWUK0KadojJ0.png)
![](https://framerusercontent.com/images/0ymDYlpQab1qsxuNTsBltmuILnM.png?scale-down-to=4096)
Learnings & Reflections
![](https://framerusercontent.com/images/G1oYAYZ67Vweu1DPDILPQ5A9gu8.png)
and now..
![](https://framerusercontent.com/images/6u4XooB11tz5KLAsETQXBUtRBg.png)
If you reached the end of the case study, I would love to hear your thoughts, feedback or just anything you'd like to share!
Please feel free to reach out at gunjan.ux@gmail.com 😁