Russell Webb Design

Category: Experience Design

Enhance user satisfaction, improve business outcomes, and contribute to positive social change. UXD is a powerful tool that can be used to create products and services that are user-friendly, culturally relevant and deliver real-world impact.

  • Best practice for your on-boarding experience

    Best practice for your on-boarding experience

    TL;DR; As a guided experience for new users simplifying your onboarding to prevent that overwhelmed feeling.

    Contents

    Simplify your Onboarding; A UX Guide

    Getting new sign-ups is arguable the ultimate challenge, but the process of helping people get started, called on-boarding, can prevent many users from feeling lost, overwhelmed, and confused. It’s your responsibility, as a professional UXer, to shake their hand and show them the ropes and take them on that ‘first date’.

    Drilling-down on the detail of the betting coupon - on-boarding
    Drilling-down on the detail of the betting coupon – on-boarding

    The Do’s and Don’ts

    Downloading and jumping straight into an experience you’ve just heard about is one of the most exciting parts of UX design.

    When formulating this, be conscious not build further barriers as part of the on-boarding. The ‘Skip’ or ‘Tell me later’ and continuous Swipe is an important tool.

    (more…)
  • Wireframing an on-demand Internet streaming media service

    Wireframing an on-demand Internet streaming media service

    I have been recently working with a colleague on a private project around the world of media streaming. We had got to a level where the tech was getting up to scratch, but the UX was missing.

    So, here it is.

    Download here Download the PDF: OnDemandStreamingService-Mobile_Tablet

    Mobile

    Mobile

    On – screen blueprint representing the skeletal framework of the service. These provide an informed perspective to hit, or in this case, promote what will be business objective and a creative idea. As usual these lacks typographic style, colour, or graphics, as the main focus lies in functionality, behaviour, and priority of content.

    (more…)

  • Consumer experiences

    <add summary>

    contents

    How mobile payments will change your life

    “A day in the life”

    A day in the life for a modern consumer living their life through advanced mobile functionality experiences.

  • Setting up Photoshop like a Pro UXer

    TLDR: Photoshop, the designers ‘must-have’ is such a flexible tool that there are many ways to set up your workflow.

    contents

    Layer Compas and Smart objects

    After some 20 years I have found these two to be the most efficient, most transferable within a team, and most manageable i.e. avoiding the dreaded spinning-wheel-of-death

    Visualisation-PShopUxer-LayerComps

    Layer comps

    Fickle as clients can be, I’ve come to realise that there will always be amendments. Version after version, where the client/stakeholder/CEO wanna-be-designer suggests colours or positioning changes. Simply switching on/off layers and groups and saving as a state was an ingenious ideas by Adobe. Big pat on the back.

    Visualisation-PShopUxer-Smart
    (more…)
  • Wireframing an iPad Casino App

    Wireframing an iPad Casino App

    TLDR: Focusing on planning functionality and layout without design is the most efficient way of concentrating decision markers (especially business or product-owners) to agree on functionality without distraction. Think: function over form.

    Contents

    Personally I love to use traditional pen and paper for wireframing. How about you?

    First launch feature areas

    This is the main ‘shop window’ to your experience. On first launch, the user to launched in the gambling casino world. Pre-selected games adopt the ‘parallax scrolling’ technique and occupy the prime real estate. There is also functionality to drill down via category types. Account Management and Help are all ‘front-of-store’, as is the ability to push sign up and login promotions.

    CasinoApp_Wireframing3

    (more…)

  • What’s your favourite wire-framing style?

    wireframingMontage

    Pick your battles, know your styles

    Whether for desktops, on a tablet or the this mythical idea of a mobile internet (there is only one web to experience – but that a different post!) the modern UX-er should be skilled in the art of wire-framing. The style you use should come from the answers to these three things:

    • Process – From low-fidelity through to fully functioning prototypes is the sure-fire route to excellence. In reality, how often does this really happen. If you have enforce a process, I would insist on the sketching and on the final design stages.
    • Resources – I have sat in top-level boardroom meetings in the most stylish settings in the capital, tea and coffee from all over the world. Clearly, resources were not a factor here – so you would be expected to know Azure inside out and be expected to roll-out full functioning Fireworks prototypes. You may even get some business heads thinking your protoypes were so good , it’s a done job!
    • Quick turnaround – Picture the scenario, your stakeholder is looking for a quick – fix. You have fought your corner but there are no requirements, no analysis, no nothing. Always try to push for more than a few scribbles on the back of napkin but sometimes it is more productive just to get on with it.

    Depending on the answers to these issues will depend on the wireframing style you deploy

    responsiveEx
    (more…)