Ubuntu Typography
I conducted an in-depth audit and analysis into the use of typographic elements within the Ubuntu desktop environment. From this investigation I was able to provide recommendations intended to improve legibility throughout the Ubuntu family.The project provided the ground work for the graphical interface of Ubuntu Touch. A similar project conducted around icon use was undertaken with Reading University.
Responsibilities
– Research– Analysis
– Documentation
– Interface design
– Typographic structure
Product definition and research
A comprehensive audit of how typography is used throughout the Ubuntu desktop was conducted and each element within documented. This was the first project to examine Ubuntu desktop as a whole entity.
![](https://freight.cargo.site/t/original/i/8df1c09aeeaa7b7f8db021b8abf5f44483afe2b35375bf83e4dcdd12dfc8ea1f/uf_1_1_780.jpg)
![](https://freight.cargo.site/t/original/i/32a8800779d28f35ce71d67f6ea9653a4644ba2e8bf62f736d1847036a444e2f/uf_1_2_780.jpg)
![](https://freight.cargo.site/t/original/i/378a0da744bc6ca05fbe0e09d263d32258c647530746b55e66c8e6797ead11fd/uf_1_3_780.jpg)
The audit was supported by a map of the components within the desktop.
![](https://freight.cargo.site/t/original/i/377da5b5ff29fe1097c2d29691db9751d4419bd41522cdff1c0f49bd70878466/uf_map_1_780.jpg)
![](https://freight.cargo.site/t/original/i/1aa0179159c8d3dc9397b7a064b2df3aee9946da0e1e77b5d4196aed2aaf6af0/uf_map_2_780.jpg)
![](https://freight.cargo.site/t/original/i/4cbd11b229f034e731ada9f710a35e0d0b885288281d3afdcceee9d91531764c/uf_map_3_780.jpg)
Analysis
Each individual component was then analysed and documented to identify patterns and inconsistencies.![](https://freight.cargo.site/t/original/i/cea1d8f2d130d6f0598f8b42f3e38043da2dedc7ef37d8fa952299e397cbd4d7/uf_2_1_780.jpg)
![](https://freight.cargo.site/t/original/i/67e4640dd8d921ea1150d68ec79480fdeaa657c857efc6a024050e98f85fb706/uf_2_2_780.jpg)
Recommendation
From the outcomes of the first two steps, recommendations were made including an improved structure of key interface elements, clarification of font use patterns and a clear, simple font scale made through comprehensive documentation.![](https://freight.cargo.site/t/original/i/b06e0d9b0c93263232d80931e1a2b7164b612b19c107cd86bdb1bbfb9418bf83/uf_3_1_780.jpg)
![](https://freight.cargo.site/t/original/i/2e9f5af150b36cb10f4e2a8896bf38f73a59aa6e5e3b20dfe8ae1e6055e5fd67/uf_3_2_780.jpg)
![](https://freight.cargo.site/t/original/i/8c53ce0cfb629f29200e7eef59534d89fb11f65c13e37145c7ca2b538839080d/uf_3_3_780.jpg)
Role: | Art Direction, Typography |
Project: | Font use within Ubuntu Desktop |
Client: | Canonical |
Head of Brand & Visual Design: Marcus Haslam | |
User Experience Lead: Charline Poirier | |
Interaction Designer: Matthew Paul Thomas |