top of page
Twitter is committed to providing an inclusive and enjoyable experience for all users. Currently, emojis, while popular for expressing emotions and reactions, pose challenges for users who rely on alt text and screen readers. The project aims to address this issue by introducing sound effects to enhance the user experience and challenge the existing interpretation of emojis for users with accessibility needs.


  • ​2 Designers


  • User research 

  • User experience design

  • UI/ Visual design

  • Usability testing


  • 3 months

Introduction - problem statement, and goal.jpg
  • To create a better way for people of all abilities to express themselves and communicate on twitter.

  • Use sound effects to enhance the fun of the user experience

  • To challenge the current interpretation that emojis convey when using alt text and screen readers.

Introduction - problem statement, and goal.jpg
Why Emojis
Emotional Expression:
Emojis provide a vivid way to express emotions and feelings, compensating for the limitations of plain text.

Visual Appeal:
Emojis enhance content readability and capture user attention, making user interfaces more visually engaging.

Simplicity and Speed:
Emojis simplify communication by conveying messages with a single symbol, especially valuable for efficient exchanges, particularly on mobile devices.

Cultural and Social Resonance:
Emojis serve as a universal language, facilitating communication across language and cultural barriers.
Emojis have introduced convenience and enjoyment to the general user base in online social interactions
Rectangle 1443.png
Pros and Cons: The Impact of Emojis on Accessibility for Visually Impaired Users

Enhanced Emotional Expression:
Emojis enrich emotional expression through a visual medium, allowing users to convey a broader range of emotions and feelings.

Assistive Descriptions:
aiding visually impaired users in understanding the meaning and context of emojis.
Facilitated Social Interaction:
Emojis are widely used in social media and communication apps, enabling visually impaired users to better engage in online social interactions and communicate with others.
Lack of Text Descriptions:
Certain emojis may lack clear text descriptions, making it difficult for visually impaired users to understand their specific meanings and leading to incomplete information.

Diversity and Consistency:
Emojis may appear differently on various platforms and devices, resulting in inconsistent interpretations and potential confusion for users.

Some applications and platforms offer a vast array of emoji options, which can be overwhelming for visually impaired users when making selections
Competitor Applications
Focusing: How does emoji works on the different apps in the room without adding computational stress to the application?
Competitior Applications.jpg
Rectangle 1443.png
Ellipse 48.png
Ellipse 48.png
Ellipse 48.png

Only a few apps can use emoji with sound effects

A limited number of emoji can be played with sound, and most of them appear in messages.

Lack ease of expression

Group 492.png
Group 462.png
Grimacing face.png
0 - Default.png
Group 481.jpg
Frame 487.jpg
Lily helped us decide how we want to prioritize making connections with peers.
Irene helped us understand how professionals use twitter for the lastest trends and technology. 
Introduction - problem statement, and goal.jpg
Rectangle 1443.png
Design Goal
  • Improved Accessibility:
    Enhance Twitter's accessibility for visually impaired individuals through alternative interpretations.


  • Enhanced User Expression:
    Enable all users, regardless of abilities, to express themselves more vividly using sound effects.

  • Challenging Emoji Interpretation:
    Innovatively address limitations in interpreting emojis with alt text and screen readers.

  • User Customization:
    Provide customization options for adjusting sound effect volume and frequency.

To enhance the Twitter emoji experience and improve the communication capabilities for users of all abilities by introducing sound effects.
How might we...
Increase the fun of Twitter users using emoji.png
Rearrange the size of emojis displayed in the app..png
Add _favorites_ to make personalized emojis.png
Rectangle 1443.png
Audio Emojis for better Communication.png
User Flow.jpg
Group 494.png
Group 22.png
Rectangle 1496.png
Group 21.png
Group 453.png
User Flow
Isometric Stickers Pencil.png
Group 457.png
Group 45712.png
emoji animation.jpg
Injects fun by introducing animations and vibration feedback, making emojis more lively. It provides users with a richer and more expressive way to communicate.
Group 443.png
Enhancing Enjoyment
-The emoji with sounds and vibration frequencies
-Work on all the tweets / messages/ reply tweets
Sound Effects & Emoji animation
animation work when user browse tweet.jpg
Increasing Convenience
In the existing Twitter app, there is no emoji option.
(The choice of emoji is based on the phone's system keyboard).
Adding the “emoji” and “favorite” icons, the users can choice emoji into their replies.
"Frequently used":
Quickly find frequently used emojis.
To simplify the editing process by offering users options for frequently used and favorited emojis, making it easier to find their preferred emojis. This saves time and effort.
choice emoji.jpg
Choose your Emoji
  • Users can choose emoji according to their preferences.
  • Four emoji in one column: clearer, know the specific details of emoji.
  • Save screen reading time of screen reader
high fide -reply tweet.jpg
Improving Accessibility
If users type one emoji it will be animated VS if there are multiple then it will not be animated
Notification Dialog:
The first time used emoji feature on twitter with the emoji animation introduction
To simplify content editing and enhance accessibility for all users, including those relying on assistive technologies
how to make own emoji.jpg
Boosting Personalization
Users can make 'personalized emoji' with their own voice
- Add sounds and vibration frequencies
Users can express themselves more personally by customizing individual emojis with features like voice recordings, vibration feedback, and animations. This highlights the unique personalities and emotions of users.
Customize the number of vibration feedback

As a UX designer, I've come to appreciate the paramount importance of user experience design. Our role extends beyond aesthetics and functionality to establish emotional connections with users while ensuring accessibility.


  • Emotional Resonance and Loyalty:

UX design goes beyond looks and features; it fosters emotional connections. Using sound and animations, we evoke emotional resonance, enhancing user loyalty.

  • Accessibility is Vital:

Focusing on visually impaired users, I've learned to seamlessly integrate accessibility features, making the product accessible to all.

  • Research is Key:

Comprehensive research is foundational. Understanding user needs and challenges guides design work to meet user expectations.

  • Continuous Improvement:

Project completion isn't the end. User feedback and accessibility testing drive ongoing improvement. I've learned to use feedback to enhance product quality and usability.

  • Accessibility Labels and Descriptions:
    Add clear text descriptions to every emoji for accurate understanding by screen reader users.

  • Configurability of Sound Effects:
    Provide configurable sound options, including volume and sound type, for user customization.
  • Customization of Vibration Feedback:
    Allow users to customize vibration feedback intensity and duration to meet their sensory needs.

  • User Training:
    Create educational resources, such as videos and documentation, to help users understand and utilize accessibility features.

  • User & Accessibility Testing and Feedback:
    Conduct accessibility testing for consistent usability across devices and platforms, and encourage user feedback for continuous improvement."

    This would also allow more personalized expression since visuals can be contextualized differently based on culture.
bottom of page