Russell Webb Design

Category: Mobile UX

Check these strategically designed, end-to-end user journeys focussed across native mobile applications. Key take-outs here are small-screen responsiveness, a mobile-first, user-centric approach and accessibility including find-ability.

  • 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…)

  • Low fidelity prototypes

    TLDR: Skip the fancy prototypes! Low-fidelity sketches are fast, cheap, and encourage better feedback – perfect for early UX stages to focus on functionality before aesthetics.

    Contents

    basic is still the best?

    I’ve made a few assumptions here, first… you work in UX. Second, you’re familiar with Agile and third, you haven’t much time so I’ll keep this brief. Straight to it, here is a couple of the main advantages of low fidelity prototyping:

    • Get better and more honest feedback
    • More involved collaboration
    • Make the cost of mistakes cheap, not expensive
    • Refine the page flow, not the pages
    • Figure out the interaction design rather than the visual design
    lowFidelity-VersionControl
    (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…)

  • iOS Splash Pages – What’s the deal?

    Every app needs an app icon and a launch image. This presentation concentrates on the all important Splash Screen

    Sometimes you have to just stick on the headphones, crank up the tunes and grind through the dullest part of your iOS project. And that’s slavishly grind out the assets for all the iOS family, particularly the Splash Pages.

    Here, for the splash screens I have broken down as follows:

    • Size for iPhone 5 and iPod touch (5th generation)
    • Size for high-resolution iPhone and iPod touch
    • Size for iPhone and iPod touch
    • Size for high-resolution iPad
    • Size for iPad

    For your iPhone

    There is basically three sizes for portrait mode, for the most recent iPhone 5 or iPod Touch 5th Generation (as of present 2013), for the iPhone 4 and 4S users out there and for you laggards, the iPhone 3 users.

    iOS_splashScreens-RWD3

    (more…)

  • Top 10 tips on improving your mobile gambling offer

    Mobile gambling, if you’ve watched any live commercial sporting event, is big business. Mobile gambling is at the forefront, keep my Top 10 points in your UX Playbook when designing for this sector

    Hard Skills:

    Journey Mapping

    Research

    Visual Design

    Soft Skills:

    Empathy

    Collaboration

    Critical Thinking

    Full List →

    Recently, I have been both at the coal-face and negotiating with stakeholders to define what makes a great gambling offer. Here is my Top 10 tips on improving your mobile gambling offer.

    1.0 Make it beautiful

    rWD-ImproveYourMobileGamingOfferQuotes

    Implement design rules is also a top tip. For example, instituting a one-size fits all font size policy across your offer can not only eliminate lengthy design discussion each time a new element is introduced but also guarantee legibility on the small screen.

    2.0 Minimalist approach

    _0012_6.1.SB-MyAccount-Touch
    _0006_4.2.Sports-ByEvent-SB-Touch
    (more…)

  • Marketing your App through the channels

    How to marketing a brand new digital product

    This is the challenging part of any marketing brief. You can target your Digital Tribes, whether they be Early Adopters or true Laggards, one sure-fire way is through traditional streams. Using traditional media is a concrete method of new product promotion and should not ignored. Remember: Print is NOT dead.

    Building scenarios

    Building scenarios

    An effective method fo marketing a product to place a customer into the shoes of a typical user.

    "I've got a secret but I can't tell anyone"

    This opening statement defines a need state for this privacy service. Then you explain the scenario and how the product can benefit that customer. If you can translate this into an attractive case-study, then you have a winner.

    (more…)