Russell Webb Design

Tag: UI

  • Mobile best practice for registration – Put the users needs before technology

    User Registration on Mobile

    Watch the videoWatch the animated version here

    I have recently been involved in both high-level concept generation through to territory specific text changes in the exiting world of User Registration. These are my top 5 tips to help you streamline your process or find some inspiration.

    1. Do not turn-off your client

    Very early on you begin to realise that you, as a UX designer answering to Business and shakeholders alike, should avoid providing a dry and labour-intensive solution to what is a tedious process. This will inevitable put off, or turn off, potential new customers from the start. So, as they walk through your virtual door, try to present a broken-down and achievable process where they can see the light at the end of the tunnel. Don’t forget : Break your offer into bite-sized chunks

    Regulations possibly dictate that your customers will need to supply certain information. If so, have them supply that information up-front. That way you, as a caring and customer-centric company can temporally capture that info and call them back should they drop-off. Then you can ask ‘Is everything allright? Can we help you further with your registration?”

    (more…)

  • Unique Lowest Bid Site – UX Redesign

    Watch the videoWatch the video here

    icanhaveit.com – Site redesign

    Taking an existing but tired site, refresh and rebrand it up to modern day standards.

    icanhaveit.com - Redesign Complete Site

    Logo refresh

    With a focus on readability and execution, the logo has be refined and simplified. This is only an online print so RGB was the primary driver.

    icanhaveit.com - Redesign Complete Site

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

  • Design and create a ‘best-in-class’ mobile web site

    Design and create a ‘best-in-class’ mobile web site

    TL;DR;

    From task efficiency to leveraging the company’s USP. This E2E Case Study includes stakeholder management, design principles, navigation and typography strategies, while stressing the human experience over internal politics.

    Contents

    To respect confidentiality agreements, the branding and specific naming have been modified. This product is currently live and serving 6k users

    To respect confidentiality agreements, the branding and specific naming have been modified. This product is currently live and serving 10K plus HNW users.

    Setting the scene

    usability

    Cognitive Load

    Design and create a 'best-in-class' mobile web site.

    🚀 Accomplish tasks quickly

    From goal-oriented users looking for information to designers minimising friction points.

    All leads to higher user retention and a positive user experience.

    💎 Leverage Company USP

    What makes this company’s product better than the competition?

    To align with the brand promise and to build trust, the design and features mirror the company’s core value proposition.

    👯‍♂️ Design for humans

    Design within human limits. Make information easy-to-process, respecting memory, attention, and perception.

    Design for those with diverse abilities and limited technical literacy. Design to evoke trust, delight, and confidence that leads to loyalty.

    Project foundations

    As an agency lead designer, I spearheaded the design of this mobile site for the UK’s leading healthcare company, by assembling an exceptional team. Bringing together external and internal creatives, I forged a collaborative venture, leveraging the collective expertise of all parties to achieve a shared vision.

    (more…)

  • How to push your users to download your app

    Watch the videoWatch the video here

    Provide a mobile web experience that makes you want more.

    This is the dilemma. You have the resources, you have the idea but the richer and more immersive experience is inside your app, not your mobile web site. How do you push your user to download it?

    Download, download, download

    Providing a unified experience across all channels can stretch the most resourceful of companies . Sometimes a better strategy is to provide the ultimate level if functionality, the best UX on the platform that can best deliver that experience.

    (more…)

  • How to monetise adult content on mobile

    Using cloud services to provide adult content on mobile

    The debate for and against adult content on your mobile will go on and on. Inevitably, clients and business owners alike will want to look at how the route to purchase, on your handset, can be visualised. This is where the UX/UI designer in me comes out to play.

    How to monetise adult content on mobile

    Pay with your Phone #6Watch the video here

    Set out your stall

    Providing familiar interface design, such as the carousel, will always promote a natural interaction with the end user. Content can be loaded in, via CMS or otherwise, and displayed as your shop window.

    How to monetise adult content on mobile

    Easy selection

    The grid format can easily accommodate the multitude of file formats out there. Simple previews can act as sign-posts for the content underneath.

    (more…)