High Fidelity Prototype 

Based on all testings, I eliminated the most common navigational problems and fixed visual confusions. I came up with this new interface design for classroom service system which is totally different from the original design. Now, the new design is clear, consistent, simple and functional. 



I did this project during the first interaction design class I took in University of Washington. We were asked to individually design the interface of any existing interactive system. From my observation, I found that it was always a headache problem for professors especially elder generations to use the classroom service control system because of its poor visual communication design. 

Classroom service is an important assistant digital system tool for professors in big lectures halls to control lighting, microphone, projector and so on. Sometimes the professor get confused and the system can'y undertake their wrong orders so it causes a waste of time for both professors and students. 

I began to redesign the interface by studying the old system, used it myself and interviewed my professor. Then, I began to make low fidelity prototype to test it with my classmates. Finally, as a result, I made the high fidelity prototype. This was my first time making prototype. My new design is simple, fun and well-considered of functions by combining digital and physical controls. 


Original System Interface 

The original system has complex interface and hard to navigate. All the functions are disorganized and randomly displayed on the screen with inconsistent icons and poorly designed layouts. It doesn't have visual hierarchy so it's making simple features complicated. 


Low Fidelity Prototype 

After analyzing the problems and the tasks of the old system, I made the low fidelity prototype to test out the both the visual arrangements and the navigation system. My classmates and professor used my prototype to fulfill the tasks while I was observing them and taking notes of their feedbacks. 


In my low fidelity prototype, there are some extra pieces didn't benefit users like the navigation from homepage to main page. Also, the visual design of lighting could mapping the layouts of classroom and volume could be more clear so users won't be confused about the color.