Tag: android (page 1 of 3)

8 reasons why you should use sidebar as navigation

Why is this new style of popular navigation winning hands down againstold-fashioned navigation methods? Well, here's my take on why, in eight easy sound bites.

01.

Users are familiar with desktop left navigation patterns

This is difficult to implement with such small real estate. Sidebar solves and provides for with this problem.

8reasonsToUseTheSidebarIcon4

 

Continue reading

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

Our vision for Shopping on Mobile Web

Coverpage

Overview

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

Brief

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.

 

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.

Mobile best practice for registration – Put the users needs before technology

User Registration on Mobile

Watch the videoWatch the animated version here

I have recently been involved in both high-level concept generation through to territory specific text changes in the exiting world of User Registration. These are my top 5 tips to help you streamline your process or find some inspiration.

1. Do not turn-off your client

Very early on you begin to realise that you, as a UX designer answering to Business and shakeholders alike, should avoid providing a dry and labour-intensive solution to what is a tedious process. This will inevitable put off, or turn off, potential new customers from the start. So, as they walk through your virtual door, try to present a broken-down and achievable process where they can see the light at the end of the tunnel. Don’t forget : Break your offer into bite-sized chunks

Regulations possibly dictate that your customers will need to supply certain information. If so, have them supply that information up-front. That way you, as a caring and customer-centric company can temporally capture that info and call them back should they drop-off. Then you can ask ‘Is everything allright? Can we help you further with your registration?”

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

Hybrid Betting App for Android

Brief: Refresh an Existing Android Hybrid Betting App for Unibet

Presented as a prime example of evolution through to revolution, this time critical design refresh delivered a vastly improved user experience. User are able to bet on:

  • Live events
  • Navigate and explore betting odds using the phones functionality
  • Locate events nearby to place bets on.

Discovery Phase

Following an extension review of the current offer, a synopsis of the competition and a round-table review session of the proposed mobile web visual language, I proposed three conceptual directions:

  • Concept One – Expandable menue (Progressive Disclose) Evolution
  • Concept Two – Carousel (Android tab slider)
  • Concept Three – Icons and Grids (3×3) Revolution

Revolution not evolution

Following several rounds, and really diving-deep during the Discovery Phase the decision was made to go for Revolution not Evolution. Yippee!

Refresh an Existing Android Hybrid Betting App for Unibet

Splash Page

Acting as a form of brand reinforcement splash screens both allow the App 4-5 seconds loading time. Although this is not technically necessary as Android can do immediate start, it does provide an opportunity to build loyalty amongst the customer base.

Refresh an Existing Android Hybrid Betting App for Unibet

Live Betting / Sports Betting

Whether you are concentrating on Proposition bets i.e wagers or very specific outcome of a match, for example betting whether a player will score in a football game, or Parlays involving multiple bets the UI provides easy sport-type search and Live search, plus continual streaming information via a live ticker feed.

Refresh an Existing Android Hybrid Betting App for Unibet

Odds

Tabbed content is delivered via custom designed iconography. This interface enables the user to save favourites sports type and reference for later.

Refresh an Existing Android Hybrid Betting App for Unibet

Nearby

Using the unique ability of the modern day smart phones and it’s GPS is perfectly suited to find and bet on events happening near you.

Refresh an Existing Android Hybrid Betting App for Unibet

Tablet Translation

With a nod to the mobile device the tablet version became a natural extension of that experience.

Tablet Shop Window

The user is guided to the four most relevant and most popular categories. Value adds include seasonal promotions and ‘ticker’ functionality.

Tablet Home

in:play or Live Betting is the most desirable feature for an eager audience. Football, then Horse Racing followed by Tennis lead the popularity stakes, which is presented front-of-house under the understandable title of Sports betting

This is but part of a selec­tion of design information rus­sell­webb­de­sign 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.

Marketing your App through the channels

How to marketing a brand new digital product

This is the challenging part of any marketing brief. You can target your Digital Tribes, whether they be Early Adopters or true Laggards, one sure-fire way is through traditional streams. Using traditional media is a concrete method of new product promotion and should not ignored. Remember: Print is NOT dead.

Building scenarios

Building scenarios

An effective method fo marketing a product to place a customer into the shoes of a typical user.

"I've got a secret but I can't tell anyone"

This opening statement defines a need state for this privacy service. Then you explain the scenario and how the product can benefit that customer. If you can translate this into an attractive case-study, then you have a winner.

Continue reading

How to push your users to download your app

Watch the videoWatch the video here

Provide a mobile web experience that makes you want more.

