Russell Webb Design

Category: UX SPECIALITY

Design Trends For Mobile – Part 2: Progressive Disclosure

DesignTrendsForMobile-Part2_ProgressiveDisclosure.pdf

Design Trends in Mobile

This is the 2nd part in a series of trends that I have witnessed in the design world. These trends and UX have now become best practice in mobile design and an essential skill-set for the experienced UI designer.

Progressive Disclosure

Progressive disclosure is an interaction design technique often used to help maintain the focus of a user’s attention by reducing clutter and confusion. This improves usability by presenting only the minimum data required for the task at hand. By disclosing information progressively, you reveal only the essentials and help the user manage the complexity of feature-rich sites.

From a designers perspective we should be using this technique when we feel the customer requires a level of hand-holding and is possibly unsure what they need to do.

For a full and extremely well documented explanation of the Progressive Disclosure see our friends at Wikipedia

DesignTrendsForMobile-Part2_ProgressiveDisclosure.pdf

This is but one part of a 12 point examination of the design principles russellwebbdesign generated for the mobile design community. Please contact us further to discuss if your brand (or it’s design) can really benefit from ‘best-in-class’ mobile design: info@russellwebbdesign.co.uk

If this, or any other post has peaked your interest, please leave your comments below

17/01/2012
Design Trends For Mobile – Part 1: Essential Content

Design Trends For Mobile – Part 1 – Essential Content.pdf

Design Trends for mobile: Part I

After only a few years the mobile landscape has generated a selection of trends and UX that have now become best practice in mobile design and an essential skill-set for the experienced UI designer. And as a UX designer you should be aware of these experiences and how best to incorporate them into your design decisions.

Essential Content

Mobile user have an absolutely different mind set to desktop. When you’re searching for that restaurant on your phone, the last thing you need delivered, in a heavy multimedia format, is the history of the company or the head chefs ethos on sustainable farming – you just need the address ( preferably linked to Maps ).
So, concentrate on location, focus on why would the user needs that information and therefore deliver it in the format best suited to the situation, like a phone number.

Design Trends For Mobile – Part 1 – Essential Content.pdf

This is but one part of a 12 point examination of the design principles russellwebbdesign generated for the mobile design community. Please contact us further to discuss if your brand (or it’s design) can really benefit from ‘best-in-class’ mobile design: info@russellwebbdesign.co.uk

If this, or any other post has peaked your interest, please leave your comments below

10/01/2012
The perfect cycle hire companion tool
See ‘Barclays Bikes Android and iPhone App’ Video here

Create the perfect companion tool for the Barclays Cycle Hire scheme

Aims and objectives
- Launch an application (on Android too) with better functionality and usability than all competitors.
- Amplify Barclay’s dedication to innovation.
- Make a positive contribution to London.
- Promote active lives – and create business benefits from this.
- Promote a sustainable and environmentally friendly mode of transport.
Differentiate the app through strong Barclay’s brand presence

From Boris bikes to Barclay’s bikes… ensure users are aware this is the official application and be the greatest Cycle Hire App ever
Barclay’s Cycle Superhighways are new cycle lanes into central London from outer London
- Improve cycling conditions for people who already commute by bike
- Encourage those who don’t to take to pedal power and keep fit
- Help cut congestion
- Relieve overcrowding on public transport
- Reduce emissions.
Key ‘Must-Have’ features
- Launch with iPhone and Android applications
- Integrate cycle hire and cycle superhighways
- A focus on enabling cyclists to ‘do and discover’
- A focus on London as a cycling community
- Core functionality around location and journeys
- Additional functionality – a ‘must use’ application
Here are just a selection of Android screens

It was important that the growing Android community felt included as iOS is seen as the dominant player in this market. An entirely different UI was developed that benefited from Androids unique functionality. Widgets were developed and integrated features included to aid the experience.
Cycle Finder

Find the nearest docking station right now
- Locate me (nearest docking stations)
- 2D Map view (Google maps)
- Satellite map view (Google maps)
- Augmented Reality view
- List view
Superhighway

Barclay’s Cycle Superhighways (BCS) are cycle routes running from outer London into central London.
- They give you safer, faster and more direct journeys into the city.
- We’ve improved road surfaces and improved junctions for a more comfortable ride, and each Superhighway has a clear, unique identity, with blue surfaces to increase driver awareness.
See ‘Barclays Bikes Android and iPhone App’ Video here

