DPAC

User Interface

LCD home screen showing the most important information

Designing the user interface turned out to be a bigger challenge than we initially expected. It became clear that this system we had developed would be useless without an easy to use front-end interface to access everything. We carefully thought out the software architecture, separating the system into button and lcd interfaces, and a UI class to handle the menu structuring. The end result came out fantastic, both reliable, and very easy to modify. This would let us later focus on tweaking the user experience, without spending considerable time modifying code to do each adjustment.

We provided the user with a main home screen filled with all the most important information and tasks. This included the next alarm time and type, currently playing media, weather, temperature, current time in an extra large font, and buttons to force a manual sync to the web and adjust volume. Diving into the menus we created hierarchies to control audio, manage the alarm, control X10, and change system settings such as display brightness.

We also found a neat program called Bitmap2LCD, which let us draw larger graphics and have them be converted to hex streams, saving us considerable time. Albeit very buggy, it got the job done. The iPod control screen with a graphic designed in the software is shown below. The enclosure has four physical buttons below the LCD, corresponding with the bottom tabs.

iPod Control menu

Written by egaertner

March 12th, 2010 at 8:16 pm

Posted in Worklog

Leave a Reply