“Good design is easy to digest—the brain shouldn’t have to expend a ton of energy to figure out what the heck it’s looking at. With any luck, people will just “get it” without needing a 6-section explanation.”
Someone famous (or at least clever – please comment if it was you!)
For user accounts, the default user experience should be as elegant and as simple as possible. This UI animation below, goes some way to filtering down what was essentially the most simple mobile navigation I could get stockholders to agree on. As always, there will be compromises, (inline personal information editing. for example) but overall keep the Three Little Rules (scroll down) front and foremost.
But first I’m going to give you a preview of what’s to come. This is one of the more complex mobile programs I’ve been involved in throughout my career so I’m going to attempt to split it up into manageable chunks.
Watch the animated version here
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.
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).
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.
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:
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.
These screens are just an indication of what we could do for you. Moving forward and after full scope many other options are available.
This is just a preview of how the shopping experience on mobile will change the consumer buying habits. Please contact us for further information. firstname.lastname@example.org
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.
Download the PDF: OnDemandStreamingService-Mobile_Tablet
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.