n UX design, few things are more intricate than time and personal time management — only a good arsenal of mobile design patterns and information architecture principles can save you. This is the story of redesigning the UX for a popular calendar tool on Android: Business Calendar. We’ll cover designing systems, interaction design problems, scaling across screens and platforms, research, and big business decisions and their outcomes.
Business Calendar started out as a side project, a one-man show, and is now run by a team of eight in Berlin. The app was very successful right from the time Android entered the mainstream market, and it now has an active user base of 2 million. But instead of modernizing the design and usability regularly, the developers focused on implementing user requests and customization options. Outdated design and new features stuffed in had made the app heavy and complex — full of features, hard to maintain for the team, hardly accessible for new users.
Knowing they needed a redesign but having few resources themselves, the team approached Opoloo to get design and interaction on the same level as the development. For the task, we delineated goals to attract new users and keep the existing user base satisfied:
- Improve user experience
Strip down and reorganize the user interface to revive the simple, fast, efficient work process of a productivity tool.
- Improve accessibility
Keep old users happy, lower the barriers for new ones.
- Incorporate task management
Integrate tools that users need every day to create more value.
- Apply modern design standards
Address the main criticism: “Could be prettier.”
- Extensive tablet support
Improve the tablet experience as a first step to ubiquity.
The hardest part of any mobile calendar’s interface is the density of information, with each little piece fighting for attention: grids, events, time indicators, text labels, colors and other elements to interact with, manipulate and customize. Finding the right balance is what makes for an accessible calendar UI. Below are a few tricks we pulled with the presentation of data (i.e. how pieces of information are consumed, searched for and compared).
Although an iconic and heavily used feature of Business Calendar, the favorite bar was barely accessible: It became too small and too crowded to use as the number of calendars grew. Our solution was to use Android’s black system bar as an optical trick: The favorite bar now feels much taller and easier to tap, due to the black-in-black design. Additionally, we improved touch targets, made visible and invisible states clearer, and implemented a scrolling pattern to house more calendars.
Throne is a wonderfully designed, visually attractive and appealing, dynamic and engaging, modern and technologically savvy, vibrant and colorful, aesthetically clean and minimalist, fresh-faced and accessible responsive WordPress minimal multipurpose theme, a sophisticated, elegant and refined theme that has been jam-packed with a series of powerful and impressive widgets, features and functions in order to enable Throne to effortlessly handle a wide range of website needs, but that has been kept extremely easy and intuitive to customize with potent and resourceful options available that empower webmasters of any skill level to produce extremely professional and polished websites that perfectly match their vision.
That is why Throne reigns supreme amongst creative WordPress themes, and it is an outstanding solution for all sorts of creative websites, from artists and photographers to musicians and performers, from illustrators to designers and many more—if you dabble in the creative fields and need a website that can properly allow for your self-expression to take place unhindered by hassling or distracting redundant elements, Throne’s refreshingly light user interface and visual language will sweep you off your feet. Built on a Bootstrap framework, Throne makes sure your carefully designed webpages are seamlessly displayed across all devices capable of accessing the internet.