Tag: phone (page 1 of 2)

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

Money Management App on Android

Your phone as a wallet

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:

  1. Account Service
  2. Reward and Bonus
  3. Ticketing and Events
  4. Widgets
  5. Pop-ups

Get Started

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.

This slideshow requires JavaScript.

Account servicing

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.

This slideshow requires JavaScript.

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.

This slideshow requires JavaScript.

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.

BarclaycardAppOnAndroid_Page_13

Widgets

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.

This slideshow requires JavaScript.

Pop-ups

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 slideshow requires JavaScript.

 Closing statement

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 selec­tion of design articles Russell Webb Design gen­er­ated for the creative community out there. Please con­tact us fur­ther to dis­cuss if your brand really wants to ben­e­fit from this new immer­sive expe­ri­ence here: info@russellwebbdesign.co.uk

If something has peaked your interest. Please leave a comment below.

iOS Casino App for the iphone – UX Design

Brief

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.

Splash screen

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.
iOS_iPhoneCasino3

Home

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

What’s your favourite wire-framing style?

wireframingMontage

Pick your battles, know your styles

Whether for desktops, on a tablet or the this mythical idea of a mobile internet (there is only one web to experience – but that a different post!) the modern UX-er should be skilled in the art of wire-framing. The style you use should come from the answers to these three things:

  • Process – From low-fidelity through to fully functioning prototypes is the sure-fire route to excellence. In reality, how often does this really happen. If you have enforce a process, I would insist on the sketching and on the final design stages.
  • Resources – I have sat in top-level boardroom meetings in the most stylish settings in the capital, tea and coffee from all over the world. Clearly, resources were not a factor here – so you would be expected to know Azure inside out and be expected to roll-out full functioning Fireworks prototypes. You may even get some business heads thinking your protoypes were so good , it’s a done job!
  • Quick turnaround – Picture the scenario, your stakeholder is looking for a quick – fix. You have fought your corner but there are no requirements, no analysis, no nothing. Always try to push for more than a few scribbles on the back of napkin but sometimes it is more productive just to get on with it.

Depending on the answers to these issues will depend on the wireframing style you deploy

responsiveEx
Continue reading

2012 Calendar: Mobile Design Tips

2012 Mobile Design Tips Calendar

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
In fact, it’s all of these things

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

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’

Pay with your Phone #6You 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.

Pay with your Phone #6You 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

Pay With Your Phone#6 - Fashion Retail 8

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

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’

Pay with your Phone #6You 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

Pay With Your Phone#6 - Fashion Retail 3

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

Pay With Your Phone#6 - Fashion Retail 8

Pay with your Phone #6You can watch the animated version here

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

Pay With Your Phone #5 – Big Ticket Purchase

Mobile Wallet Payment Experiences…#5

You can watch the animated version here

Pay With Your Phone#5 - Big Ticket Purchase 1

 

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

Pay With Your Phone#5 - Big Ticket Purchase 2

 

She see one that is slightly out of her price range

Pay With Your Phone#5 - Big Ticket Purchase 3

 

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

Pay With Your Phone#5 - Big Ticket Purchase 4

 

Jane decides to increase her credit and selects this option

Pay With Your Phone#5 - Big Ticket Purchase 5

 

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

Pay With Your Phone#5 - Big Ticket Purchase 6

 

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

Pay With Your Phone#5 - Big Ticket Purchase 7

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

Pay With Your Phone#5 - Big Ticket Purchase 8

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

 

Pay With Your Phone #4 – Voucher Payment

Mobile Wallet Payment Experiences…#4

You can watch the animated version here

 

In-store mobile voucher payment

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.

Pay With Your Phone#4 -Voucher Payment 1

 

Jane takes her phone out while in the queue

Pay With Your Phone#4 -Voucher Payment 2

 

Jane confirms payment by entering her PIN

Pay With Your Phone#4 -Voucher Payment 3

 

She taps the payment terminal and the phone reacts

Pay With Your Phone#4 -Voucher Payment 4

 

She then rates the service inside the application and sends the results back

Pay With Your Phone#4 -Voucher Payment 5

 

She then shares this rating with friends on Facebook

Pay With Your Phone#4 -Voucher Payment 6

 

This is much better thinks Jane as she leaves the store

Pay With Your Phone#4 -Voucher Payment 8

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

Pay With Your Phone #3 – Lunch offer

Mobile Wallet Payment Experiences…#3

YouTube ChannelYou can watch the animated version here

 

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

Pay With Your Phone#3 - Lunch offer 1

 

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

Pay With Your Phone#3 - Lunch offer 2

 

 

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

Pay With Your Phone#3 - Lunch offer 3

 

 

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

Pay With Your Phone#3 - Lunch offer 4

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

She gets a

notification of a new offer

Pay With Your Phone#3 - Lunch offer 5

 

A great offer appears that fits her perfectly

Pay With Your Phone#3 - Lunch offer 6

 

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

Pay With Your Phone#3 - Lunch offer 7

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

Pay With Your Phone#2 - Check Balance 5

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

Older posts

© 2017 Russell Webb Design

Theme by Anders NorenUp ↑