This is the dilemma. You have the resources, you have the idea but the richer and more immersive experience is inside your app, not your mobile web site. How do you push your user to download it?

Download, download, download

Providing a unified experience across all channels can stretch the most resourceful of companies . Sometimes a better strategy is to provide the ultimate level if functionality, the best UX on the platform that can best deliver that experience.

Continue reading

The official football app for the biggest league on the world

Barclays Premier League Mobile Applicaiton

Watch the videoWatch the video here

Brief

Create a brand engagement App by “getting customers closer to the Barclays Premier League”. Also, globally raise brand awareness in new markets and create synergies between current digital channel offerings: Barclays Ticket Office and Facebook.
Barclays Premier League Mobile Applicaiton

Business objectives

  • Create brand engagement in the UK via positive brand association and “getting customers closer to the BPL”.
  • Globally raise brand awareness in new markets.
  • Create synergies between current digital channel offerings: Barclays Ticket Office and Facebook.

Barclays Premier League Mobile Applicaiton

Communication objective

  • The app must be easily communicated and will be supported with an integrated marketing plan to ensure maximum downloads using existing and new BPL marketing channels.
  • This is a Barclay’s application – not a Premier League application.

Barclays Premier League Mobile Applicaiton

Mobile applications are a key tool for generating high levels of repeat customer engagement.

With smartphones set to take a market share of up to 70% over the next 2 years, and all manufacturers investing heavily in app stores, Barclays’ decision to invest in providing its service through apps is a sound one.

There are many options about where to deploy first, and how to decide on follow-up apps. This will apply equally to the emerging Tablet market.

  • 31% of UK mobile owners used apps in June 2010
  • That figure rises to 71% if you just look at owners of smartphones
  • The average British smartphone owner downloads 15 apps to their handset, keeps 12 of them, and uses 5 every day
  • GfK NOP’s survey found that 16-24 year-olds are using 10 apps every day on average though
  • A fifth of UK smartphone users were downloading more apps in June 2010 than six months before
  • A fifth of them would never pay for an app, but half have already paid for one

Barclays Premier League Mobile Applicaiton

How do football fans access the web?

“1 in 3 supporters aged 34 and under access the internet via their mobile phone”
  • Sports mobile usage in the UK mirrors the football season
  • Sports mobile usage peaks between 3-6pm at the weekend
  • Sports usage is heavily influence by live events, especially football.
  • What do football fans want?

Barclays Premier League Mobile Applicaiton

Overview

  • Launch with iPhone and Android applications
  • Includes core features that football fans want
  • Innovative functionality – different in marketplace
  • Clearly a ‘Barclays’ application
  • Integrates Barclays Premier League online properties

Barclays Premier League Mobile Applicaiton

90 Minutes

  • Personal communities
  • Live results and scores ticker
  • Social cloud and trends
  • Key talking points
  • Red and yellow cards

Barclays Premier League Mobile Applicaiton

Info Zone

Elements a football fan will expect from the app
  • News feeds (from interesting sources)
  • Fixtures and scores
  • League table
  • Team and player information

Barclays Premier League Mobile Applicaiton

Around the grounds

Bring the stands to life for true football fans

  • Augmented reality stadium finder
  • Stadium catcher competition
  • Crowd-sourced information
  • Feeds from Trip Advisor or similar service

Barclays Premier League Mobile Applicaiton

Ticket Office

  • Win Premier League tickets through the app
  • Shake to generate numbers
  • Register your details
  • Send to a friend

Barclays Premier League Mobile Applicaiton

Videos

Exclusive video content

  • Syncs with Barclays Premier League Facebook page
  • Weekly podcast
  • Legends video content
  • Player Of The Month
  • Other videos

Barclays Premier League Mobile Applicaiton

Android Widgets

The Android OS enables home screen ‘widgets’
  • Live scores on home screen
  • Location based information

Barclays Premier League Mobile Applicaiton

Cross promotion

Bringing Barclays to the minds of football fans
  • Dedicated banner space throughout the application
  • Dedicated application pages
  • Link to other Barclays sponsorship activity
  • Link to Barclays products

Barclays Premier League Mobile Applicaiton

Barclays Premier League Mobile Applicaiton

Barclays Premier League Mobile Applicaiton

Barclays Premier League Mobile Applicaiton

Watch the videoWatch the video here

This is but part of the design portfolio of russellwebbdesign. Please contact us further to discuss if your brand (or it’s design) can really wants to benefit from the new and effective communication channel: info@russellwebbdesign.co.uk

 

 

 

Older posts

© 2017 Russell Webb Design

Theme by Anders NorenUp ↑