Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Browser London workflow

Browser London workflow

A generic overview of our agile design and development workflow process - explained for non-technical people.

Rene Morency

August 11, 2016

More Decks by Rene Morency

Other Decks in Technology


  1. An introduction to our agile design and development workflow. Workflow

  2. Discovery Alpha Beta Go-live Research Workshops Analysis Sketch Prototype Test

    Refactor Test Analysis Refactor QA Objectives Design IA Consultancy Agile design & development We work in four phases
  3. Discovery Research, influences, aesthetics and discussing your business objectives. •

    It’s suggested that before we proceed with the project we need to discuss the deliverables versus the cost and how varying levels of complexity will affect the cost - this will help ensure budget is spent where it’s most effective. digital products and services
  4. Discovery Data analysis, what can we learn from the existing

    data and users. • We investigate relationships and behaviours highlighted in the analytics, research data, surveys & questionnaires. 
 • We discuss barriers to entry and technology available prior to a kick-off meeting, during the initial kick-off meeting we’ll discuss and draw insights together which will influence the forthcoming workshops. Optimisation report
  5. Discovery User research and involvement, what can we learn from

    existing users. • We meet, discuss and draw insights from both stakeholders and users during a series of focus group workshops. These workshops help to solidify the business and user objectives that can be used to compose user stories, user journeys and influence the information architecture. “I'd work with René again because of his deep understanding of and commitment to Agile methodology, his depth of knowledge of web design and his tenacity in ensuring that the project team maintains focused on what's best for the project. René and the Browser London team delivered.” Alex Pardoe, University College London, August 10, 2015
  6. Discovery Our existing knowledge in designing and building digital products

    and services. • We’ve been developing digital products for over seven years now, during that time we’ve learnt a lot about users and their expectations. This valuable knowledge will be brought through to your project so you too can benefit from all of the research and development undertaken so far.
  7. Internal staff Manager user Discovery Persona development and user story

    creation, understanding who we’re designing for and why. • Using research and workshop data we map out personas together with you. Who, why, what and how are the main focus of this exercise. Personas are used throughout the project for identifying and sense checking against development tasks. 
 • We look at creating high level user stories that assist with mapping user journeys. It’s important at this stage to measure user needs against business objectives and prioritise accordingly.
  8. Discovery Mapping user journeys and exploring how users can interact

    with your product or service. • Using our research data, personas and high-level user stories we use various tools and methods to map user journeys - all with the focus on what a user needs to do and why (their objectives). This process often works in conjunction with re-engineering the information architecture. Related content Contact Explore digital
  9. Discovery Engineering the information architecture and how will the product

    or service will be developed. • Using all of the research and analysis we architect how content is accessed and mapped out, what to include, and what functions are required to fulfil the user needs. This task can take am nay shapes ranging from schema’s to data heavy prototypes and proof of concepts. 
 • This task often works in conjunction with mapping user journeys and user testing perhaps using Keynote or HTML/CSS prototypes.
  10. Discovery Improving discoverability, if you’re planning a building an open

    product or service. • As part of our development cycle we advise on keywords and content creation for SEO (for organic search). Using feedback from the workshops we share our knowledge on how to create content that users want, and how to present it (link building, creating inbound content).
 • From a technical perspective we write semantic code and correct page/ site structure that helps assist with SEO (organic search). Ted Baker Sunglasses
  11. Daily video meeting to make sure everyone is focused. Alpha

    • If possible we like to run a daily video meeting (a scrum) which is 5 mins max. We will guide you through our thoughts, and development (via screen share) we also share and discuss potential problems. The main purpose of this exercise is to keep everyone focused on the project in hand. This exercise has been to be a bit hit with our clients.
  12. Sketching and planning the user experience design (UXD) with content

    and functionality templates (UI). Alpha • We’ve found the quickest way to map out an interface and communicate ideas within the team is through an open discussion and quick sketching or wire framing. It’s great for quickly visualising concepts, user journeys, information architecture and user interfaces.
 • Products usually consist of several bespoke template pages that are used to accommodate the content and functionality. We use this early stage process to plan out what’s required and where it goes.
  13. Prototyping and testing the product or service on screen as

    soon as possible. Alpha • We use various tools and methods to rapidly prototype our initial sketches, these come in various forms such as interactive visuals or HTML/CSS wireframes. These prototypes are then tested by users and the feedback is used to refine the product during our weekly iterations.
 • Prototypes are built to test; navigation, information architecture and usability amongst other things. These are sense checked again both business and user objectives before moving forward. Press play
  14. Building, testing and refactoring your product or service. Alpha •

    During the build process we either invite users to our studio, or remotely test the interface against a range of tasks (user stories). We’ve found that the most successful way of doing this is to keep it informal on a one-to-one basis. • The results are recorded and sense checked against the business and user objectives to ensure the project remains on track.
  15. Quality assurance (making sure everything’s done correctly) Alpha • Performance

    and speed testing • Ensure security and infrastructure is in place • Go-live checklist • Performance and speed testing (automated)
 • Go-live checklist (automated and carried out by our UT staff)
 • SEO assistance via the CMS (and personal guidance if required)
  16. Beta Integration, population and training services. • One-to-one training •

    Record a video to share knowledge • We run a one-to-one product training exercises as standard, we also offer seminar training sessions for organisations. • We record and share the screen capture with you (with audio)
 • Our ongoing support package (SLA) can be tailored to your needs
  17. User testing (UT) and tracking analytics. Make changes if required

    Beta • Shadowing & SUS user testing • User testing and analytics provides insight as to how users interact with your website • Over time you can track performance and areas for improvement
 • The information gained will help you make informed decisions when planning your future digital content strategy Digital content strategy
  18. Go-live and beyond Supporting you and your team, maintaining your

    product or service. • With regards to continued improvement/development, we are always trying to improve the way we support our clients, if required we can run review meetings every 3, 6 and 12 months to investigate the way the product or service is performing, review quality and gather relevant feedback from your users to help us improve your website.
 • We provide a support service contract of varying levels that can be suited to your needs. In normal circumstances we review the contract and the support time used after a year - we can re-evaluate and adjust the support contract to ensure it’s both facilitates your needs whilst remaining cost effective. I have attached an example Hosting and SLA agreement that outlines the specification for a similar product.
  19. Go-live and beyond Building traction within your web ecosystem using

    modern methods. • This doesn’t work • This does work • Create a digital content strategy and build a following with your thought leadership
 • Maintain and regularly update your content • Integrate it with a marketing and CRM system (Mailchimp / Nutshell) • Use simple tools
  20. A roundup of the services we offer Workflow

  21. Discovery Our Discovery services help organisations understand markets and users.

    Using a range of research methods, we establish the criteria for the success of your product. Production Our Production services use our knowledge of design, process and technology to provide clever solutions for complex problems. Operations Our Operations services provide ongoing operational support and help ensure a smooth launch and roll-out. We work as partners, not just suppliers. The services we offer are:
 • Data and market analysis • Commercial strategy • Product feasibility & market testing • User research workshops • Product scoping • Content strategy • User experience design • User testing • Digital strategy & business transformation • Agile transformation The services we offer are:
 • Digital design and development • User interface design • Interaction design • Wire-framing and prototyping • Agile application development • Technical development and engineering • API integration and creation • Performance optimisation • Database planning and architecture • Information architecture • Cloud hosting architecture and infrastructure The services we offer are:
 • Agile project management • Knowledge transfer • Organisational change and governance • Security governance • Penetration testing and certification Data migration • Content development and SEO optimisation • Staff training and engagement • Launch and roll-out • Marketing and engagement • Product review and continuous development We provide end-to-end services for organisations and their users. About us