Tag: iPhone

  • Design Trends For Mobile – Part 3: Test Your Design

    Download hereDesign Trends For Mobile – Part 3 – Test Your Design.pdf

    Design Trends in Mobile

    This is the 3rd part in a series of trends that I have wit­nessed in the design world. These trends andUX have now become best prac­tice in mobile design and an essen­tial skill-set for the expe­ri­enced UIdesigner.

    Test Your Design

    Try out your designs on as many devices as possible but remember innovation is not generated from focus groups. It is more than probably your cherished design, while amazing on stellar devices like the iPhone4 will degrade particularly badly on the trusty old Motorola Razr. You should be testing also for security and usability.

    Use emulators if you have too, but there is never a better substitute than using the device itself. So, use up your favours with your friend at the local phone shop and test your mobile web site one, twice and as many times as you can.

    You can, of course, test through the iOS Developer Program both over-the-air and in realtime, as well as determining black and white questions like ‘Does it work’ you can also test your designs effectivens:

    • How easy is it to navigate through your designs?
    • Is it obvious to the user which actions are available?
    • Is the look-and-feel  consistent from page to page, including font sizes and colors?

    Remember the phrase ‘Don’t Make me Think’ – it’s a good reference point.

    Download hereDesign Trends For Mobile – Part 3 – Test Your Design.pdf

    info@russellwebbdesign.co.uk

    This is but part of an examination of broad design principles russellwebbdesign generated for the design community. Please contact us further to discuss if your brand (ot it’s design) can really wants to benefit from effective communication and good graphic design: info@russellwebbdesign.co.uk

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

  • Design Trends For Mobile – Part 2: Progressive Disclosure

    Design Trends For Mobile - Part2 - Progressive Disclosure

    Download here 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.

    Design Trends For Mobile - Part2 - Progressive Disclosure

    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

    info@russellwebbdesign.co.uk

    Download here 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

  • Design Trends For Mobile – Part 1: Essential Content

    Design Trends for mobile

    Download hereDesign 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.

    Design Trends for mobile

    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.

    info@russellwebbdesign.co.uk

    Download hereDesign 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

  • Free Pay Pal buttons for UI designers everywhere

    PayPal button

    An essential part of the UI designers job is to quickly and cleverly visuals client concepts. So, to all my fellow designers out there please feel free to download the vector, resolution-independent ‘PayPal button‘ Adobe Illustrator file package.

    Download here

    All I ask is you drop a comment if you used the file successfully
    payPal_Buttons

    You can download the PayPal GUI package here

    Download here

    All I ask is you drop a comment if you used the file successfully

    This is only part of the offer russellwebbdesign generated for my UX/UI designer buddies 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

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

  • Can Boris Bikes turn London in to a world-class cycling city?

    Is this the future of cycling in London?

    It looks like Barclays have upped their game as providers of a sustainable cycling society for our capital city. With the release of their Barclays Cycle Hire App they have really set out their stall.See: Barclays Bike

    Barclys Bike

    Journey Planner

    Android version with videos linked to Barlcays Video channels

    Can the audience catch-on?

    Even their ATL material is reflecting a future thinking strategy. They obviously have the advantage of 1675 stores nationwide to form the most perfect billboard advertising. Aside from image consistency, (which Barclays do very well) the push for their Cycle Superhighway, a bold project, again underline their commitment to our sustainable ‘cycle’ city. Overall a great images, if a little photoshopped!

    20110716-112808.jpg
    Barclays Bike ATL in-store advertising

    Raising a banks profile

    As part of a multiple channel approach that is both two-fold; raising Barclays brand to become recognisable as omnipresent in our day-to-day life and providing a useful service far removed from ‘bad-boy’ financial services, Barclays have cleverly positioned themselves as THE environmentally aware corporate organisation that is there for it’s customers, both financially and as a environmental astute organisation.

    20110728-015746.jpg
    Both on the tube and throughout the National Rail Barcalys message is for clearly supporting London new ‘cycle’ pedigree

    How to market your App successfully

    True and effective App Marketing (There are now over 300,000 apps available for iPhone, iPad and iPod touch and surprisingly many of the best ones are free, more surprisingly only a fraction are kept for continual use) relies on three key points;

    1. Rigorous testing so when the end experiences your App for the first time the experience is nothing but positive. This testing should be used in your Software Development Life Cycle (SDLC) as default.
    2. Cross channel promotion using regular traditional media (print, campaign, advertising ) with what we can term ‘new’ traditional marcoms (banner ads, email campaigns, site take-overs, app store promotion, mini website) and complementing those channels with more UGC or 3.0 Web promo techniques (QR codes, reviews, competitions, games and FB pages)
    3. Word of month. We all know the best form of marketing is recommendation, the previous two points all attempt to get you to recommend this product or that service, if your apps allows you to do this by virtual sharing (FB or Twitter) or actual sharing (“Hey, have you seen this?”) then you’ve succeeded.
    20110728-021659.jpg
    Barclays Bike ATL outdoor advertising is also taking pride of place in London Piccadilly Circus
    20110728-021857.jpg
    Barclays Bike ATL outdoor advertising is also taking pride of place in London Piccadilly Circus

    This is only the views of russellwebbdesign. Please contact us further to discuss if your brand really wants from design: info@russellwebbdesign.co.uk

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

  • ‘Revisiting’ a Price Comparison Restaurant Finder App

    MoneySuperMarket-PizzaApp

    Insight

    Many years ago, while conceptualising mobile experience for a London-based creative agency I proposed the following for a price comparison client. I wanted to post it here to illustrate how this type of creative has chnaged since back in the day. I love the mention of the App Store as being an ‘exciting place’, but more importantly I retrospectively enjoy the fluid hand-drawn presentation style I had back then. Read on for more old school insight!

    MoneySuperMarket_PizzaFinder-Scan_Page_1

    Insight

    Moneysupermarket (MSM) have a strategy to leverage their comparison brand and branch out into the App market. This is a very exciting space and MSM are keen to increase their presence.

    Brief

    Utilising the API source from Moneysupermarket, deliver a real WOW experience for leveraging to the Moneysupermarket brand a hand-held and convenient way to find a pizza near you. This app will be section designed, filtering out pizza types and sizes, allowing the user to access special deals and discounts relative to their location and providing a unique ‘radar’ feature for locating pizzas.

    MSM offer a difficult branding experience. Purely because the logo and the values of the company contradict each other. Clearly for a unified brand experience there needs to be some consistency – as MSM are generating a family of iPhone Apps, the same (or brand) should run across all interfaces. This App revolved around the red wine colour.

    MoneySuperMarket - Pizza App. iPhone App to find and compare pizza located near to you.

    Loading Screen

    Following the suite of application already in existence this home page uses a brand texture while re-enforcing the new icon.

    MoneySuperMarket - Pizza App. iPhone App to find and compare pizza located near to you.

    Home

    ‘Hot Deal’ and ‘New Offer’s are previewed via a carousel, the phone location software allows for offer nearst to you and feeds the ‘Latest Deals’ – all feed direct to the home page.

    MoneySuperMarket - Pizza App. iPhone App to find and compare pizza located near to you.

    Pizza Price Compare

    Selecting a slice size and topping the app then uses the MSM customised API source to find pizzas set to that criteria.

    MoneySuperMarket - Pizza App. iPhone App to find and compare pizza located near to you.

    Radar

    Adding a certain element that is both fun and ‘gimmicky’ the radar screen rotates and blips on finding the pizza near you.

    MoneySuperMarket - Pizza App. iPhone App to find and compare pizza located near to you.

    Registration page

    Adding your postcode and email address allows for MSM to feed your voucher and supply the user with an improved experience.

    russellwebbdesign

    RussellWebbDesign: Get your fill of UX trends, case studies and best practice