Page 2 of 13

Protected: UX – Sports trading as an asset class for a financial company

This content is password protected. To view it please enter your password below:

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

Continue reading

Our vision for Shopping on Mobile Web

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.

 

UX / UI Tools – Everything you’ll ever need

Sharpen your toolbox

To provide a quality UX service  for companies small and (very) large you need to supply yourself without the right kit. Once you’ve gone beyond the usual suspects (MacBook, dual screens, sketchbook, etc) there come the need for a current and useable digital toolbox.

Here I have attached the necessary downloads to get you moving. This includes, by far, the most popular tools you’ll need:

As with all edge cases, you may be asked to design an interface for the next generation Smart TV, that is unusual and isn’t included here. This is for you thousands of UI designers of iOS and Android apps and mobile web interfaces. You know, the ones for the masses.

Mobile GUI PSD

The first of the big two

There is a difference between Froyo, Gingerbread and the 4.2 Jelly Bean. At the moment this Jelly Bean PSD is my favourite. Download here: 37.8Mb many layers

Android_FroyoGingerbread_GUI_PSD2

Your slice of Apple pie

I don’t claim credit for this, please thank Teehan + Lax. These guys are genius and have provided the best GUI PSD. See for the originals:

Downloads | Teehan+Lax

www.teehanlax.com/downloads/
iPad Retina GUI PSD

The 9 slice rule

The professional wireframers choice

Icon Templates

iconTemplate

 

This is very so useful.

If you find yourself spending hours ‘pushing pixels’ about while trying to downscale and upscale icons for various screen sizes and platform, then you’ll love this. Standardise your icon palette from the largest (256px) to the smallest (32px). With this template you can design once and simply Save for web by halving the pixels each time i.e. 128px, 96px, 64px, 32px and finually 16px (I wouldn’t go smaller). It like playing darts, you can’t throw an out-show from an odd numbers. Same for Icon Design, you can’t half a pixel, so keep you designs tight and within this template

Icon-Template-124px.psd

Peaked your interest?

This is but part of a selec­tion of design information rus­sell­webb­de­sign gen­er­ated for the creative community out there. Please con­tact us fur­ther to dis­cuss if your brand really wants to ben­e­fit from the new mobile channel:
info@russellwebbdesign.co.uk

If something has peaked your interest. Please leave a comment below.

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.

Continue reading

Money Management App on Android

Your phone as a wallet

Over time, I have been involved in development for alternative mobile payment systems many times. Along with QR Codes and NFC and Face recognition, who knows which direction the public will eventually choose. This is a study into on possibly direction: Pre-baked branded financial phone, utilising the native rich functionality of the Android operating system.

It was key to point the App towards five distinct touch points:

  1. Account Service
  2. Reward and Bonus
  3. Ticketing and Events
  4. Widgets
  5. Pop-ups

Get Started

Guiding the user through the start-up process is like taking them on their first date. By providing your customers with this gentle ‘hand-holding’ process you, as the UX designer, are reducing those barriers to entry and providing a step-by-step process that welcomes demographics from all levels.

This slideshow requires JavaScript.

Account servicing

Providing quick links to your balance to your mini statements or even functionality to top up your mobile phone are all important touch points here. People really need to know their balance so that was front of stall plus service options, terms and conditions, etc, etc.

This slideshow requires JavaScript.

Rewards and Bonus

Whether you are looking to discover local restaurants, get deals at the salon or even discount at the gym you need to keep track of all these offers. There are also OnDemand, real-time discounts on dining experiences, spa treatments and the discovery of nearby deals as part of your phones functionality.

This slideshow requires JavaScript.

Ticketing and Events

Store your tickets for the exotic vacation or even a quick weekend trip. Store your goods to discover discounted products and browse seasonal themed collections on all events that are near you.

BarclaycardAppOnAndroid_Page_13

Widgets

Widgets on Android provide the next level of functionality not available on a lesser devices therefore this pre-baked solution should and can easily take advantage of this superior level of functionality. Add the widget to your device and never miss out on the next big deal. Just hold your finger on the home screen and select widget from the list.

This slideshow requires JavaScript.

Pop-ups

Need access to your balance at the touch of a button? Androids functionality provides the solution. Simply hover over the icon and the info is displayed.

This slideshow requires JavaScript.

 Closing statement

This prebaked solution does provide some answers to the all encompassing question what will replace the credit card that it’s not a definite this will be compatible with all POS retailers out there do you go the Apple way weapon provide before end to end solution or do you help your retailers by making their life easier and providing a level of compatibility who knows let’s see what the next few years bring.

Get in touch

This is but part of a selec­tion of design articles Russell Webb Design gen­er­ated for the creative community out there. Please con­tact us fur­ther to dis­cuss if your brand really wants to ben­e­fit from this new immer­sive expe­ri­ence here: info@russellwebbdesign.co.uk

If something has peaked your interest. Please leave a comment below.

Design habits – Tip your hat to your design heroes

As a junior designer, way back when, I visited our local design museum (I studied in London, UK, so my local design museum was fortunately the rather impressive Design Museum in Shad Thames) and fantasied over how great it would of been to be involved in, say, designing a Charles and Ray Eames leather recliner, or Dysons Cyclone Vacuum cleaner.

Now I’m doing stuff I feel proud off, in the field of UX/UI, I thought it worthwhile to see if I could mirror the process these great designers took and document it from a UXers perspective. So, here we go. I started with the following criteria:

  • Give users choice.
  • Competition Analysis
  • Design with familiarity in mind
  • Prioritise features that add value – the “Magic Moment”
  • Beautiful execution
  • Todays’ Brave New World

Continue reading

UK Household Retail Co – iPhone and Mobile Web Concepts

Insight

In spite of its rapid growth, The White Company retains a firm grasp of its core values, identity and philosophy. It is consistently committed to supplying impeccably designed products that are of the finest quality and at outstanding value for money. In addition, levels of service (across every channel) are constantly monitored to provide a shopping experience that is second to none.

This insight was taken to the next level with a series of inspirational iPhone App screen and Mobile Web visuals that formed part of a presentation on what these new channels can do you this business.

* Please note

These screens are just an indication of what we could do for you. Moving forward and after full scope many other options are available.

˜Intro pages

 

Mobile Web

˜Checkout

˜Main Menu

 

This is just a preview of how the shopping experience on mobile will change the consumer buying habits. Please contact us for further information. info@russellwebbdesign.co.uk

Best practice for your on-boarding experience

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. So, 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.

on-boarding

Slide-in illustration of how to access your betslip

Continue reading

« Older posts Newer posts »

© 2017 Russell Webb Design

Theme by Anders NorenUp ↑