Graphic design is a creative process — most often involving a client and a designer and usually completed in conjunction with producers of form — undertaken in order to convey a specific message (or messages) to a targeted audience
When 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.
This 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
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.
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.
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:
Reward and Bonus
Ticketing and Events
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.
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.
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.
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.
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.
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 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 selection of design articles Russell Webb Design generated for the creative community out there. Please contact us further to discuss if your brand really wants to benefit from this new immersive experience here: email@example.com
If something has peaked your interest. Please leave a comment below.
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.
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
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
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.
Slide-in illustration of how to access your betslip
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.
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.
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
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.
I’ve made a few assumptions here, first… you work in UX. Second, you’re familiar with Agile and third, you haven’t much time so I’ll keep this brief. Straight to it, here is a couple of the main advantages of low fidelity prototyping:
Get better and more honest feedback
More involved collaboration
Make the cost of mistakes cheap, not expensive
Refine the page flow, not the pages
Figure out the interaction design rather than the visual design
Integrated brand identify both help reputation and consumer awareness. I was tasked with conceptualising a strong brand identity for a new Russian hedge fund. This involves developing routes that generated the tone, style and flavor of the brand across a 2D and 3D environment. This includes, but is not limited to;
Here is how I did it;
Concept 1 – New Dawn – A new today
Aspirational. That’s all it is. Clients are looking to dream, and at a product discovery level this is your job, as a creative to deliver that dream. So, here I delivered a fresh concept concentrating on the business concept of a new start, symbolising both the birth of a new identity and the potential fresh satrt of new ‘start-up’ customers.
Logo type and logo mark
Concept 2 – Money is here
Employing a mechanism that symbolised the collective is a popular brand identity technique. Both companies and individuals want to be re-assured that they either have there team of their financial institution backing them. The clever designer should also include a graphic device that also contrasts this, as unique-mess and individualism is also important to both large businesses and SMEs.
Logo type and logo mark
Concept 3 – I wish
Dreamlike concepts that play on hopes of what could be are always useful graphic motives when building a potential brand ID.
The ABC approach
When designing essentially without a brief, what I call the ‘pure design’ phase, an intelligent designer should deliver three contrasting concepts. Clearly, it’s the designer job to deliver the client’s requirements, but it’s also their job to push the boundaries. So my tip of the day is, when presenting deliver and push then crescendo on your personal favourite and see which is the eventual favoured route – you’ll be surprised!
Get in touch
This is but part of a selection of design articles Russell Webb Design generated for the creative community out there. If something has peaked your interest, please leave a comment below.