Category: New Media (page 1 of 5)

New media is a broad term that emerged in the later part of the 20th century to encompass the amalgamation of traditional media such as film, images, music, spoken and written word, with the interactive power of computer and communications technology, computer-enabled consumer devices and most importantly the Internet.

Design an upselling mechanic for wedding cakes

I was recently asked by a  prominent UK-based high street retailer to conceptualise and design an App based upselling mechanic for wedding cakes, looking for an effective solution to drive sales to a more premium product.

My Initial Thoughts:

Thought process and working methodology

Design an App-based upsell mechanic for wedding cakes - e-commerce product retail sales UX UI

Design an App-based upsell mechanic for wedding cakes – e-commerce product retail sales UX UI

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

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.

 

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

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

Older posts

© 2017 Russell Webb Design

Theme by Anders NorenUp ↑