My project is titled Bridge, it is an AI powered sign language interpreter, and this week I have applied the final touches to the product of this 7-week course. There were a lot of meaningful data gathered from the user testing session that happened in the past week.
I compiled the notes that I had from the user testing and made a list of requirements that I have to implement, mainly all of them relating to the UI of the program.
A summary of the changes that I did are seen below:
I was trying to find different ways in order to make it clear which parts are which. I was suddenly inspired by the layout of my messaging app. In there, it was easy to know who is speaking even if you are on a group chat. Since people didn’t understand which part was for who, I decided to use the design philosophy of messaging apps and made the theme of the software dialogue boxes. I believe it works well because it is mainly used for communication. So, I applied the following theme:
I made two dialogue boxes and aimed it at whoever was speaking:
The options button was causing a lot of the users some trouble as they were pointing their fingers inside of the box and not the intended way of above it. I wanted to find a compromise so that all options could work so, I raised the button to be above the video feed instead of being outside and below it.
In addition, the color changing of the previous prototype was not as clear as it was supposed to be. I figured out the problem was because I was already starting at a relatively colored box. So, I turned it into a neutral gray and now the changes are more obvious.
An important piece of advice that I got was to give the users the chance to delete the whole sentence instead of automatically doing it when the box is being full. Therefore, I designed and included a clear button. This was a bit hard to implement not because of its function but because I had to shift the conditions of the three boxes to the right.
