heeseochun
스크린샷 2018-11-19 오전 5.25.06.png

Typemoji

Typemoji is a generative typographic system based on speech recognition. The concept is developed through research and analysis of already existing social media platforms, and finally delivered through motion graphics. 

category
motion design
UX/UI research

duration
4 weeks

context
My partner and I were to create time-based motion graphics design piece about the intervention that we wished to add on to the existing social media platforms.

collaborator  
Faith Kim

 

analyzation

We started off with researching and analyzing about the history, use, function, and problems about the three existing social media platforms of our choice. We dissected Facebook, Instagram, and Snapchat, focusing on the different means of communication each platform offers. 

The most crucial part that we noticed then and eventually tried to address through our piece was that all of those social media platforms try to offer different options for people beyond mere text and images to convey their emotions (ex. like buttons, stickers, emojis, gifs). However, we found all of them somehow either functionally or conceptually lacking, not only because a lot of them were often confusing and misleading, but also since none of them were fully effective in getting across a clear yet engaging message. 

 

intervention
(concept development)

IMG_3018.JPG
 

There we came up with the concept of Typemoji, a generative typographic system based on speech recognition technology. The system would read the tone, expression, pace, and fluctuation of the user's voice and then translate that into expressive typography. The user would be able to manipulate and customize the generated type so that it best reflect what they intended the word, phrase, sentence, or even a paragraph to feel like. 

 

storyboarding

IMG_3410.JPG
스크린샷 2018-02-20 오전 1.56.16.png
스크린샷 2018-02-20 오전 2.00.01.png
 

deliverable

In contrary to the concept we are presenting which is based on modern technology, we used a visual style for the first half of the video that emulates early desktop interface. The decision was made because since we are navigating through histories of something that has become so universal such as Facebook or emoji, so it made sense that we went back to something traditional. We also wanted to communicate that existing methods of communications are growing old and dull through not using any color until we introduce Typemoji.

The dramatic contrast between the rather analytical first half of the video and experimental second half is I think the most impactful aspect of this video and communicates our idea effectively.