The Brief
A file management application that saves you time during the delivery process of online banner advertisement through sophisticated data driven strategies across desktop, tablet and mobile devices.
Share creative work from designers with campaign managers whilst ensuring the quality and assurance of your adverts are fully tested to guarantee the successful delivery of campaigns.
The Process
Based on @chriskobar UX design process we developed the solution in an agile manner while applying lean UX principles to a multi-phase, interactive design solution. Using data insights and user and stakeholder feedback ensured the solution we designed was balanced between user and business needs. We were also able to ensure that we worked within the operational and technical boundaries of the business.
Research
Understanding our users and how they use the existing interface was paramount in the initial discovery phase of the project. By immersing ourselves in our users shoes allowed us to understand their needs and pain points. It also gave us the opportunity to prototype solutions with them whilst gaining their feedback throughout the project lifecycle.
Personas
After extensive user research it was apparent that several types of personas exist, the main user is the designer, they predominantly use the app for uploading and managing their ads.
In the main the majority of users whom use the system on a daily basis appear to be the most satisfied, they also appear to like decision trees, instant ads, uploading videos and Flashtalking staff and their level of support that is provided.
Our research also showed that dissatisfied users only use the system for single tasks on an occasional basis and don't find the system intuitive or in favour the design / style.
User Journey Map
During the initial stages of the project we used a journey mapping process to help identify an holistic view of the current user experience. This technique allowed us to identify users feelings towards the existing interface, and what their main frustrations were. It also gave us the opportunity to understand how we could improve the product and what features required prioritisation so they aligned with both user and business goals.
User Flow
To outline how content is labeled and categorised and where information will feature within the interface we developed the above user flow chart. By mapping out the full information architecture of the interface simplified complex workflow scenarios. This also helped stakeholders and other parts of the business understand what the design and technical implications were in supporting our users needs.
Style Guide
The brand palette sets the tone for individual Flashtalking products. UI elements are differentiated by the secondary and tertiary colours to emphasise a change in state. Brand colours are always set to 100% with UI colours being 90% and 50%.
