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

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

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.

Continue reading

Consumer experiences – How mobile payment #could# 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.

Definition of Done – for a UXer

DefinitionOfDone-Artwork-04

As a UXer, I am aware of the agile concept, the Definition of Done (DoD). But how does it affect me is another question. Recently I have been invited to a couple of chats while looking at potential career opportunities, in one of them, one Dev Lead was interested in my DoD – so after, I decided I’d research, from a UX perspective, if this was something I should know as many projects fails because ‘done’ is poorly defined.

Continue reading

Design Principles #2; Experimenting with layout

Design Principles #1; Experimenting with layout

How layout influences our design (Part 2)

Whether you are working in publishing, UI or advertising, the fundamental ideas (which may overlap) about the practice of good ‘layout’ composition will always form the basic structure of your design. The elements form the ‘vocabulary‘ of the design, while the principles constitute the broader aspects of its composition. Here I have compiled a second set of loose design principles that all revolve around the fundamentals of layout graphic design.

This is Part 2 of a 2-Part series: To jump back to the first part please click here

7. Pattern Design

09_layout_Formats-Pattern

Pattern Design

Patterns always been a safe bet for the design arsenal. Repetitive shapes form the back bone of effective graphic design

Continue reading

Setting up Photoshop like a Pro UXer

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

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

Continue reading

iOS Casino App for the iphone – UX Design

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.
Continue reading

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

Wireframing an iPad Casino App

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.

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 the 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

Continue reading

« Older posts

© 2015 Russell Webb Design

Theme by Anders NorenUp ↑