Russell Webb Design

Category: Graphic Design

Graphic design surpasses aesthetics, igniting ideas, forging connections, and driving action. This collaborative process, involving clients, designers, and producers, crafts impactful visuals that resonate and inspire. It’s about understanding, influencing, and ultimately, sparking action through the power of visual communication.

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
2012 Calendar: Mobile Design Tips
2012_MobileDesignTipsCalendar.pdf

Start here

This is the first 12 steps to take your mobile design skills to the next level

Packed with Design Tips

This years edition is crammed full of the most inspirational and can do mobile design tips. Whether it be common sense or insider knowledge, this calendar is sure to inspire and teach you each and every day for the year in front of you.

Format
- Planner Size Closed 210mm x 297mm
- Full colour with Georgia, Handwriting Dakota and Gotham typeface
- Available in in limited edition print of PDF download
2012 Mobile Design Tips

Mobile design is what YOU make it

The future of mobile design is what you make it. It can said it’s made up of more than 12 things. In fact, it’s all of these things so please get back to me with your Top 12 for mobile design.

2012_MobileDesignTipsCalendar.pdf

This is but part of a selection of design resources russellwebbdesign generated for the mobile space out there. Please contact us further to discuss if your brand really wants to benefit from this new immersive experience here:
info@russellwebbdesign.co.uk
31/12/2011
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 #6 – Fashion Retail

Mobile Wallet Payment Experiences…#6

This is an edited presentation of the principles behind the concept ‘Pay with your Phone.’ Of all the mobile future touch-points the (now) more realistic possibility of a mobile wallet, NFC and simplistic mobile commerce perhaps has the most exiting potential. This post concentrates on the user journey ‘Buying clothes from high street retailers’

You can watch the animated version here

Buying clothes from high street retailers

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 shopping on her phone on her journey home

Using any mobile m-commerce version of a high street retailer signed up to the mobile transaction Jane is able to browse, search and select her favourite clothes item

She adds a few items to her shopping cart and checks out

Adding her favourite items to the mobile webs version of any high street retailer the route to purchase could not simpler

The mobile site auto-connects to Jane’s mobile wallet and verifies available credit

Using the systems integrated approach high street shopping, a fluid and pain free route to purchase is enabled

No card details need to be entered and the delivery address is stored in the phone

The mobile wallets functionality pre-stores the delivery address to enable fluid transaction

The money is debited and the goods are shipped

Back-end integration aids the purchaser through the intricacies of mobile commerce

Jane receives her package after a few days

Following traditional transaction process the purchase is delivered to Jane’s door

Please get in touch

This is but part of a selection of consumer experiences russellwebbdesign generated for credit card payment concept ideas. Here only the first three experiences have been made available. Should your company wish to find out more about this emerging new technology; please get in touch

You can watch the animated version here

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

21/10/2011
5 Key points when designing for Direct Mail (DM)

What is Direct Mail (DM)

Direct marketing

For many businesses, Direct Mail (DM) is by far the most cost-effective form of marketing. It allows you to target customers with greater accuracy than any other method.

1. Target your design efforts

Products and services directly to the end-user

Careful preparation to get the response rates you want is the way forward. These design have been specifically designed to hit those key demographics that statistically afford you the return thats worth it.

2. Appeal to your target market

Highly effective in both business and consumer markets

DM is about hitting the right note, if you have a demographic that is heavily involved on the urban design and town p;anning make sure you create a series of compelling imagery around that subject matter. Here Architecture has been targeted, make sure your DM piece is effectively targeted too.

3. “Feel” DM as part of an integrated promotional strategy

Feel DM piece – 25,000 print run

Try a little variety with folded postcards and win your business more sales in the process. This is really how to crate a point of difference, a definite plus point in this tough market.

4. Feel DM for image library Corbis

Simple configuration of the fold provide that extra design resource

5. Make an impact with a strong headline and bold imagery.

Like reading a newspaper, the headline is the first thing people see before deciding to read the entire article or direct mail piece.

Once a designer understands the best practices of direct mail design, they have the opportunity to adjust elements and test what works best for their audience. Split the mailing list in half and always test something; one thing at a time (i.e. – headline only, offer only, positioning of images, etc). Be sure to have a strategy in place to measure responses.

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

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

23/08/2011