Tag: design (page 1 of 5)

How user personas can help crystallise the early stage design process

B2B UX Case Study – Automotive Dealer Portal

I was recently asked to provide insight for a dealer portal for a very large automotive client. There was a definite opportunity in their market to improve their internal front end offering – but very early on it was clear there was a lack of understanding of who their audience was. How their needs and wants differed and what, as customers, they were looking for.

So, before deep-diving in the UX,  I produced a selection of personas to focus down the teams expectations and unite the groups thinking. I’m taking for granted that we are all aware that personas represent a typical user, based on user research and incorporate user goals, needs, and interests. Here I created four (4) personas, Hilary, Gary, Donald and Bernie;

1.1 – Hillary, a Competitive Owner / Consider

“My co-worker has had a great experience with <insert auto company>, but I want to be sure that other’s like me are equally happy.”

“My co-worker has had a great experience with , but I want to be sure that other’s like me are equally happy.”

Continue reading

Destop User Registration Process

Ask the right questions

There are key considerations when it comes to asking strangers for their personal details. You have to ask the right way – to make each question relevant and necessary.

CasinoApp_Wireframing3

Continue reading

8 reasons why you should use sidebar as navigation

Why is this new style of popular navigation winning hands down againstold-fashioned navigation methods? Well, here's my take on why, in eight easy sound bites.

01.

Users are familiar with desktop left navigation patterns

This is difficult to implement with such small real estate. Sidebar solves and provides for with this problem.

8reasonsToUseTheSidebarIcon4

 

Continue reading

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

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

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

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

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

Older posts

© 2017 Russell Webb Design

Theme by Anders NorenUp ↑