--- title: Sticky notes and a mobile first approach description: As the number of Juju users has been rapidly increasing over the past year, so has the number of new solutions in the form of charms and bundles. To help users assess and choose solutions we felt it would be useful to improve the visual presentation of charm and bundle details on manage.jujucharms.com. While we […] url: https://canonical.com/blog/sticky-notes-and-a-mobile-first-approach?format=md --- 1. [Blog](https://canonical.com/blog) 2. Article --- [Carla Berkers](https://canonical.com/blog/author/carla-berkers "More about Carla Berkers") 20 May 2014 # Sticky notes and a mobile first approach [Design](https://canonical.com/blog/tag/design) --- Share the article As the number of [Juju](http://juju.ubuntu.com "Ubuntu Juju") users has been rapidly increasing over the past year, so has the number of new solutions in the form of charms and bundles. To help users assess and choose solutions we felt it would be useful to improve the visual presentation of charm and bundle details on [manage.jujucharms.com](http://manage.jujucharms.com/ "manage Juju charms"). While we were in [Las Vegas](http://design.canonical.com/2014/05/what-happens-in-vegas-doesnt-always-stay-in-vegas/ "What happens in Vegas doesn’t always stay in Vegas…"), we took advantage of the opportunity to work with the Juju developers and solutions team to find out how they find and use existing [charms and bundles](https://insights.ubuntu.com/2014/03/17/juju-bundles-and-quickstart-create-an-entire-cloud-environment-in-seconds/ "Juju bundles and Quickstart: create a cloud environment in seconds | Ubuntu Insights") in their own deployments. Together we evaluated the existing browsing experience in the Juju GUI and went through JSON-files line by line to understand what information we hold on charms. *We used post-its to capture every piece of information that the database holds about a bundle or charm that is submitted to charmworld.* We created small screen wireframes first to really focus on the most important content and how it could potentially be displayed in a linear way. After showing the wireframes to a couple more people we used our guidelines to create mobile designs that we can scale out to tablet and desktop. *With the grouped and prioritised information in mind we created the first draft of the wireframes.* In order to verify and test our designs, we made them modular. Over time it will be easy to move content around if we want to test if another priority works better for a certain solution. The mobile-first approach is a great tool for making sense of complex information and forced us to prioritise the content around user’s needs. *First version designs.* [Get in touch Interested in running Ubuntu in your organization?](https://ubuntu.com/about/contact-us/form) ## Sign up for our newsletter Get the latest Canonical news and updates in your inbox. Work email: \*I agree to receive information about Canonical's products and services. By submitting this form, I confirm that I have read and agree to [Canonical's Privacy Policy](https://canonical.com/legal/dataprivacy). Sign up ## Share on --- ## Related posts [### Challenges designers face in open source (and how to fix them)](https://canonical.com/blog/challenges-designers-face-in-open-source-and-how-to-fix-them) Open source powers up to 90% of modern software, yet many projects lack usability. Canonical’s Design team surveyed 115 cross-functional professionals to uncover the 4 core... [Kola Ojoodide](https://canonical.com/blog/author/kola-ojoodide) 26 June 2026 [### Why web engineering is great](https://canonical.com/blog/why-web-engineering-is-great) Hi, I’m Johann! I’m an engineering manager in Canonical’s web team. For the larger part of my 15 years of work experience as engineer, I’ve been working in web development.... [Johann Wolf](https://canonical.com/blog/author/johannwolf) 27 April 2026 [### Canonical’s recipe for High Performance Computing](https://canonical.com/blog/canonicals-recipe-for-high-performance-computing) In essence, High Performance Computing (HPC) is quite simple. Speed and scale. In practice, the concept is quite complex and hard to achieve. It is not dissimilar to what... [Igor Ljubuncic](https://canonical.com/blog/author/igorljubuncic) 24 January 2024 [### Web team – hack week 2023](https://canonical.com/blog/web-team-hack-week-2023) Today, around 96% of software projects utilize open source in some way. The web team here at Canonical is passionate about Open source. We lead with an open-by-default approach... [Anthony Dillon](https://canonical.com/blog/author/ya-bo-ng) 25 October 2023