Russell Webb Design

Tag: iPhone

  • 10 considerations when designing for mobile

    This is the first 10 steps to take your mobile design skills to the next level

     Watch the animated version here

    10 Considerations For Mobile DesignWhen designing for the desktop you can consider the end-user environment, when designing for print you can picture where the magazine will be read but when design for mobile the end-user scenarios are so varied and so far ranging that todays savvy mobile designer needs to develop an entirely different skill set.

    Mobile Meet Up - Glassblowers in London's SohoThis is the edited version of a presentation I gave at Mobile Meet Up on Tues 27th Sept about ‘10 key considerations when designing for mobile ‘.  I must stress this doesn’t mean there are only 10, in fact it’s the opposite, there are many more considerations. But here are my top 10:

    1. Real Estate

    10 key considerations when designing for mobile

    Whether you coming from a desktop background or from advertising the canvas size you have to pay with is drastically reduced on the mobile environment.

    Over the years the relative screen size difference has increased. The difference between the smallest (128 x 128) and the largest (800 x 480) is now a factor of 23. That means the largest screen is 23 times bigger than the smallest one.

    2. Design with distraction front-of-mind

    10 key considerations when designing for mobile
    (more…)

  • Our vision for Shopping on Mobile Web

    TLDR: El Corte Inglés, a retail giant, needs a mobile app refresh to captivate customers and boost sales. Create a seamless shopping experience with: intuitive navigation, media-rich content, that is mobile-optimised Features and has a streamlined checkout to transform their UX into a powerful sales driver.

    Contents

    Coverpage

    Overview

    El Corte Inglés S.A. (English: The English Cut as in tailor’s cut), headquartered in Madrid, is the biggest department store group in Europe and ranks 4 worldwide. El Corte Inglés is Spain’s only remaining department store chain, as well as owner of several associated businesses, such as supermarket chains Hipercor, Supercor & Opencor, fashion chain Sfera as well as a travel agency (Viajes El Corte Ingles) and telephone provider (Telecor).

    Brief

    Incorporating a nav search, a store finder with the traditional basket top right design a media rich experience for shopping on  your phone. By captivating a customer and therefore increasing spend, design a system of sub navigation that is convincing and compelling. Drilling deeper into the experience, screens can display products with the the added mobile features of sort and zoom.  Product Info and descriptions, including ‘Add to Basket’ and ‘Wish List’ functionality plus the ability to share your purchase are all important consideration.

  • Branding an iPad Casino App

    Branding an iPad Casino App

    1.0 Aims and Objectives

    To produce the best-in-class iPad and iPhone App for playing slots and table games.

    Recently I was involved in conceptualise and leading the UI for a iOS casino App for both iPhone and iPad.  I’m not going to detail all design decisions here but walk you through my perspective on why branding for this product is so important and why the decisions made differentiate it enough to stand-out in what is already a fiercely competitive and crowded marketplace.

    (more…)

  • 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…)
  • iOS Casino App for the iphone

    iOS Casino App for the iphone

    TL;DR; While the gambling industry continues to boom despite global financial woes, a reliance solely on branding through splash screens has its limitations. This post dives into why your home screen deserves more attention. Showcase promortaionl content, search (as navigation maybe?) and Quick Links as crucial building blocks, including introducing the popular hamburger icon for primary navigation and transform your home screen into landing page(s) into a powerhouse of usability and brand identity.

    Contents

    Brief

    Next to essentials like food and water, one of the only other industries not effected by the world financial situation is gambling. In fact the industry is booming. There are many UX challenges in designing the perfect game play experience, catering for the green fingered punter all the way through to the seasoned veteran is a difficult balancing act.
    Plus, as mentioned, in these more straighten times, to be conscious of not forcing the gambling experience on to the more vulnerable.

    Splash screen

    Modern smartphone don’t need 2-3 seconds to start up, so the original notion of the start-up or splash screen is now redundant. But brands love to position their logo ‘front of stall’ so for this reason, this screen is important. Keep it simple and remember, if you can’t get your brand message over in 2-3 seconds, think about a re-design.
    iOS_iPhoneCasino3

    Home

    This is the heart of the application, the place to show off what you have to offer – the ‘showcase‘ if you like. So make it impressive, make it big and try your best to impress.

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