Loretta Balogun
Royal NacMorse code training tool
group university project | client based | September 2018 | UX,UI, UXR |
Problem Space
We met with the client to see their current program and highlighted some factors that could be improved. The client addressed they wanted an application that was quick and more fun for users to learn Morse Code as their current program was very slow and outdated.
The Solution
The client had requested for the application to be split into two with a training mode and testing mode for users to develop and expand their knowledge on Morse Code.
An application that is quick and more fun for users to learn Morse Code with a training mode and testing mode for users to develop and expand their knowledge on Morse Code.
Brief Outline
For a university group project, we were assigned with a live client. The Client (Royal Navy).
Royal Navy requested for a web training application that teaches Morse Code to sailors. This project was completed with group of 4 that was anonymously formed together..
The application is to be split into two with a training mode and testing mode for users to develop and expand their knowledge on Morse Code.
The Process
My role as the Researcher and Designer was to create the UI Design for the mobile and web versions of the training app.
Basic Understandings
Morse Code knowledge was insufficant and it was important for me to have some understanding to avoid weakening the success rate of the project. I researched fundamental information on Morse Code as well as existing products related to Morse Code Training to gain inspiration.
Google Experiment
A highlighted example that was popular amongst the group was the Google Experiment that supports Morse Code Training for assessable communications. We used Google Experiment as the main source of inspiration and decided on creating flat designs with a sans serif font for boldness and readability.
Minimalism
We decided to take a “minimalistic meets modern” design approach so that the main focus on the application was the functionality. I decided on a flat design with monochromatic colour schemes and with the clients branded colours to support this minimalistic approach as well as supporting its brand identity. Add-ons included the rounded buttons
Feedback
Multiple UI designs were created to determine how exactly the usability and functionality of the application would work out. During a feedback session, we decided to improve the usability on the web application by adding difficulty levels for tests which adjusts the flash speed of the code for the test
Post Feedback Action
We decided to create our own learning stage that followed alongside how the client’s current system appeared which had characters split into groups from easiest to hardest and users would need to complete one stage before unlocking another.