︎ Yi Tung Wang

About      ︎    ︎








Myle

A TV remote controller app for cable channels.






INSTRUCTOR
Hoshi Ludwig
Tomoko Yates


ROLE
UX research,
UX Design, UI design



TOOL
Sketch, Principle,
Adobe Illustrator,
and After Effects.



Design Prompt


︎︎︎“Design a TV Remote APP”




Resarch


I started with researching which demographic spends the most time watching TV. Throughout the research, I’ve found out that adults who are 65 and older spend more than 50 hours a week watching cable TV on average in the United States. However, traditional TV remote controllers have too many unnecessary buttons on them that makes it difficult for many of the elders.





Background 


My grandparents love watching TV and they spend lots of time watching TV. While I was watching my grandparents use the TV remote controller, I recognized that those controllers were not very user friendly towards them. At that moment I thought to myself, “If there is a way I can incorporate the design skills I learned to help my grandparents, they would probably give me gifts, as well as great compliments.”







Problem


There are too many buttons on the traditional Cable TV remote controllers, which enhances the difficulty and complexity for people to recognize all the functions of every button, especially for elders.

︎︎︎Easy to lose, and mix up with other controllers
︎︎︎Too much buttons
︎︎︎Buttons are too small, can’t really see them









Solution


I designed a TV remote controller app that eliminates all unnecessary functions and buttons that are not used frequently to make a seamless process. By utilizing normal gestures that people use with their phone, such as widening their thumb and pointing finger vertically to control volume or double tapping the panels to switch channels, I was able to create an app that works well both efficiently and easily. 








Problem

︎Too many buttons



︎ Buttons too small, can’t really see it




︎ Easy to lose, and mix up with other controllers 



Solution

 ︎︎︎ Eliminates all functions and buttons that do not use frenquently.


 ︎︎︎ Utilized the gestures of how people reacts to the phone screen, which can helps reduces the time learning and finding the exact buttons they looking for.


︎︎︎ By using the phone app as the TV remote controller, it will reduces the numbers of the controllers at home. Even if they loses their phone, it can be found through ringing the phone. 



Goal

How might we create a TV remote control that is user friendly towards elders?



  • Simpler
  • Concise
  • Easy to Use




Interview


“ I sometimes try to use the AC controller to turn on the TV.” 
“ I wish there is a way I can go back to watch the TV show again when I missed it.”





Behavior


I found out an interesting behavior during my research on how people watch TV:

While watching TV, people usually hold their TV controller in their hand
with fingers on the “next” button, and eyes on the TV.

This inspired me to incorporate more gestures using the app while
designing the UX for the app.









Gestures Behavior


I started to closely observe people around me, to see how they use their smart phones.













It’s difficult for people to reach the top of screen by using only one hand opposed to the bottom of screen. Therefore I thought it would be better to put the major function buttons at the bottom.






Persona


  • A 65+ Elders

  • Context: It’s another normal non-working day again. I don’t really have anything to do so I watch TV for 5 hours a day.

  • Motivation: The TV remote controllers in my house are too complicated, and there are too much buttons. I always press the wrong button.

  • Pain Points: I need an easier TV remote controller with less buttons.

  • Mental Model: Usually I get the news from TV, the newspaper or from my kids or grandkids. My kids will give me updates about the new up coming stuff that they think is useful for me.














Userflow









Visual System


︎︎︎ Color Choice: 
Black, White and Red

Black and white color choice, with a little taste of red, makes all the buttons
in the app have huge color contrast and makes it very easy to find.
Reduces any misunderstanding that can be caused by using gradiant color. 















Power Button

Press the screen for a while until the “turn off”
button shows up.










Volume Control

Adjusting the volume through finger pinch on the phone screen






Channel Control


Switch the channel through double tapping either the left or right panel on the screen or you could write down the number of the channel or the name of the show that you know in your mind you want to watch.



                                                                                                             
















Miss the show?


No worries!


There will be a data base set inside the app. You can always go back to the database and watch the show again whenever you  want.


























Pause / Play


Really want to use the restroom but the show was just about to get to the climax?
Just pause the show, even when it’s on live.








Didn't see or hear that sentence clearly?


You can always go back a little bit to hear that sentence again by adjusting the bar. Or you can press the “10” button in the corner to go back 10 seconds.




General Settings

Do you feel the icon is a little too small for you?
Go in to the size adjustment section. By dragging up the circle icon you are able to adjust the icon size of the APP.




**This is a school project that I worked on during my senior year.





Mark LOREM IPSUM