This is but part of a larger proposal russellwebbdesign designed and conceptualised for Barclays Capital. In this case it was a complete App Design, from providing the creative at pitch level to final delivery. To discuss what your brand really wants from mobile, contact us on: info@russellwebbdesign.co.uk
04/11/2011
Pay With Your Phone #7 – Make a payment via Social Media

Mobile Wallet Payment Experiences…#7

This is an edited presentation of the principles behind the concept ‘Pay with your Phone.’ Of all the mobile touch-points the (now) more realistic possibility of a mobile wallet, NFC and simplistic mobile commerce is perhaps the most exciting. This post concentrates on the user journey ‘Make a payment via Social Media’

You can watch the animated version here

Jane males a payment using social media

Integrating mobile into a comprehensive cross-channel strategy ensures that you are meeting your customers where and how they shop for your products.

Jane is chatting with her friends on her cellphone

Integrating services within a preferred Instant Messager application is both more focussed to where customer are and provides that opportunity to leverage the already pre-existing clients base.

She remembers she owes Lucy money

Using real world scenarios and providing workable solutions drive home the Pay with your Phone concepts.

She navigates to the Payment Card service contact inside here IM app

Either through the applications Import function or the phone existing OS, the relevant details are loaded up.

Jane uses SMS to transfer the amount to Lucy

Using current technology Is both familiar to the user and relies on proven methods of communication.

She received notification from Payment Card

Notification that the transaction has been received successfully is net to Lucy.

Jane is then able to continue messaging with her friends

Designing an experience that has as little impact, proves to be more convenient than before and makes your life easier is what these mobile concepts are all about.

You can watch the animated version here

This is but part of a selection of consumer experiences russellwebbdesign generated for credit card payment concept ideas. Please contact us further to discuss if your brand really wants to benefit from this new immersive experience here:
info@russellwebbdesign.co.uk

If this, or any other post has peaked your interest, please leave your comments below

01/11/2011
Pay With Your Phone #5 – Big Ticket Purchase

Mobile Wallet Payment Experiences…#5

You can watch the animated version here

Jane purchases a new TV to watch the Olympic Games

Following on from my serions deadling with Pay With Your Phone #1, #2, #3 and #4, this post is about those luxury items with luxury prices. The value of voucher purchase, and the growth of Groupon have inspired this type of purchase across many channels, especially mobile. The benefits mobile vouchers deliver include increased revenues, improved brand loyalty and instant, measurable direct-to-customer marketing

Jane goes shopping for new TV

She see one that is slightly out of her price range

She checks her balance using her app and needs an extra £300

Jane decides to increase her credit and selects this option

After reading the T&C’s, Jane confirms the increase

Jane makes the purchase and her TV is delivered to her home

You can watch the animated version here

This is but part of a selection of consumer experiences russellwebbdesign generated for credit card payment concept ideas. Please contact us further to discuss if your brand really wants to benefit from this new immersive experience here: info@russellwebbdesign.co.uk

You can preview the mini-presentation here or via our YouTube Channel here

If this, or any other post has peaked your interest, please leave your comments below

04/10/2011
Pay With Your Phone #3 – Lunch offer

Mobile Wallet Payment Experiences…#3

You can watch the animated version here

Jane looks at her app to find an offer for lunch.

Restaurants are able to tailor deals by the hour and stores or services can offer discounts in real time. Consumers can take save a money AND have a unique experience. For mobile wallet solutions, this type of new service offers a way to differentiate from the small army of daily deal sites now flooding the market. See how Groupon do it here

Jane is an avid shopper and is always interested in sales and discounts

She receives the weekly offers from her installed Payment Card mobile app

Jane’s latest transactions show purchases at pasta and pizza parlours

She gets a

notification of a new offer

A great offer appears that fits her perfectly

She pays for the offer and has a special deal on a catch-up meal with her friend

This is but part of a selection of consumer experiences russellwebbdesign generated for credit card payment concept ideas. Please contact us further to discuss if your brand really wants to benefit from this new immersive experience here: info@russellwebbdesign.co.uk

You can preview the mini-presentation here or via our You Tube Channel here

If this, or any other post has peaked your interest, please leave your comments below

21/06/2011