Loading...

UBUNTU OS APPLICATION DESIGN

Canonical (Ubuntu’s agency) were in the process for integrating their popular desktop OS which is currently used by millions globally on mobile and tablet devices . I was initially working a series of 6 applications (Clock, Browser, Messaging, Dialler & Music Apps ). My role was to help create a new visual language , work with ui toolkits & interactions. The work had won multiple awards and has been featured in BBC, TechCrunch, Engadget, Ars Tecnica & ZDNet amongst others. You can scroll down below to see a design breakdown of each of the applications.

BROWSER APPLICATION UI PRODUCT DESIGN

Working on a browser application for the mobile proved to be quite exciting and challenging at the same time. The most challenging feature for the browser was the history view and tab switching modes. I worked on a gesture which allowed the user to access both the open tabs and the history in the same interaction. Scroll down to see more info.

BROWSER APP UI/UX MOTION DESIGN

CLOCK APPLICATION

Working on the clock app involved a lot of important features such as changing time zones, switching between analog and digital time, setting the alarm and night mode. Keeping the user interface patterns consistent with the other family applications was key into achieving a great user experience in the OS.

CLOCK APP UI/UX MOTION DESIGN

DIALLER APPLICATION

The dialler app shown below was a big part in the os. The bottom edge pattern also allowed the use of accessing your recent calls / missed calls which you could then edit by removing or adding as contact etc..

DIALLER APP UI/UX MOTION DESIGN

MESSAGING APPLICATION

Below you can see the messaging application, this app was made to look similar to the dialler app as shown above as its from a similar family. . One of the most challenging parts for the messaging app was the switching between header modes (including the use of switching sim cards).  There is a different function for the bottom edge, this allows you to write a new message to a new/ existing contact as shown in the visual below.