SlideShare a Scribd company logo
DESIGNING FOR MULTIPLE DEVICES
New York October 8th 2012




                             Anna Dahlström
                                 co-founder byflock
                            www.annadahlstrom.com
                                     annadahlstrom
I’m Anna
                                  IA & UX DESIGNER | SWEDISH BUT LONDON BASED
                                          FREELANCING + WORKING ON A STARTUP
                                                     LOVES QUOTES & CHALLENGES
                                              This is Öresundsbron, the bridge between Sweden & Denmark




www.flickr.com/photos/dahlstroms/4411448782/
AGENDA
  1. DEVICE USAGE & PATTERNS
  2. IMPLICATIONS FOR UX & DESIGN THINKING
  3. BESPOKE MOBILE SITE vs. RESPONSIVE vs. AN APP
  4. RESPONSIVE
  5. APPS
  6. PRACTICE
  7. SUMMARY
  8. Q & A




www.flickr.com/photos/flatworldsedge/5151764959/
1. FIRST UP...
                                               DEVICE USAGE &
                                               PATTERNS




www.flickr.com/photos/publicenergy/1846375599

Recommended for you

Designing for iPad
Designing for iPadDesigning for iPad
Designing for iPad

This document discusses considerations for designing apps for the iPad. It provides statistics on iPad adoption rates and user demographics. It emphasizes that the iPad is a third category of device distinct from phones and laptops. The document outlines new design principles for the iPad's large touchscreen, including minimizing buttons, direct manipulation, handling different orientations. It stresses the importance of visual design and graphics, as well as usability factors like element sizes and hand positions.

ipaduxtable
Imagining the physical web
Imagining the physical webImagining the physical web
Imagining the physical web

Some people say the web is dying, but I believe it’s just getting started. And what will kick it into overdrive is the Physical Web: the ability to discover, engage, and interact with smart devices (or that “dumb” tree over there) using nothing more than a browser. In this presentation, we explore the impact these new capabilities may have on the way we design and think about this (increasingly near) future web.

proximitybluetoothopera browser
Beyond the mobile web by yiibu
Beyond the mobile web by yiibuBeyond the mobile web by yiibu
Beyond the mobile web by yiibu

Presented by Stephanie Rieger at Breaking Development in Dallas, April 11 2011 and Mobilism in Amsterdam, May 12, 2011. Context is often cited as the single most important factor in design for the mobile medium. Mobile devices are of course 'mobile', but they are also small, always on, always with us, and can instantly connect us to the people we love. Mobile services must therefore be simple, social, and well-focussed--enabling us to quickly get things done on even the smallest screens. This is all well and good, but mobile devices have changed. They may be mobile, but many have already stopped being 'phones'—nor do they resemble what we traditionally think of as computers. This presentation will explore how our use, and perception of mobile devices is changing, and how these changes may impact how we should design for them going forward.

bdconfmobilemobile web
DEVICE: a thing defined for a specific
 purpose or task & which can connect
 to the internet




http://desktopwallpaper-s.com/19-Computers/-/Future/
THE FOUCS OF TODAY
    SMARTPHONES | DESKTOP ( TABLETS) - iOS & ANDROID




http://desktopwallpaper-s.com/19-Computers/-/Future/
By the end of 2012, the number of mobile-
connected devices will exceed the number
of people on earth, and by 2016 there will
be 1.4 mobile devices per capita.*
 * Source: www.cisco.com/en/US/solutions/collateral/ns341/ns525/ns537/ns705/ns827/white_paper_c11-520862.html




www.flickr.com/photos/nasamarshall/6289116940
The average person looks at their phone
150 times a day.*
 * Source: www.textually.org/textually/archives/2012/02/030229.htm




www.flickr.com/photos/jorgeq82/4732700819

Recommended for you

Fundamentals of Designing for Multiple Devices - GA, New York, 07 Oct 2013
Fundamentals of Designing for Multiple Devices - GA, New York, 07 Oct 2013Fundamentals of Designing for Multiple Devices - GA, New York, 07 Oct 2013
Fundamentals of Designing for Multiple Devices - GA, New York, 07 Oct 2013

Slides from my Designing for multiple devices class at General Assembly in New York on the 7th of October 2013. The rise in smartphones and tablets has not only changed the way we consume and interact with content, but also the way we design and approach it. This class will explore the shifting of user expectations, changes in behavior and consumption patterns, and what these advancements mean for designing products across different platforms. Takeaways: - An understanding of how user expectations have shifted over the last few years with regards to the use of multiple devices and how this has affected behavior and consumption patterns among consumers - The impact this has on how to approach and design products and services that will be used on multiple devices - An overview and understanding of the difference between mobile websites vs. responsive design vs. apps and the basics of each - Guiding principles, resources and tools to help tackle the multiple device jungle

user experience designresponsive designux
Beyond progressive-enhancement
Beyond progressive-enhancementBeyond progressive-enhancement
Beyond progressive-enhancement

This document discusses emerging technologies and how they are blurring the lines between the digital and physical worlds. It explores concepts like smart connected objects, Internet of Things, and how the web can better integrate with native apps and experiences. The document advocates for a more seamless experience where the web enhances and complements other technologies instead of trying to replace them.

nfcweb designomnichannel
It's about people, not devices...
It's about people, not devices...It's about people, not devices...
It's about people, not devices...

This document discusses the diversity of mobile devices and user experiences globally. It notes that while smartphones have gained popularity in some markets, global smartphone penetration remains only around 23% and the mobile experience varies greatly depending on location, device capabilities, and network infrastructure. This diversity is likely to continue as new platforms and low-cost devices disrupt the market.

ux londongesturesios
40% of people use their phone in the
bathroom*
 * Source: http://www.lukew.com/ff/entry.asp?1500


www.flickr.com/photos/exlibris/2552107635
MOBILE DEVICES ARE
                                           USED ANYWHERE
                                           & EVERYWHERE
                                           ” The best computer is
                                           the one you have with
                                           you when you want
                                           something done. “
                                           - JACOB NIELSEN


www.flickr.com/photos/yahnyahn/2996454839
USAGE PATTERNS
                                                 ACROSS DEVICES
                                                 “...as devices become
                                                 more mobile, it’s not
                                                 only changing where
                                                 we read, but when. ”
                                                 - POCKET (formerly Read it Later)




www.flickr.com/photos/brandoncwarren/4236278556
POCKET’S STATS
                                                                             - DESKTOP




                           Source: http://readitlaterlist.com/blog/2011/01/is-mobile-affecting-when-we-read



www.flickr.com/photos/brandoncwarren/4236278556

Recommended for you

UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...
UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...
UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...

The document discusses device agnostic design, which aims to create content that can be accessed and displayed well on any device. It emphasizes building with reusable modular components rather than bespoke designs for each device. The key aspects are understanding content stacking strategies across screens, using content-based rather than device-based breakpoints, and designing interactive elements that work for both touch and non-touch interfaces. The goal is to provide users with a continuous experience regardless of the device they use.

anna dahlstromhow totablet
Part 1: Fundamentals of Designing for Multiple Devices - GA London, 24 Jul 2013
Part 1: Fundamentals of Designing for Multiple Devices - GA London, 24 Jul 2013Part 1: Fundamentals of Designing for Multiple Devices - GA London, 24 Jul 2013
Part 1: Fundamentals of Designing for Multiple Devices - GA London, 24 Jul 2013

Slides from the first of my 3 part series classes at General Assembly in London on the 24th of July 2013. https://generalassemb.ly/education/designing-for-multiple-devices-3-part-series/london/2172 ABSTRACT This introductory class will cover the basics of responsive design and mobile apps (for both Android and iOS), and how expectations and practices have changed for both.

user experience designresponsive designux
Bright talk if they cant use it, it doesnt work - final
Bright talk   if they cant use it, it doesnt work - finalBright talk   if they cant use it, it doesnt work - final
Bright talk if they cant use it, it doesnt work - final

The document discusses how latency and poor user experience can negatively impact systems in the cloud. It emphasizes the importance of monitoring from an end-user perspective to identify sources of latency. The key is to continually monitor all parts of the system, including individual transactions, infrastructure components, and end-user experience to drive the right actions that improve performance and optimize systems deployed in the cloud.

itsmfuser experienceitil
POCKET’S STATS
                                                                              - iPHONE




                           Source: http://readitlaterlist.com/blog/2011/01/is-mobile-affecting-when-we-read



www.flickr.com/photos/brandoncwarren/4236278556
POCKET’S STATS
                                                                                  - iPAD




                           Source: http://readitlaterlist.com/blog/2011/01/is-mobile-affecting-when-we-read



www.flickr.com/photos/brandoncwarren/4236278556
PEAK TIMES
•When we get up
•On our way to/ just arrived at work
•Commuting home
•Post dinner


Source: http://readitlaterlist.com/blog/2011/01/is-mobile-affecting-when-we-read
“MOBILE USERS ARE
  RUSHED &
  ON THE GO”
  THIS IS A MYTH




www.flickr.com/photos/theirmind/5001267661/

Recommended for you

Wearable Accessibility - Accessing Higher Ground 2014
Wearable Accessibility - Accessing Higher Ground 2014Wearable Accessibility - Accessing Higher Ground 2014
Wearable Accessibility - Accessing Higher Ground 2014

Google Glass, smart watches, athletic monitoring bracelets, and even Oculus Rift, the virtual reality goggles, have triggered the imagination of mobile developers ready to explore the potential of placing a computer on the body. Researchers have been developing wearable computers for many years, but today’s miniaturized, low-cost components and powerful mobile processors have made it easy to develop devices that integrate a persons physical state, location, and gestures. These devices can solve many accessibility issues, from detecting oncoming sirens for deaf individuals to hands-free control of mobile phones, wheelchairs, and other devices. Head mounted devices track the user’s sightline, motion-based sensors track gestures and movements, and geolocation provides context specific information. This talk introduces today’s wearable computers, key research projects, and what ideas for future products.

iosapplea11y
Olpc design analysis
Olpc design analysisOlpc design analysis
Olpc design analysis

The document discusses the One Laptop per Child (OLPC) project which aimed to provide $100 laptop computers to children in developing countries. It provides an overview of the OLPC design process from 2005-2008 including links to design prototypes and analyses. It notes that some criticized the project for having a design developed top-down without input from intended users, and that the laptop's aesthetics may have made it a target for theft in some environments.

Adaptation: Why responsive design actually begins on the server
Adaptation: Why responsive design actually begins on the serverAdaptation: Why responsive design actually begins on the server
Adaptation: Why responsive design actually begins on the server

The document discusses how responsive design begins on the server by adapting to different devices. It notes that as more devices have become capable of accessing the web, including lower-cost smartphones and basic phones, the definition of what constitutes a "smartphone" has expanded. It argues that while there is diversity in mobile devices, many lower-end devices still provide web access and basic smartphone functionality at an affordable price for many users.

responsive designweb designmobile web
A LARGE PROPORTION OF
                           USAGE HAPPENS WHEN WE
                                   HAVE TIME TO KILL
                                                   COMMUTING, WAITING BUT ALSO AT HOME
http://www.flickr.com/photos/hanhutton/320464105/
THE SAME TASKS ARE
                                            CARRIED OUT ON
                                            SMARTPHONES AS
                                            ON DESKTOPS
                                            AS DEVICES & EXPERIENCE BECOME MORE
                                            OPTIMISED USAGE & TASK EXECUTION IS
                                            INCREASING

www.flickr.com/photos/edduddiee/4307943164
Three purchases are made through
 eBay’s mobile applications every second.*
 Source: www.juniperresearch.com/reports/mobile_payments_for_digital_&_physical_goods




www.flickr.com/photos/stuckincustoms/440157748
2. THIS HAS...
                                                   IMPLICATIONS
                                                   FOR UX & DESIGN




http://www.flickr.com/photos/eyesore9/3206408088/

Recommended for you

Reset the Web
Reset the WebReset the Web
Reset the Web

Midway through a project, a client of ours recently said "One thing I'm learning is that it's ok to give up on the desktop experience once it stops making sense". This wasn't an isolated incident. In fact, i'm beginning to think desktop web sites stopped making sense quite a while ago. We've just had nothing viable to replace them with. Mobile apps have given us a glimpse, but I think they're merely a glimpse into something bigger. Mobile isn't merely a new stage in the evolution of the web, it's not even merely a new context, it's the very early stages of an entirely new system. A system that has already started to shape our environment, affect the way we live, how we choose to connect with others, and how we're able to spend our time. A system that is also slowly unravelling our assumptions and causing us to question the very reason we build web sites, why people visit them, and where the true value of the web actually lies. Presented by Stephanie Rieger at Breaking Development in Orlando, Florida on April 17, 2012.

historymobiledevelopment
Designing For Multiple Devices - Dublin Web Summit, Oct 2013
Designing For Multiple Devices - Dublin Web Summit, Oct 2013Designing For Multiple Devices - Dublin Web Summit, Oct 2013
Designing For Multiple Devices - Dublin Web Summit, Oct 2013

Slides from my 45min crash course workshops that I ran with General Assembly at the Dublin Web Summit 2013

user experience designuser experiencedublin web summit
Technology for engagement
Technology for engagementTechnology for engagement
Technology for engagement

This document provides an overview of practical technologies that can be used for community engagement and civic participation. It discusses how social media and mobile phones are ubiquitous technologies that can be leveraged. Specific tools are presented for gathering and sharing information through photos, videos, audio, maps and messaging. APIs, mobile applications and platforms for crowdsourcing, surveys and fundraising are presented as ways to better connect with and involve community members.

civic engagementtechnologysocial media
LIMITED DEVICE CAPABILITIES
 USED TO MEAN LIMITED TASKS
 E.G. FOCUS ON SEARCH | OPENING HOURS | REVIEWS | MENU




www.flickr.com/photos/frantaylor/4296536332
RESULTED IN MOBILE
  SPECIFIC WEBSITES
  LESS CONTENT & LINKS BACK TO THE FULL DESKTOP VERSION


                            DESKTOP
                          FULL WEBSITE
                                                       BESPOKE
                                                         CUT
                                                        DOWN
                                                       WEBSITE




                                  BESPOKE
                                    CUT
                                   DOWN
                                  WEBSITE




http://desktopwallpaper-s.com/19-Computers/-/Future/
PEOPLE ARE CLICKING THE
  ‘FULL DESKTOP VERSION’ LINK
  THERE IS A REASON FOR THAT




www.flickr.com/photos/demandaj/7287174776
AN EQUAL &
                                                       CONTINUOS
                                                        EXPERIENCE
                                                    ACROSS DEVICES
                                                       THIS EXPECTATION WILL
                                                       ONLY GROW STRONGER
www.flickr.com/photos/joachim_s_mueller/7110473339

Recommended for you

Three part series: Designing for multiple devices - GA, London, 20 Jan 2014
Three part series: Designing for multiple devices - GA, London, 20 Jan 2014Three part series: Designing for multiple devices - GA, London, 20 Jan 2014
Three part series: Designing for multiple devices - GA, London, 20 Jan 2014

Slides from my three-part series Designing for Multiple Devices class run on the 20th of January with General Assembly in London. The rise in mobiles and tablets have not only changed the way we consume and interact with content, but also the way we design and what we base our design approach on. This series of classes will cover how user expectations as well as behaviour and consumption patterns have shifted—and what that means for designing products that will be used on multiple devices. Coming out of these classes, you'll be equipped with the essential principles and tools to tackle the multiple device jungle.

user experience designresponsive designmobile ux
Part 2: Intermediate Designing for Multiple Devices - GA London, 31 Jul 2013
Part 2: Intermediate Designing for Multiple Devices - GA London, 31 Jul 2013Part 2: Intermediate Designing for Multiple Devices - GA London, 31 Jul 2013
Part 2: Intermediate Designing for Multiple Devices - GA London, 31 Jul 2013

Slides from the second of my 3 part series classes at General Assembly in London on the 31st of July 2013. https://generalassemb.ly/education/designing-for-multiple-devices-3-part-series/london/2172 ABSTRACT This follow-on session will build onto the guiding principles covered in the previous class, taking a closer look at: - the common challenges faced when designing for multiple devices and how to address them - content strategy and hierarchy across devices - app structures and navigation patterns for responsive design - how to test both responsive sites and apps

user experience designresponsive designvisual & navigation system
Three part series: Designing for multiple devices - GA, London, 26 Nov 2013
Three part series: Designing for multiple devices - GA, London, 26 Nov 2013Three part series: Designing for multiple devices - GA, London, 26 Nov 2013
Three part series: Designing for multiple devices - GA, London, 26 Nov 2013

Slides from my three-part series Designing for Multiple Devices class run in one evening on the 26th of November with General Assembly in London. https://generalassemb.ly/education/designing-for-multiple-devices-3-part-series The rise in mobiles and tablets have not only changed the way we consume and interact with content, but also the way we design and what we base our design approach on. This series of classes will cover how user expectations as well as behaviour and consumption patterns have shifted—and what that means for designing products that will be used on multiple devices. Coming out of these classes, you'll be equipped with the essential principles and tools to tackle the multiple device jungle.

user experience designresponsive designuser
3. A CLOSER LOOK AT...
                                                       BESPOKE
                                                       MOBILE SITES vs.
                                                       RESPONSIVE SITES
                                                       vs. APPS



http://www.flickr.com/photos/young_einstein/74097753/
PRIMARY REASONS
                                         FOR A BESPOKE
                                         MOBILE SITE
                                         • REQUIRED FOR THE AUDIENCE
                                         • TECHNICAL LIMITATIONS TO CMS




www.flickr.com/photos/st3f4n/3476036180
BEST AVOIDED
                                                         IF WE CAN
                                                      IT CAN CAUSE ALL SORTS OF
                                                                      PROBLEMS




http://www.flickr.com/photos/edenandjosh/2892956576/
BUT WHY?
                                             ” Today's popular devices are
                                                not tomorrow's so building
                                            something which works on any
                                              device is better than building
                                                something which works on
                                                          today's devices “
                                               - COMBINED WISE WORDS FROM @ONEXTRAPIXEL &
                                                                           @TRENTWALTON



www.flickr.com/photos/lastquest/1472794031

Recommended for you

Storytelling For Multi-device Design - Bulgaria Web Summit, 20 Feb 2016
Storytelling For Multi-device Design - Bulgaria Web Summit, 20 Feb 2016Storytelling For Multi-device Design - Bulgaria Web Summit, 20 Feb 2016
Storytelling For Multi-device Design - Bulgaria Web Summit, 20 Feb 2016

Slides from my talk at The Bulgaria Web Summit on 20 Feb 2016 http://bulgariawebsummit.com/ ABSTRACT As the number of devices we use on a daily basis grows, considering each device's role at different times, situations and contexts is becoming increasingly important. Our ability to control where a user is coming from and how they get around the experiences we design is fading. Yet our need to ensure we understand where they are in their journey, so that we can deliver the right content and interactions at the right time, and on the right device, is ever more important. In this talk Anna will look a the principles behind storytelling in design and how they can be translated onto a multi device landscape to help ensure we create better multi-device experiences for our users and healthier bottom lines for our businesses.

smartphonesdesignstrategy
Storytelling In Design - Funkas Tillgänglighetsdagar, 12 Apr 2016
Storytelling In Design - Funkas Tillgänglighetsdagar, 12 Apr 2016Storytelling In Design - Funkas Tillgänglighetsdagar, 12 Apr 2016
Storytelling In Design - Funkas Tillgänglighetsdagar, 12 Apr 2016

Slides from my talk at Funkas Tillgänglighetsdagar 12 April 2016 http://www.funka.com/vi-erbjuder/funkas-tillganglighetsdagar/ ABSTRACT As the number of devices we use on a daily basis grows, considering each device's role at different times, situations and contexts is becoming increasingly important. Our ability to control where a user is coming from and how they get around the experiences we design is fading. Yet our need to ensure we understand where they are in their journey, so that we can deliver the right content and interactions at the right time, and on the right device, is ever more important. In this talk I will look a the principles behind storytelling in design and how they can be translated onto a multi device landscape to help ensure we create better multi-device experiences for our users and healthier bottom lines for our businesses.

strategycontent strategystorytelling
Bouvet - Design för mobilt mångfald
Bouvet - Design för mobilt mångfaldBouvet - Design för mobilt mångfald
Bouvet - Design för mobilt mångfald

Slides från morgonseminarie hos Bouvet i Malmö, 29 augusti 2012

user experience designswedenia
THE ALTERNATIVE
                                                    IS MESSY & COSTLY
                                                     MAINTAINING DIFFERENT VERSIONS
                                                     USERS HAVING PROBLEMS FINDING
                                                               WHAT THEY ARE AFTER
                                                                     (E.G. IN SEARCH)




www.flickr.com/photos/ericconstantineau/5618576278
CORE CONTENT SHOULD
 REMAIN THE SAME BUT THE
 EXPERIENCE SHOULD BE
 OPTIMISED
 BOTH IN DISPLAY OF CONTENT &
 REGARDING USING DEVICE CAPABILITIES




www.flickr.com/photos/jmtimages/2883279193
MOBILE PRESENCE vs. APP?
 USE ANALYTICS FOR GUIDANCE
 MOSTLY DIRECT TRAFFIC
 POSSIBLE ARGUMENT FOR APP
 MOSTLY VIA SHARED LINKS
 MOBILE WEB PRESENCE NEEDED.
 AN APP ALONE WON’T CUT IT
 A BIT OF BOTH
 THEN CONSIDER....
www.flickr.com/photos/andwhynot/2946734025
WHETHER TO DO AN APP
   OR NOT COMES DOWN TO...
   • THE OBJECTIVE (USER & BUSINESS)
   • IF THERE ARE SPECIFIC DEVICE CAPABILITIES YOU WANT TO UTILISE
   • IF OFFLINE READING/USAGE IS REQUIRED
   • & OF COURSE BUDGET




www.flickr.com/photos/31878512@N06/4704140020

Recommended for you

Designing Around Storytelling - UCD2013, London 08 Oct 2013
Designing Around Storytelling - UCD2013, London 08 Oct 2013Designing Around Storytelling - UCD2013, London 08 Oct 2013
Designing Around Storytelling - UCD2013, London 08 Oct 2013

Slides from my talk around storytelling in design at the UCD 2013 Conference in London http://2013.ucduk.org. Stories have played an important part in our societies and development through history. In the last few years it's gained attention as a tool for and important aspect in communication, and rightfully so. But it's also an integral part of the design process and at UCD 2013 I talked about why as well as how we can use it, from the start, during definition and development as well as going forwards.

ucd2013user experience designbrand
Bulding Device Agnostic UX Systems - Generate London, 23 Sep 2016
Bulding Device Agnostic UX Systems - Generate London, 23 Sep 2016Bulding Device Agnostic UX Systems - Generate London, 23 Sep 2016
Bulding Device Agnostic UX Systems - Generate London, 23 Sep 2016

Slides from my talk at Generate London on the 23 September 2016 http://www.generateconf.com/london-2016 #generateconf ABSTRACT There was a time when we did glossy page designs and those designs were pretty much what we saw in our desktop browsers. With the rise of smartphones, tablets and smartwatches, there isn’t one view of our designs any more. With further developments in technology and screens, our content could go anywhere. As a result we need to move away from designing for specific devices to solutions that are device-agnostic. For UX designers that means means letting content guide layouts, and moving away from designing pages to focusing on the modules that those views are made up of. In this talk Anna will walk through why device-agnostic design matters, what it means and how we go about it.

uxdesignweb design
Storytelling In A Multi Device Landscape - Amuse, Budapest 30 Oct 2015
Storytelling In A Multi Device Landscape - Amuse, Budapest 30 Oct 2015Storytelling In A Multi Device Landscape - Amuse, Budapest 30 Oct 2015
Storytelling In A Multi Device Landscape - Amuse, Budapest 30 Oct 2015

Slides from my talk at the Amuse conference in Budapest 28 - 30 October 2015. http://amuseconf.com/ #amuseconf ABSTRACT As the number of devices we use are increasing, considering each device's role at different times, situations and context is becoming increasingly important. Our ability to control where a user is coming from and how they get around the experiences we design are becoming less and less. But the one we can still understand is what a user wants, and needs. In this talk I will look a the principles behind storytelling in design and how they can be translated onto a multi device landscape.

designstorymobile ux
DIFFERENT
TYPES OF APPS
THE MAIN TWO TYPES


NATIVE APPS (e.g. Instagram)
• MOST OPTIMISED USER EXPERIENCE
• ACCESS TO DEVICE CAPABILITIES & APIs
• BUT REQUIRES PLATFORM SPECIFIC CODE BASE

HYBRID (e.g. Facebook)
• USE OF HTML5 & JAVASRIPT
• WRAPPER TO PROVIDE NATIVE CAPABILITIES
• FEWER “VERSIONS” TO MAINTAIN
• BUT CAN BE TIME CONSUMING TO CREATE APP LIKE INTERACTIONS
• CAN'T JUST BE WRAPPED. MUST HAVE APP LIKE FUNCTIONALITIES
” Money spent developing a pretty but limited
iPhone app only benefits...the few, but money
spent on the website UI would have benefitted
everyone “
- Gary Marshall on ‘The app trap’ in .net Magaizine



www.flickr.com/photos/cristiano_betta/2909483129
4. THERE IS SOMETHING
                                                      CALLED...
                                                      RESPONSIVE
                                                      DESIGN




http://www.flickr.com/photos/paperpariah/4301471586/
“ Design & development should respond to
 the user’s behaviour & environment based on
 screen size, platform & orientation.
 [It’s]...a mix of flexible grids & layouts, images
 & an intelligent use of media queries. ”
 - SMASHING MAGAZINE

www.flickr.com/photos/adactio/5818096043

Recommended for you

Designing Around Storytelling - Digital Pond, London 06 Feb 2014
Designing Around Storytelling - Digital Pond, London 06 Feb 2014Designing Around Storytelling - Digital Pond, London 06 Feb 2014
Designing Around Storytelling - Digital Pond, London 06 Feb 2014

Slides from my talk around storytelling in design at the Digital Pond meet up on 06 Feb 2014 http://www.meetup.com/The-Digital-Pond/events/159211742/ Stories have played an important part in our societies and development through history. In the last few years it's gained attention as a tool for and important aspect in communication, and rightfully so. But it's also an integral part of the design process and at the Digital Pond I talked about why as well as how we can use it, from the start, during definition and development as well as going forwards.

branducd2013user experience design
cv 2016 final
cv 2016 finalcv 2016 final
cv 2016 final

This document provides a summary of Rebecca Morris's qualifications, skills, and work experience. It outlines her customer service, communication, administrative, and healthcare experience working in various roles such as a prison officer, radiographic aide, MRI assistant, and residential care worker. She has qualifications in areas like health and social care, property management, and first aid. References are available upon request.

Konsep koperasi,sejarah dan aliran koperasi indonesia
Konsep koperasi,sejarah dan aliran koperasi indonesiaKonsep koperasi,sejarah dan aliran koperasi indonesia
Konsep koperasi,sejarah dan aliran koperasi indonesia

Koperasi adalah organisasi ekonomi rakyat yang berwatak sosial dan beranggotakan orang-orang atau badan hukum yang bekerja sama untuk meningkatkan kesejahteraan anggotanya. Sejarah perkembangan koperasi di Indonesia dimulai pada tahun 1896 dan berkembang sesuai dengan kondisi politik dan ekonomi di masa penjajahan dan masa kemerdekaan. Terdapat tiga aliran koperasi yaitu aliran yardstick, sosialis, dan

DEFINE
  YOUR GRID
  & BREAK
  POINTS
  • USE AS THE BASIS OF
      YOUR PAGE LAYOUTS
  • CHECKPOINT FOR
      MODULE SIZES &
      VARIANTS
  • FIXED OR FLUID
      COLUMNS
  • DEFINES HOW
      CONTENT WILL
      BEHAVE ACROSS
      DEVICES
http://foundation.zurb.com/docs/layout.php
DEFINE YOUR CONTENT
STACKING STRATEGY
ACROSS DEVICES & ORIENTATION
                                                                          Mobile
                                                                           1
                                                                                    2 Header


“ Content needs to be
                                                                          Logo

                                                                                   3
                                                                                  Nav



choreographed to               Desktop & Tablet
                                                                              4
                                                                            Bath
                                                                           section
                                                                            intro
                                                                                          5
                                                                                          Ad



ensure the intended               1
                                 Logo
                                                       2
                                                     Header


message is preserved                             4
                                          Bath section intro
                                                                 5
                                                                 Ad
                                                                                  6



on any device and at
                                                                            Types of baths

                                  3
                                 Nav



any width ”                                      6
                                           Types of baths
                                                                  7
                                                               Related            7
                                                               products    Related products
- TRENT WALTON
                                8 Store
                                locator


                                9 Tools                                   8 Store
                                                                                      9 Tools
                                                                          locator


                                                10                                10
                                               Footer                            Footer
MOBILE VS. DESKTOP FIRST
• START LARGE OR SMALL
 WHAT EVER WORKS BEST FOR YOU
• ABOUT CONTENT, PRIORITISING &
 CONSIDERING HOW IT WILL WORK
 ACROSS DEVICES

MOBILE VS. DESKTOP FIRST
• START LARGE OR SMALL
 WHAT EVER WORKS BEST FOR YOU
• ABOUT CONTENT, PRIORITISING &
 CONSIDERING HOW IT WILL WORK
 ACROSS DEVICES
THE WEB IS
 FULL OF
 EXAMPLES
 LOOK FOR INSPIRATION &
 BEST PRACTICE
 e.g. as shown on the right
 http://mediaqueri.es/popular/




 BUT DON’T BE AFRAID TO
 CHALLENGE OR COME UP
 WITH SOMETHING... BETTER.

http://mediaqueri.es/popular/

Recommended for you

Applied ecosystem services in working forests: A direct market valuation
Applied ecosystem services in working forests: A direct market valuationApplied ecosystem services in working forests: A direct market valuation
Applied ecosystem services in working forests: A direct market valuation

This document discusses ecosystem services and traditional vs. ecosystem management approaches. It proposes assessing the Dumps Creek watershed in Virginia under both approaches. For traditional management, key services are fiber and recreation. For ecosystem management, additional services include carbon sequestration, watershed services, and biodiversity. The document outlines how to quantify service areas, identify potential markets, and estimate revenues under different pricing scenarios to compare the economic values of the two approaches over a 15-year period. It finds that ecosystem management yields higher total revenues than traditional management under all pricing scenarios.

ecosystemnatural resourcesofew
Internet Jako Dobro Wspólne
Internet Jako Dobro WspólneInternet Jako Dobro Wspólne
Internet Jako Dobro Wspólne
Part 3: Advanced Designing for Multiple Devices - GA London, 07 Aug 2013
Part 3: Advanced Designing for Multiple Devices - GA London, 07 Aug 2013Part 3: Advanced Designing for Multiple Devices - GA London, 07 Aug 2013
Part 3: Advanced Designing for Multiple Devices - GA London, 07 Aug 2013

Slides from the third of my 3 part series classes at General Assembly in London on the 7th of August 2013. https://generalassemb.ly/education/designing-for-multiple-devices-3-part-series/london/2172 ABSTRACT This 90-minute session will focus on designing for touch across devices - including hybrids - as well as the challenges and opportunities of responsive content. We will cover how to find a balance between controlling layouts and making your products as responsive as possible. By the end of the session you'll have an understanding of: - the different ways people physically hold and interact with their devices - how hybrid devices impact design decisions - why the mobile context matters and what you need to consider - how to adapt content to device layout and orientations - using content as the basis for breakpoints rather than devices - and a framework to use as the starting point for approaching modular and responsive design from an information architect (IA) and user experience (UX) point of view

user experience designresponsive designvisual & navigation system
CONSIDER YOUR NAVIGATION
 DIFFERENT WAYS OF OPTIMISING WITH DIFFERENT PROS & CONS




www.flickr.com/photos/tim_norris/2789759648
EXCELLENT READ
‘RESPONSIVE NAVIGATION PATTERNS’
by Brad Frost.*
Source: http://bradfrostweb.com/blog/web/responsive-nav-patterns
www.flickr.com/photos/dopey/123646856
5. WHAT ABOUT...
                                                                   DOING AN APP?




http://www.flickr.com/photos/tomitapio/4053123799/in/photostream/

Recommended for you

Beyond the mobile web
Beyond the mobile webBeyond the mobile web
Beyond the mobile web

The document discusses how the internet and mobile technology have become integrated into everyday life. Key points include: - The internet is no longer an activity confined to desktop computers, but something that people access constantly through mobile devices. - There are now over 5 billion mobile subscribers globally, and mobile phones are becoming as powerful as computers were a few years ago. - People use their mobile devices to engage in many activities like chatting, scheduling, shopping, and following up on things looked up on other devices. - Mobile internet usage is shifting from just short activities to complementing and facilitating longer tasks like research, transactions, and important decisions.

Beyond The Mobile Web By Yiibu 110412113255 Phpapp01
Beyond The Mobile Web By Yiibu 110412113255 Phpapp01Beyond The Mobile Web By Yiibu 110412113255 Phpapp01
Beyond The Mobile Web By Yiibu 110412113255 Phpapp01

Mobile internet access is becoming ubiquitous, with over 1.3 billion people now using their mobile devices to access the internet. Context for how the internet is accessed has changed dramatically, with people now commonly using their phones, tablets, and other devices to engage in many online activities both brief and extended. This has disrupted traditional models of web design which focused on desktop access with predictable contexts. A new approach is needed to create engaging mobile content in this environment of tremendous diversity and unpredictability.

Beyond The Mobile Web By Yiibu
Beyond The Mobile Web By YiibuBeyond The Mobile Web By Yiibu
Beyond The Mobile Web By Yiibu

The document discusses how the internet and mobile technology have become integrated into everyday life. Key points include: - The internet is no longer an activity confined to desktop computers, but something that people access constantly through mobile devices. - There are now over 5 billion mobile subscribers globally, and mobile phones are becoming as powerful as computers were a few years ago. - People use their mobile devices to engage in many activities like chatting, scheduling, shopping, and following up on things looked up on other devices. - Mobile internet usage is shifting from just short activities to complementing and facilitating longer tasks like research, transactions, and important decisions.

paymentsdigital commercemobile
APPS ARE
                                          FOCUSED & PERSONAL
                                          ” Small, downloadable chunks
                                          of software, they give people
                                          access to information in a
                                          neatly packaged format “
                                          - Apps on tap, The Economist Oct 8th 2011



www.flickr.com/photos/elwillo/5247084642
EVERY PLATFORM
IS ITS OWN
LITTLE
WORLD
WITH THEIR OWN UI
GUIDELINES THAT
USERS ARE USED TO




www.flickr.com/photos/gadl/3570118243
NOT AS
EASY AS JUST
ANDROID
OR iOS
FRAGMENTATION ACROSS
DIFFERENT VERSIONS &
BACKWARDS
COMPATIBILITY SHOULD
BE CONSIDERED




www.flickr.com/photos/nrkbeta/3906687294/in/photostream
RELATIVE NUMBER OF ACTIVE
ANDROID DEVICES RUNNING
A SPECIFIC VERSION




                                     Source: http://developer.android.com/about/dashboards/index.html




www.flickr.com/photos/blakespot/4773693893

Recommended for you

Device Agnostic Design - UCD2014, London 25 Oct 2014
Device Agnostic Design - UCD2014, London 25 Oct 2014Device Agnostic Design - UCD2014, London 25 Oct 2014
Device Agnostic Design - UCD2014, London 25 Oct 2014

Slides from my Device Agnostic Design talk at UCD London http://2014.ucduk.org/session/device-agnostic-design-how-to-get-your-content-to-go-anywhere/ ABSTRACT: There was a time when we did glossy page designs and when those designs were pretty much what we saw in our desktop browsers. With the introduction and rise of smartphones, tablets, phablets there isn’t one view of our designs anymore. Instead, what we create needs to be able to adapt in a way that is suitable for the device as well as where and how it’s being used. With responsive design we’ve learnt the basics of how to adapt content, interactions and layouts so that it works across devices. But with further developments in technology and screens, our content is going to go anywhere. As a result we need to move away from designing for specific devices to solutions that are device agnostic. For us as UX designers this means means letting content rather than devices guide layouts, and also increasingly moving away from designing and wireframing pages to focusing on the modules that those views are made up of. But there are other aspects to consider in device agnostic design. In this talk I walk through why device agnostic design matters, what it means and how we go about it.

user experience designuxstrategy
SparkUp 2010 Mobile UX 101
SparkUp 2010 Mobile UX 101SparkUp 2010 Mobile UX 101
SparkUp 2010 Mobile UX 101

This document discusses improving mobile user experiences. It notes that mobile is the primary way people access the internet in some countries. Constraints on mobile like form factor and battery life must be considered. Simple interfaces work best for mobile. Native apps have advantages over mobile web, but the line is blurring. Windows Mobile was replaced by Windows Phone 7 which improved the user experience. The document emphasizes understanding user behaviors and focusing on usability.

mobile ux poland sparkup 2010
Mobxbeyondthehamburgermenu13sep2014 140916040153-phpapp01
Mobxbeyondthehamburgermenu13sep2014 140916040153-phpapp01Mobxbeyondthehamburgermenu13sep2014 140916040153-phpapp01
Mobxbeyondthehamburgermenu13sep2014 140916040153-phpapp01

The document discusses designing experiences for multiple devices. It notes that users now own and switch between multiple devices throughout the day, from phones to tablets to wearables. As such, designers must consider how to provide equal, continuous experiences across different platforms and prioritize building modular content that can be adapted for any device or input method. Navigation and usability must work seamlessly regardless of screen size or input type.

anna dahlström
EXAMPLE OF ADOPTION
OF NEW iOS VERSION




                              Source: http://forums.macrumors.com/showthread.php?t=1347559&forceMobile=1




www.flickr.com/photos/blakespot/4773693893
KEY DIFFERENCES BETWEEN
DESIGNING FOR ANDROID & iOS

ANDROID                                                                     iOS
FRAGMENTATION                                                Design         CONSISTENCY
DIFFERENT FOR DIFFERENT VERSIONS &                        UI elements &     CONSISTENCY BETWEEN
HANDSETS                                                    principles      VERSIONS & HANDSETS
SLOWER IMPLEMENTATION & UPTAKE                           Version adoption   QUICK ADOPTION OF NEW
OF NEWER VERSIONS                                                           VERSIONS
HANDLED WITH EITHER SYSTEM BACK                          Back navigation    BACK BUTTON
BUTTON (EARLIER VERSIONS) OR BACK
& UP BUTTONS (LATEST VERSION)
OPTIONS MENU USED TO HOUSE APP                                              SETTINGS BUTTON OR 'MORE' TO
                                                           Settings etc.    ACCESS APP WIDE SETTINGS &
WIDE SETTINGS & INFORMATION
                                                                            INFORMATION



www.flickr.com/photos/nrkbeta/3906687294/in/photostream
iPHONE
RESOURCES
HELP & INSPIRATION
WELL DOCUMENTED
ANDROID
RESOURCES
HELP & INSPIRATION A LITTLE
LESS WELL DOCUMENTED FOR
EARLIER VERSIONS

Recommended for you

Beyond The Hamburger Menu - MOBX, 13 Sep 2014
Beyond The Hamburger Menu - MOBX, 13 Sep 2014Beyond The Hamburger Menu - MOBX, 13 Sep 2014
Beyond The Hamburger Menu - MOBX, 13 Sep 2014

The document discusses designing experiences for multiple devices. It notes that users now own and switch between multiple devices throughout the day, from phones to tablets to wearables. As such, designers must consider how to provide equal, continuous experiences across different platforms and prioritize building modular content that can be adapted for any device or input method. Navigation and usability must work seamlessly regardless of device.

multiple devicesmobilewearables
Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014
Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014
Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014

The document discusses designing experiences for multiple devices. It notes that people use different devices throughout the day, switching between them, so experiences need to be consistent across platforms. It also highlights that mobile experiences now drive a large portion of online activity and commerce. Designing for the capabilities of each device, rather than just focusing on mobile, is important to provide the best user experience on all platforms. Human: Thank you, that is a concise 3 sentence summary that captures the key points of the document.

contentmobile uxmobile
Beyond Progressive Enhancement by yiibu
Beyond Progressive Enhancement by yiibuBeyond Progressive Enhancement by yiibu
Beyond Progressive Enhancement by yiibu

The document discusses how technology is increasingly woven into everyday life and the physical world. It describes several new technologies like smart connected objects, self-driving cars that collect data, smart forks that track eating habits and communicate with apps. It argues that the web needs to embrace these new technologies and find ways to connect physical systems to provide more seamless experiences, rather than trying to compete with native apps. The future may involve the web enabling discovery of physical objects and powering connections between various systems and technologies.

technologyfuturefood and related products
iPhone          12:15 PM                                  More

 BASIC iOS
                                                                                                                                              Customise

                                                                                 APP NAME
                                                                                                         IMG     Item




 NAVIGATION
                                                                                                         IMG     Item

                                                                                                         IMG     Item

                                                                                                         IMG     Item

 CONSISTENT ACROSS                                                                                       IMG     Item

 VERSIONS                                                                        Content area
                                                                                                         IMG     Item

                                                                                                         IMG     Item

 NAVIGATION BAR                                                                                          IMG     Item

 Enables navigation through the app                                                                       IMG
 hierarchy. Holds the back button,                                                                        Home          Item    Item   Item       More

 controls for managing screen content &
 the title of the screen.                                           Home      Item     Item     Item   More



 BACK BUTTON
 Should always take the user one step back
 from where they came from & be descriptive.
 TAB BAR
 Can often be customised. Holds the main
 sections of the app.
 ‘MORE’ TAB BAR ITEM
 Used to hold & provide access to all other
 sections of the app that don’t fit in the tab bar.

Source: http://developer.android.com/design/patterns/new-4-0.html
ANDROID
NAVIGATION
DIFFERENT BETWEEN
VERSIONS. IN ICE CREAM
SANDWICH:

NAVIGATION BAR
For devices that don't have the
hardware keys. Holds 'Back', 'Home'
and 'Recents'
ACTION BAR
Holds the most important action buttons for
your app (3 + overflow menu)
UP VS. BACK BUTTON
The Up button is used to navigate up one level
based on the hierarchical structure of the site.
Back is used to navigate back one step from
where you came from & as such works in
reverse chronological order.

Source: http://developer.android.com/design/patterns/new-4-0.html
HOW TO TAME THE BEAST?
                                YOU LEARN BY DOING




www.flickr.com/photos/jojoneil/6359536591
6. TIME TO
                                                        PRACTICE




http://www.flickr.com/photos/kalexanderson/6302660289/

Recommended for you

The trouble with context
The trouble with contextThe trouble with context
The trouble with context

The document discusses how the context in which mobile devices are used has become increasingly complex and unpredictable. Guidelines from a few years ago around mobile design being context-driven are now outdated, as mobile and Internet-connected devices have proliferated and their uses have diversified. Over 5 billion people now own mobile devices, which for many are their primary or only means of Internet access. This shift has dramatically changed user behavior and expectations.

yiibu
The trouble with context
The trouble with contextThe trouble with context
The trouble with context

The document discusses how the context in which mobile devices are used has become increasingly complex and unpredictable. Guidelines from a few years ago around mobile design being focused on quick tasks and limited attention are no longer reliable given that mobile interactions now occur in many contexts. The rise of affordable smartphones and proliferation of connected devices means that for many people around the world, a mobile device may be their only access to the internet. This is dramatically impacting user behavior and expectations.

mobilemobile webbehaviour
Mobilising Digital - Sydney 26/03/14
Mobilising Digital - Sydney 26/03/14Mobilising Digital - Sydney 26/03/14
Mobilising Digital - Sydney 26/03/14

1. Mobile devices have become the primary way people access media through smartphones, tablets, and other screens. Most media interactions are with mobile screens and smartphone ownership continues to rise rapidly. 2. Opportunities on mobile go beyond apps to considering how mobile usage has changed user behavior and discovering the paths users take to content across multiple devices. User research is key to understanding this. 3. Design for mobile must optimize for thumb and eyeball-only interactions, use touch targets large enough for fingers, and consider network limitations. Images should be optimized for recognition or description.

digitalmobiledigital transformation
BESPOKE MOBILE
                                           SITE vs RESPONSIVE
                                           vs AN APP
                                           CONSIDER THE FOLLOWING SITUATION
                                           OR USE A PROJECT OF YOUR OWN:
                                           In preparation for the Christmas season 2012
 EXERCISE ONE                              Company A wants to create the ultimate
                                           Christmas guide to New York City.
                                           What do you recommend in terms of their
                                           presence, particularly mobile & why?




                                           10 MINUTES
www.flickr.com/photos/jojoneil/6359536591
MOBILE PRESENCE vs. APP?
 USE ANALYTICS FOR GUIDANCE
 MOSTLY DIRECT TRAFFIC
 POSSIBLE ARGUMENT FOR APP
 MOSTLY VIA SHARED LINKS
 MOBILE WEB PRESENCE NEEDED.
 AN APP ALONE WON’T CUT IT
 A BIT OF BOTH
 THEN CONSIDER....
www.flickr.com/photos/andwhynot/2946734025
WHETHER TO DO AN APP
   OR NOT COMES DOWN TO
   • THE OBJECTIVE (USER & BUSINESS)
   • IF THERE ARE SPECIFIC DEVICE CAPABILITIES YOU WANT TO UTILISE
   • IF OFFLINE READING/USAGE IS REQUIRED
   • & OF COURSE BUDGET




www.flickr.com/photos/31878512@N06/4704140020
EXERCISE ONE

BESPOKE MOBILE
SITE vs RESPONSIVE                         HOW WOULD MOST PEOPLE
                                           ACCESS IT?

vs AN APP                                  • MOSTLY DIRECT TRAFFIC
                                            POSSIBLE ARGUMENT FOR APP

CONSIDER THE FOLLOWING                     • MOSTLY VIA SHARED LINKS
                                            MOBILE WEB PRESENCE NEEDED.
SITUATION OR USE A PROJECT OF               AN APP ALONE WON’T CUT IT
YOUR OWN:
In preparation for the Christmas season
                                           CONSIDER...
2012 Company A wants to create the
ultimate Christmas guide to New York City. • THE OBJECTIVE (USER & BUSINESS)
What do you recommend in terms of          • IF THERE ARE SPECIFIC DEVICE
their presence, particularly mobile & why? CAPABILITIES YOU WANT TO UTILISE
                                           • IF OFFLINE READING/USAGE IS
10 MINUTES                                  REQUIRED
                                           • & OF COURSE BUDGET
www.flickr.com/photos/jojoneil/6359536591

Recommended for you

EduWeb - Building a Responsive Website for the Presidential Debate
EduWeb - Building a Responsive Website for the Presidential DebateEduWeb - Building a Responsive Website for the Presidential Debate
EduWeb - Building a Responsive Website for the Presidential Debate

“Building a Responsive Website for the Presidential Debate” by Jon Liu at eduWeb Conference in Boston on July 31, 2012 Videos in presentation: Monkey Video - http://www.ted.com/talks/frans_de_waal_do_animals_have_morals.html Dollar Shave Club -

adaptive web designhigher education webresponsive web design
In the palm of the customer - mobile marketing & social media
In the palm of the customer - mobile marketing & social mediaIn the palm of the customer - mobile marketing & social media
In the palm of the customer - mobile marketing & social media

Social media in Norway Smartphones in Norway How is mobile different? Examples of use: Location based content, Coupons, QR-codes The future is here: methods of payment, What’s next? It was presented at the Norwegian Business School the 19.9.2012 for Linjeforeningen for MSc i Strategic Marketing Management. A similar presentation about mobile marketing was held for Altiweb’s GoMobile! seminar the 3.5.2012 and at OMG’s breakfast seminar the 30.5.2012.

internet marketingappsnorway
Beyond The Hamburger Menu, UX Ireland, 10 Nov 2016
Beyond The Hamburger Menu, UX Ireland, 10 Nov 2016Beyond The Hamburger Menu, UX Ireland, 10 Nov 2016
Beyond The Hamburger Menu, UX Ireland, 10 Nov 2016

Slides from my talk at UX Ireland on 10 November 2016 http://uxireland.net/sessions/index.php?session=108 Abstract: From myths to trends and best practice, actual usage, engagement, design patterns and interactions - in this session, I will go through the insights behinds the stats and take a look at the reality behind mobile and what really matters when designing for multiple devices.

ux designmobile navigationmobile strategy
BUILDING A
                                           RESPONSIVE SITE
                                           COMPANY A WANTS TO INCLUDE THE
                                           FOLLOWING ON THEIR SITE:
                                           • Event calendar            • Christmas focused maps
                                           • Day planner & search      • Basic travel search
                                           • Itineraries suggestions   • Ad spaces & offers
                                           PART 1
 EXERCISE TWO                              Pick either mobile or desktop & do a rough sketch of
                                           what the home page should contain & how the
                                           content should be prioritised. Where you see
                                           appropriate include a reference to where imagery
                                           should be used.
                                           PART 2
                                           Using content stacking methodology define how the
                                           content should be prioritised on desktop and mobile.


www.flickr.com/photos/jojoneil/6359536591
                                           15 MINUTES
DEFINE YOUR CONTENT
STACKING STRATEGY
ACROSS DEVICES & ORIENTATION
                                                                          Mobile
                                                                           1
                                                                                    2 Header


“ Content needs to be
                                                                          Logo

                                                                                   3
                                                                                  Nav



choreographed to               Desktop & Tablet
                                                                              4
                                                                            Bath
                                                                           section
                                                                            intro
                                                                                          5
                                                                                          Ad



ensure the intended               1
                                 Logo
                                                       2
                                                     Header


message is preserved                             4
                                          Bath section intro
                                                                 5
                                                                 Ad
                                                                                  6



on any device and at
                                                                            Types of baths

                                  3
                                 Nav



any width ”                                      6
                                           Types of baths
                                                                  7
                                                               Related            7
                                                               products    Related products
- TRENT WALTON
                                8 Store
                                locator


                                9 Tools                                   8 Store
                                                                                      9 Tools
                                                                          locator


                                                10                                10
                                               Footer                            Footer
EXERCISE TWO

BUILDING A
RESPONSIVE SITE                                                                                          Mobile
                                                                                                          1
                                                                                                                   2 Header

COMPANY A WANTS TO INCLUDE THE
                                                                                                         Logo

                                                                                                                  3
FOLLOWING ON THEIR SITE:                                                                                         Nav

                                                                                                             4


• Event calendar                       • Christmas focused maps Desktop & Tablet
                                                                                                           Bath          5
                                                                                                          section        Ad


                                       • Basic travel search
                                                                                                           intro

• Day planner & search
• Itineraries suggestions              • Ad spaces & offers      1
                                                                Logo
                                                                                      2
                                                                                    Header


                                                                                4               5
PART 1
                                                                                                                6
                                                                         Bath section intro     Ad        Types of baths

                                                                 3

Pick either mobile or desktop & do a rough sketch of            Nav


what the home page should contain & how the
content should be prioritised. Where you see                                    6
                                                                          Types of baths
                                                                                                 7
                                                                                              Related           7

appropriate include a reference to where imagery               8 Store                        products   Related products
                                                               locator

should be used.                                                9 Tools                                   8 Store
                                                                                                                     9 Tools
                                                                                                         locator


PART 2                                                                         10
                                                                              Footer
                                                                                                                 10
                                                                                                                Footer


Using content stacking methodology define how the
content should be prioritised on desktop and mobile.

15 MINUTES
www.flickr.com/photos/jojoneil/6359536591
BUILDING AN APP
                                           BASED ON THE CONTENT FOR THE SITE &
                                           WHAT YOU KNOW ABOUT CHRISTMAS IN NEW
                                           YORK CONSIDER WHAT WOULD BE SUITABLE
                                           FOR AN APP:
                                           • Event calendar            • Christmas focused maps
                                           • Day planner & search      • Basic travel search
                                           • Itineraries suggestions   • Ad spaces & offers
                                           PART 1
EXERCISE THREE                             Define the main sections your app would have.
                                           PART 2
                                           Looking at the navigation how would you structure
                                           this if you were to do an iOS app & an Android app?
                                           Focus on the Tab bar items respectively Action bar
                                           items & what would go in the ‘More’ respectively
                                           ‘Overflow menu’.




www.flickr.com/photos/jojoneil/6359536591   15 MINUTES

Recommended for you

Mobile Web vs. Native Apps | Design4Mobile
Mobile Web vs. Native Apps | Design4MobileMobile Web vs. Native Apps | Design4Mobile
Mobile Web vs. Native Apps | Design4Mobile

This document provides an overview of a presentation on native mobile apps versus mobile web apps. It includes slides on why developers were fighting over the two approaches, Apple's announcement allowing third-party apps on the iPhone, and the surprise success of the iPhone App Store. It also discusses factors that contributed to the App Store's success like its openness, revenue split, and fewer restrictions compared to mobile carriers. The document debates questions around whether apps create platform lock-in, if app stores are essential to a platform's success, and challenges of developing for multiple mobile platforms. It suggests that HTML5 and WebKit may become the dominant mobile platform.

mobilewebnativeappsdesign4mobile
Library Skunk Works: User Experience Design for the 21st Century Library
Library Skunk Works: User Experience Design for the 21st Century LibraryLibrary Skunk Works: User Experience Design for the 21st Century Library
Library Skunk Works: User Experience Design for the 21st Century Library

The document discusses user experience (UX) design for libraries. It defines UX as a planned, positive experience that is more than the sum of its parts. It discusses factors like culture, society, the mind, metrics, components like interfaces and physical spaces, and values like inspiration and personal transformation that relate to UX. It also discusses inhibitors like security and apathy. The document provides examples of how the Darien Library applies UX principles through mobility, communication, marketing, and more.

dariendarienlibraryrila
Mobilising Digital - Perth 13/03/14
Mobilising Digital - Perth 13/03/14Mobilising Digital - Perth 13/03/14
Mobilising Digital - Perth 13/03/14

More people are using mobile platforms to access information - can your business afford to be left behind in an age of rapid digital transformation? When once it was acceptable to be in the late majority when it came to adjusting your business to technological advancements, nowadays you have to lead the pack in order to be a viable business.

precedenttechnologydigital
iPhone          12:15 PM                                  More

  BASIC iOS
                                                                                                                                              Customise

                                                                                 APP NAME
                                                                                                         IMG     Item




  NAVIGATION
                                                                                                         IMG     Item

                                                                                                         IMG     Item

                                                                                                         IMG     Item

  CONSISTENT ACROSS                                                                                      IMG     Item

  VERSIONS                                                                       Content area
                                                                                                         IMG     Item

                                                                                                         IMG     Item

  NAVIGATION BAR                                                                                         IMG     Item

  Enables navigation through the app                                                                      IMG
  hierarchy. Holds the back button,                                                                       Home          Item    Item   Item       More

  controls for managing screen content &
  the title of the screen.                                          Home      Item     Item     Item   More



  BACK BUTTON
  Should always take the user one step back
  from where they came from & be descriptive.
  TAB BAR
  Can often be customised. Holds the main
  sections of the app.
  ‘MORE’ TAB BAR ITEM
  Used to hold & provide access to all other
  sections of the app that don’t fit in the tab bar.

Source: http://developer.android.com/design/patterns/new-4-0.html
ANDROID
NAVIGATION
DIFFERENT BETWEEN
VERSIONS. IN ICE CREAM
SANDWICH:

NAVIGATION BAR
For devices that don't have the
hardware keys. Holds 'Back', 'Home'
and 'Recents'
ACTION BAR
Holds the most important action buttons for
your app (3 + overflow menu)
UP VS. BACK BUTTON
The Up button is used to navigate up one level
based on the hierarchical structure of the site.
Back is used to navigate back one step from
where you came from & as such works in
reverse chronological order.

Source: http://developer.android.com/design/patterns/new-4-0.html
EXERCISE THREE

BUILDING AN APP
                                                             iPhone          12:15 PM                                  More           Customise

                                                                         APP NAME
                                                                                                 IMG     Item

                                                                                                 IMG     Item

BASED ON THE CONTENT FOR THE SITE &                                                              IMG     Item

WHAT YOU KNOW ABOUT CHRISTMAS IN                                                                 IMG     Item

NEW YORK CONSIDER WHAT WOULD BE                                                                  IMG     Item

SUITABLE FOR AN APP:                                                     Content area
                                                                                                 IMG     Item



• Event calendar                 • Christmas focused maps
                                                                                                 IMG     Item


• Day planner & search           • Basic travel search                                           IMG     Item


• Itineraries suggestions        • Ad spaces & offers                                             IMG

                                                                                                  Home          Item    Item   Item       More




PART 1                                                      Home      Item     Item     Item   More




Define the main sections your app would have.
PART 2
Looking at the navigation how would you
structure this if you were to do an iOS app & an
Android app? Focus on the Tab bar items
respectively Action bar items & what would go in
the ‘More’ respectively ‘Overflow menu’.

15 MINUTES
www.flickr.com/photos/jojoneil/6359536591
7. TO
                                                         SUMMARISE




http://www.flickr.com/photos/martinteschner/4569495912/

Recommended for you

Responsive Web Design & the state of the Web
Responsive Web Design & the state of the WebResponsive Web Design & the state of the Web
Responsive Web Design & the state of the Web

The document discusses responsive web design, which is an approach where design and development respond to the user's behavior and environment based on screen size, platform, and orientation. It involves flexible grids and layouts, images, and media queries to automatically adjust the website for different devices like laptops and iPads. The goal is for the website to have technology that automatically responds to the user's preferences as they switch devices.

web designresponsive web design
Optimising Landing Pages Through Narrative Structure - Digital Growth Unleash...
Optimising Landing Pages Through Narrative Structure - Digital Growth Unleash...Optimising Landing Pages Through Narrative Structure - Digital Growth Unleash...
Optimising Landing Pages Through Narrative Structure - Digital Growth Unleash...

Slides from my talk at Digital Growth Unleashed in London on the 17 October 2018. ABSTRACT In all good stories things happen for a reason. Every prop and character that is present, every line that is spoken and song that is played has a role to play in making the story come together. In this talk Anna takes us on a journey of what we can learn from traditional storytelling methods when it comes to optimising landing pages and how narrative structure is key in ensuring we're telling the right story to the right audience, at the right time. https://digitalgrowthunleashed.co.uk/agenda/?rmid=session57101#s-session57101

uxmobile uxux design
Using Storytelling to Create Experiences that Convert - Conversion Elite, Lon...
Using Storytelling to Create Experiences that Convert - Conversion Elite, Lon...Using Storytelling to Create Experiences that Convert - Conversion Elite, Lon...
Using Storytelling to Create Experiences that Convert - Conversion Elite, Lon...

The document discusses using storytelling to create experiences that convert. It provides examples of how stories can motivate people and influence their beliefs and behaviors. The key aspects of storytelling discussed are the plot, characters, and setting of the story. The document advocates mapping out customer journeys to understand how stories and experiences are structured at each stage.

uxstorytellinguser experience
DEVICE USAGE &
                                            PATTERNS
                                            FUTURE DEVICES
                                            The number of different devices will
                                            only grow & we don’t know what’s
                                            coming.
                                            USED EVERYWHERE &
                                            ANYWHERE
                                            And we’re not only using them on the
                                            go but increasingly when we have
                                            some downtime including the sofa.
                                            USE OF MOBILE DEVICES
                                            Our use of mobile devices is
www.flickr.com/photos/thecaucas/2597813380   increasingly replicating that of desktop.
IMPLICATIONS
                                            FOR UX &
                                            DESIGN
                                            THINKING
                                            AN EQUAL & CONTINUOUS
                                            EXPERIENCE ACROSS DEVICES
                                            As they & the services we use
                                            become more sophisticated &
                                            optimised we expect more from them.
                                            KEEP THE CORE BUT OPTIMISE
                                            Consider the limitations but also the
                                            opportunities with mobile devices.
www.flickr.com/photos/thecaucas/2597813380
WHEN
                                            DO WHAT
                                            BESPOKE MOBILE WEBSITE
                                            Try to avoid it but do it if necessary
                                            RESPONSIVE & ADAPTIVE DESIGN
                                            The most device & future adaptive
                                            approach right now. Use if possible.
                                            But challenge content delivery.
                                            APP
                                            Use if you require offline reading/
                                            functionality & access to device
                                            capabilities. Base which type on
                                            objectives & stats.
www.flickr.com/photos/thecaucas/2597813380
FOR
                                            RESPONSIVE
                                            DEFINE YOUR GRID &
                                            BREAKPOINTS
                                            This is the backbone of responsive
                                            design & content choreography.
                                            DON’T FORGET THE
                                            NAVIGATION
                                            Consider the pros & cons of
                                            different methods.
                                            TEST & COLLABORATE
                                            This is new grounds & we’re all
                                            learning so work together & test as
www.flickr.com/photos/thecaucas/2597813380   you go.

Recommended for you

How To Use Storytelling To Craft Experiences That Engage - IIeX EU, Amsterda...
How To Use Storytelling To Craft Experiences That Engage  - IIeX EU, Amsterda...How To Use Storytelling To Craft Experiences That Engage  - IIeX EU, Amsterda...
How To Use Storytelling To Craft Experiences That Engage - IIeX EU, Amsterda...

The document discusses using storytelling to craft engaging experiences. It provides examples of how stories influence our beliefs and behaviors more than facts or arguments. The presentation outlines principles of storytelling like plot, characters, and setting to understand problems, deliver solutions, and present outputs. It emphasizes applying dramaturgy to visualize experiences and map customer journeys through different stages with touchpoints.

storytellingstoriespresentations
Beyond The Hamburger Menu - UX In The City Oxford, 21 Apr 2017
Beyond The Hamburger Menu - UX In The City Oxford, 21 Apr 2017Beyond The Hamburger Menu - UX In The City Oxford, 21 Apr 2017
Beyond The Hamburger Menu - UX In The City Oxford, 21 Apr 2017

Slides from my talk Beyond the Hamburger Menu at UX In The City Oxford http://uxinthecity.net/2017/oxford/sessions/index.php?session=109 ABSTRACT From myths to trends and best practice, actual usage, engagement, design patterns and interactions - in this session, I will go through the insights behind the stats and take a look at the reality behind mobile and what really matters when designing for multiple devices.

mobile strategymobile navigationdesigning for multiple devices
Using Storytelling To Craft Multi-device Experiences That Convert - CXL Live,...
Using Storytelling To Craft Multi-device Experiences That Convert - CXL Live,...Using Storytelling To Craft Multi-device Experiences That Convert - CXL Live,...
Using Storytelling To Craft Multi-device Experiences That Convert - CXL Live,...

This document discusses using storytelling techniques to design multi-device experiences that optimize conversion. It emphasizes understanding users' journeys through dramaturgy and defining characters, plots, and environments. By mapping the experience ecosystem and asking fundamental questions, designers can move from data-driven mechanics to architecting experiences grounded in users' needs and contexts. This approach facilitates clearer, more accurate understanding from the start of a project.

web designstrategyuser centred design
FOR APPS
                                            REMEMBER PLATFORM SPECIFIC
                                            GUIDELINES
                                            Adhering to them will make your
                                            app easier to use.
                                            CONSIDER BACKWARDS
                                            COMPATIBILITY
                                            Not everyone will be on the latest
                                            version. Ensure you cater for the
                                            majority.
                                            CONSULT THE INTERNET
                                            There are a number of great
                                            resources for knowledge &
                                            inspiration. Use them.
www.flickr.com/photos/thecaucas/2597813380
8. BEFORE I GO...
                                        REMEMBER THAT

BEFORE I GO REMEMBER THAT...
• DESIGNING FOR MULTIPLE DEVICES IS NOT
  JUST ABOUT THE SMALLER SCREENS
 • IT’S ALSO ABOUT THE LARGER ONES
 • & IT’S ABOUT THINKING AHEAD
 • & ABOUT BEING CLEVER IN WHAT WE DO
www.flickr.com/photos/publicenergy/1846375599
...IT’S NOT JUST ABOUT
                                           THE SMALLER SCREENS
                                                     BUT ALSO THE BIG ONES




www.flickr.com/photos/jolives/2889944573/
IT’S ABOUT
                                           THINKING AHEAD
                                               PLAN 5 YEARS AHEAD WITH
                                             “FUTURE PROOFING” IN MIND




www.flickr.com/photos/jolives/2889944573/

Recommended for you

Storytelling In Design - SXSW, 13 March 2017
Storytelling In Design - SXSW, 13 March 2017Storytelling In Design - SXSW, 13 March 2017
Storytelling In Design - SXSW, 13 March 2017

Slides from my two talks at SXSW 2017 about my upcoming book 'Storytelling in design'. http://schedule.sxsw.com/2017/events/PP65833 ABSTRACT To every great story there's a bit of magic involved and so there is to experiences that just work and deliver the right content, interactions and notifications at the right time, and on the right device. Drawing on tried and tested storytelling principles from film, fiction, and music and applying them to the context of UX design and business, in this talk Ms. Dahlstrom shares how we can instil a bit of magic in the work we do and hereby ensure that we create better multi-device experiences for our users and healthier bottom lines for our businesses.

mobileuxmobile strategy
Storytelling In Design - DXN, Nottingham, 8 Feb 2017
Storytelling In Design - DXN, Nottingham, 8 Feb 2017Storytelling In Design - DXN, Nottingham, 8 Feb 2017
Storytelling In Design - DXN, Nottingham, 8 Feb 2017

Slides from my talk about Storytelling In Design at Design Exchange Nottingham on 8 Feb 2017. http://dxnevent.com/ ABSTRACT To every great story there's a bit of magic involved and so there is to experiences that just work and deliver the right content, interactions and nudges at the right time, and on/via the right device. Drawing on tried and tested storytelling principles from film, fiction, and music and applying them to the context of UX design, in this talk Anna shares how the increasingly complex world we���re designing for is our biggest asset and how storytelling in design can help us instil a bit of everyday magic in the work we do, for our users, and for us.

web designmultiple devicesdesigning for multiple devices
Storytelling In Design - Conversion Hotel, Texel NL, 20 Nov 2016
Storytelling In Design - Conversion Hotel, Texel NL, 20 Nov 2016Storytelling In Design - Conversion Hotel, Texel NL, 20 Nov 2016
Storytelling In Design - Conversion Hotel, Texel NL, 20 Nov 2016

Slides from my talk at Conversion Hotel on 20th November 2016 about how we can apply principles from traditional storytelling to our design process to help define and create better multi-device experiences. http://conversionhotel.com/

uxmobile marketingweb design
IT DOESN’T
                                             HAVE TO BREAK
                                                  THE BANK
                                                BESIDES CONSIDER LOST
                                             CUSTOMERS & MAINTAINING
                                                     MULTIPLE VERSIONS
http://www.flickr.com/photos/gi/5537770007/
BE CREATIVE & CHALLENGE
 WHAT EXISTS TODAY
 THAT’S WHAT MOVES US FORWARD




www.flickr.com/photos/oter/5090592214
CLOSER & MORE
 REWARDING
 COLLABORATION
 BETWEEN DISCIPLINES & WITH CLIENTS




www.flickr.com/photos/stevendepolo/3378152784
BUT ABOVE ALL...
 “ We’re not just making pretty
  interfaces. We’re actually in the process of
  making an environment where we’ll spend
  most of our time, for the rest of our lives.
  We’re the designers.We’re the builders.
  What do we want that environment to feel
  like? What do we want to feel like.           ”
 - Wilson Minor




http://www.flickr.com/photos/funch/4679422945/

Recommended for you

Designing Around Storytelling - Breaking Borders, Reading 18 August 2015
Designing Around Storytelling - Breaking Borders, Reading 18 August 2015Designing Around Storytelling - Breaking Borders, Reading 18 August 2015
Designing Around Storytelling - Breaking Borders, Reading 18 August 2015

Slides from my talk at Breaking Borders on the 18 August. http://breakingborde.rs/past-events/engagement/ Storytelling has always played an important part in our societies throughout history. In the last few years it's gained attention as an important aspect in communicating and building engagement with a brand’s customer base. But storytelling is also an integral part of the design process. It’s a tool that not only can help us define our content and messaging, but the experience as a whole. Both across platforms and screens, and how we interact with it.

storytellingcontentuser experience design
Beyond the hamburger menu - Reasons:London, 20 Feb 2015
Beyond the hamburger menu - Reasons:London, 20 Feb 2015Beyond the hamburger menu - Reasons:London, 20 Feb 2015
Beyond the hamburger menu - Reasons:London, 20 Feb 2015

Slides from my talk at Reasons:London on the 20th of Feb where I talked about 10 things you need to know about mobile. http://reasons.to/

uxuser experience designstrategy
Responsivt - Inte bara för mobilen + Webbdagarna Växjö, 04 Dec 2014
Responsivt - Inte bara för mobilen + Webbdagarna Växjö, 04 Dec 2014Responsivt - Inte bara för mobilen + Webbdagarna Växjö, 04 Dec 2014
Responsivt - Inte bara för mobilen + Webbdagarna Växjö, 04 Dec 2014

Slides from my talk at Webbdagarna Växjö on the 4 December 2014. http://www.webbdagarna.se/vaxjo-2014/program Video (in Swedish): http://internetworld.idg.se/2.1006/1.600683/responsivt---inte-bara-for-mobilen Abstract: Responsiv design ses av många som ett sätt att anpassa sina sajter till att användare surfar på mobilen eller surfplattan. Men responsivt är mycket mer än så. Det är ett sätt att framtidssäkra sina digitala tjänster för en framtid med nya enheter av alla olika storlekar.

mobiledesignresponsive design
9. FOR THE ROAD
SOME TAKE
AWAYS




                  www.flickr.com/photos/st3f4n/4387291247
PLATFORM
   GUIDELINES
   http://developer.apple.com/library/ios/
   #DOCUMENTATION/UserExperience/
   Conceptual/MobileHIG/
   UIElementGuidelines/
   UIElementGuidelines.html
   http://mrgan.tumblr.com/post/
   10492926111/labeling-the-back-button
   http://developer.android.com/design/
   index.html




www.flickr.com/photos/st3f4n/4387291247
PATTERN
   LIBRARIES
   http://pttrns.com/
   http://mobile-patterns.com/
   http://www.patternsofdesign.co.uk/
   http://
   www.mobiledesignpatterngallery.com/
   mobile-patterns.php
   http://www.androidpatterns.com/
   http://androidpttrns.com/




www.flickr.com/photos/st3f4n/4387291247
RESPONSIVE
DESIGN
http://mediaqueri.es/popular/
http://www.alistapart.com/articles/responsive-
web-design/
http://designmodo.com/responsive-design-
examples/
http://jamus.co.uk/demos/rwd-
demonstrations/
http://bradfrostweb.com/blog/web/
responsive-nav-patterns/
http://www.gridsetapp.com/
http://grid.mindplay.dk
http://goldengridsystem.com/
http://foundation.zurb.com/docs/layout.php       www.flickr.com/photos/st3f4n/4387291247

Recommended for you

Building Device Agnostic UX systems - GeekGirl, London 28 Oct 2014
Building Device Agnostic UX systems - GeekGirl, London 28 Oct 2014Building Device Agnostic UX systems - GeekGirl, London 28 Oct 2014
Building Device Agnostic UX systems - GeekGirl, London 28 Oct 2014

Slides from my talk at GeekGirl where the theme was 'From Web to Watch-Designing a multiplatform UX system' http://www.geekgirlmeetup.co.uk/blog/

user experience designuser experiencemobile ux
Designing Better UX Deliverables - Cambridge Usability Group, 12 May 2014
Designing Better UX Deliverables - Cambridge Usability Group, 12 May 2014Designing Better UX Deliverables - Cambridge Usability Group, 12 May 2014
Designing Better UX Deliverables - Cambridge Usability Group, 12 May 2014

Slides from my talk at Cambridge Usability Group on the 12th of May 2014 http://www.eventbrite.co.uk/e/designing-better-ux-deliverables-tickets-11542298325 Needing to produce some kind of deliverables throughout a project is inevitable: it might be user research reports to inform senior stakeholder; usability test results to communicate to developers; sketches and wireframes to pass on to web designers. Just as we make the products and services we design easy to use, the UX of UX is about communicating your thinking in a way that ensures that what you've defined is easy to understand for the reader. It's about adapting the work you do to the project in question and finding the right balance of making people want to look through your work whilst not spending unnecessary time on making it pretty.

user experience designuxbest practice
Designing around storytelling - UX Oxford, 23 April 2014
Designing around storytelling - UX Oxford, 23 April 2014Designing around storytelling - UX Oxford, 23 April 2014
Designing around storytelling - UX Oxford, 23 April 2014

Slides from my talk at UX Oxford on 23 April http://www.meetup.com/UX-Oxford/events/172543682/ Storytelling has always played an important part in our societies throughout history. In the last few years it's gained attention as an important aspect in communicating and building engagement with a brand’s customer base. But storytelling is also an integral part of the design process. It’s a tool that not only can help us define our content and messaging, but the experience as a whole. Both across platforms and screens, and how we interact with it.

designstorytellingcontent
Thank you!
                                              QUESTIONS?
                                                 annadahlstrom
                                                 annadahlstrom
                                              www.annadahlstrom.com




www.flickr.com/photos/dahlstroms/4411448782/

More Related Content

What's hot

GA London - Designing for multiple devices, 28may2012
GA London - Designing for multiple devices, 28may2012GA London - Designing for multiple devices, 28may2012
GA London - Designing for multiple devices, 28may2012
Anna Dahlström
 
Designing for multiple devices, GA London - 6 Aug 2012
Designing for multiple devices, GA London - 6 Aug 2012Designing for multiple devices, GA London - 6 Aug 2012
Designing for multiple devices, GA London - 6 Aug 2012
Anna Dahlström
 
Part 2: Designing For Multiple Devices - GA London, 18 Mar 2013
Part 2: Designing For Multiple Devices - GA London, 18 Mar 2013Part 2: Designing For Multiple Devices - GA London, 18 Mar 2013
Part 2: Designing For Multiple Devices - GA London, 18 Mar 2013
Anna Dahlström
 
Designing for iPad
Designing for iPadDesigning for iPad
Designing for iPad
Pek Pongpaet
 
Imagining the physical web
Imagining the physical webImagining the physical web
Imagining the physical web
yiibu
 
Beyond the mobile web by yiibu
Beyond the mobile web by yiibuBeyond the mobile web by yiibu
Beyond the mobile web by yiibu
yiibu
 
Fundamentals of Designing for Multiple Devices - GA, New York, 07 Oct 2013
Fundamentals of Designing for Multiple Devices - GA, New York, 07 Oct 2013Fundamentals of Designing for Multiple Devices - GA, New York, 07 Oct 2013
Fundamentals of Designing for Multiple Devices - GA, New York, 07 Oct 2013
Anna Dahlström
 
Beyond progressive-enhancement
Beyond progressive-enhancementBeyond progressive-enhancement
Beyond progressive-enhancement
yiibu
 
It's about people, not devices...
It's about people, not devices...It's about people, not devices...
It's about people, not devices...
yiibu
 
UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...
UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...
UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...
UCD UK Ltd
 
Part 1: Fundamentals of Designing for Multiple Devices - GA London, 24 Jul 2013
Part 1: Fundamentals of Designing for Multiple Devices - GA London, 24 Jul 2013Part 1: Fundamentals of Designing for Multiple Devices - GA London, 24 Jul 2013
Part 1: Fundamentals of Designing for Multiple Devices - GA London, 24 Jul 2013
Anna Dahlström
 
Bright talk if they cant use it, it doesnt work - final
Bright talk   if they cant use it, it doesnt work - finalBright talk   if they cant use it, it doesnt work - final
Bright talk if they cant use it, it doesnt work - final
Andrew White
 
Wearable Accessibility - Accessing Higher Ground 2014
Wearable Accessibility - Accessing Higher Ground 2014Wearable Accessibility - Accessing Higher Ground 2014
Wearable Accessibility - Accessing Higher Ground 2014
Ted Drake
 
Olpc design analysis
Olpc design analysisOlpc design analysis
Olpc design analysis
R. Sosa
 
Adaptation: Why responsive design actually begins on the server
Adaptation: Why responsive design actually begins on the serverAdaptation: Why responsive design actually begins on the server
Adaptation: Why responsive design actually begins on the server
yiibu
 
Reset the Web
Reset the WebReset the Web
Reset the Web
yiibu
 
Designing For Multiple Devices - Dublin Web Summit, Oct 2013
Designing For Multiple Devices - Dublin Web Summit, Oct 2013Designing For Multiple Devices - Dublin Web Summit, Oct 2013
Designing For Multiple Devices - Dublin Web Summit, Oct 2013
Anna Dahlström
 
Technology for engagement
Technology for engagementTechnology for engagement
Technology for engagement
Minnesota Campus Comapct
 

What's hot (18)

GA London - Designing for multiple devices, 28may2012
GA London - Designing for multiple devices, 28may2012GA London - Designing for multiple devices, 28may2012
GA London - Designing for multiple devices, 28may2012
 
Designing for multiple devices, GA London - 6 Aug 2012
Designing for multiple devices, GA London - 6 Aug 2012Designing for multiple devices, GA London - 6 Aug 2012
Designing for multiple devices, GA London - 6 Aug 2012
 
Part 2: Designing For Multiple Devices - GA London, 18 Mar 2013
Part 2: Designing For Multiple Devices - GA London, 18 Mar 2013Part 2: Designing For Multiple Devices - GA London, 18 Mar 2013
Part 2: Designing For Multiple Devices - GA London, 18 Mar 2013
 
Designing for iPad
Designing for iPadDesigning for iPad
Designing for iPad
 
Imagining the physical web
Imagining the physical webImagining the physical web
Imagining the physical web
 
Beyond the mobile web by yiibu
Beyond the mobile web by yiibuBeyond the mobile web by yiibu
Beyond the mobile web by yiibu
 
Fundamentals of Designing for Multiple Devices - GA, New York, 07 Oct 2013
Fundamentals of Designing for Multiple Devices - GA, New York, 07 Oct 2013Fundamentals of Designing for Multiple Devices - GA, New York, 07 Oct 2013
Fundamentals of Designing for Multiple Devices - GA, New York, 07 Oct 2013
 
Beyond progressive-enhancement
Beyond progressive-enhancementBeyond progressive-enhancement
Beyond progressive-enhancement
 
It's about people, not devices...
It's about people, not devices...It's about people, not devices...
It's about people, not devices...
 
UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...
UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...
UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...
 
Part 1: Fundamentals of Designing for Multiple Devices - GA London, 24 Jul 2013
Part 1: Fundamentals of Designing for Multiple Devices - GA London, 24 Jul 2013Part 1: Fundamentals of Designing for Multiple Devices - GA London, 24 Jul 2013
Part 1: Fundamentals of Designing for Multiple Devices - GA London, 24 Jul 2013
 
Bright talk if they cant use it, it doesnt work - final
Bright talk   if they cant use it, it doesnt work - finalBright talk   if they cant use it, it doesnt work - final
Bright talk if they cant use it, it doesnt work - final
 
Wearable Accessibility - Accessing Higher Ground 2014
Wearable Accessibility - Accessing Higher Ground 2014Wearable Accessibility - Accessing Higher Ground 2014
Wearable Accessibility - Accessing Higher Ground 2014
 
Olpc design analysis
Olpc design analysisOlpc design analysis
Olpc design analysis
 
Adaptation: Why responsive design actually begins on the server
Adaptation: Why responsive design actually begins on the serverAdaptation: Why responsive design actually begins on the server
Adaptation: Why responsive design actually begins on the server
 
Reset the Web
Reset the WebReset the Web
Reset the Web
 
Designing For Multiple Devices - Dublin Web Summit, Oct 2013
Designing For Multiple Devices - Dublin Web Summit, Oct 2013Designing For Multiple Devices - Dublin Web Summit, Oct 2013
Designing For Multiple Devices - Dublin Web Summit, Oct 2013
 
Technology for engagement
Technology for engagementTechnology for engagement
Technology for engagement
 

Viewers also liked

Three part series: Designing for multiple devices - GA, London, 20 Jan 2014
Three part series: Designing for multiple devices - GA, London, 20 Jan 2014Three part series: Designing for multiple devices - GA, London, 20 Jan 2014
Three part series: Designing for multiple devices - GA, London, 20 Jan 2014
Anna Dahlström
 
Part 2: Intermediate Designing for Multiple Devices - GA London, 31 Jul 2013
Part 2: Intermediate Designing for Multiple Devices - GA London, 31 Jul 2013Part 2: Intermediate Designing for Multiple Devices - GA London, 31 Jul 2013
Part 2: Intermediate Designing for Multiple Devices - GA London, 31 Jul 2013
Anna Dahlström
 
Three part series: Designing for multiple devices - GA, London, 26 Nov 2013
Three part series: Designing for multiple devices - GA, London, 26 Nov 2013Three part series: Designing for multiple devices - GA, London, 26 Nov 2013
Three part series: Designing for multiple devices - GA, London, 26 Nov 2013
Anna Dahlström
 
Storytelling For Multi-device Design - Bulgaria Web Summit, 20 Feb 2016
Storytelling For Multi-device Design - Bulgaria Web Summit, 20 Feb 2016Storytelling For Multi-device Design - Bulgaria Web Summit, 20 Feb 2016
Storytelling For Multi-device Design - Bulgaria Web Summit, 20 Feb 2016
Anna Dahlström
 
Storytelling In Design - Funkas Tillgänglighetsdagar, 12 Apr 2016
Storytelling In Design - Funkas Tillgänglighetsdagar, 12 Apr 2016Storytelling In Design - Funkas Tillgänglighetsdagar, 12 Apr 2016
Storytelling In Design - Funkas Tillgänglighetsdagar, 12 Apr 2016
Anna Dahlström
 
Bouvet - Design för mobilt mångfald
Bouvet - Design för mobilt mångfaldBouvet - Design för mobilt mångfald
Bouvet - Design för mobilt mångfald
Anna Dahlström
 
Designing Around Storytelling - UCD2013, London 08 Oct 2013
Designing Around Storytelling - UCD2013, London 08 Oct 2013Designing Around Storytelling - UCD2013, London 08 Oct 2013
Designing Around Storytelling - UCD2013, London 08 Oct 2013
Anna Dahlström
 
Bulding Device Agnostic UX Systems - Generate London, 23 Sep 2016
Bulding Device Agnostic UX Systems - Generate London, 23 Sep 2016Bulding Device Agnostic UX Systems - Generate London, 23 Sep 2016
Bulding Device Agnostic UX Systems - Generate London, 23 Sep 2016
Anna Dahlström
 
Storytelling In A Multi Device Landscape - Amuse, Budapest 30 Oct 2015
Storytelling In A Multi Device Landscape - Amuse, Budapest 30 Oct 2015Storytelling In A Multi Device Landscape - Amuse, Budapest 30 Oct 2015
Storytelling In A Multi Device Landscape - Amuse, Budapest 30 Oct 2015
Anna Dahlström
 
Designing Around Storytelling - Digital Pond, London 06 Feb 2014
Designing Around Storytelling - Digital Pond, London 06 Feb 2014Designing Around Storytelling - Digital Pond, London 06 Feb 2014
Designing Around Storytelling - Digital Pond, London 06 Feb 2014
Anna Dahlström
 
cv 2016 final
cv 2016 finalcv 2016 final
cv 2016 final
rebecca morris
 
Konsep koperasi,sejarah dan aliran koperasi indonesia
Konsep koperasi,sejarah dan aliran koperasi indonesiaKonsep koperasi,sejarah dan aliran koperasi indonesia
Konsep koperasi,sejarah dan aliran koperasi indonesia
Chaeraniirma
 
Applied ecosystem services in working forests: A direct market valuation
Applied ecosystem services in working forests: A direct market valuationApplied ecosystem services in working forests: A direct market valuation
Applied ecosystem services in working forests: A direct market valuation
D. Stuart Hale, CF
 
Internet Jako Dobro Wspólne
Internet Jako Dobro WspólneInternet Jako Dobro Wspólne
Internet Jako Dobro Wspólne
Maciej Grzywacz
 

Viewers also liked (14)

Three part series: Designing for multiple devices - GA, London, 20 Jan 2014
Three part series: Designing for multiple devices - GA, London, 20 Jan 2014Three part series: Designing for multiple devices - GA, London, 20 Jan 2014
Three part series: Designing for multiple devices - GA, London, 20 Jan 2014
 
Part 2: Intermediate Designing for Multiple Devices - GA London, 31 Jul 2013
Part 2: Intermediate Designing for Multiple Devices - GA London, 31 Jul 2013Part 2: Intermediate Designing for Multiple Devices - GA London, 31 Jul 2013
Part 2: Intermediate Designing for Multiple Devices - GA London, 31 Jul 2013
 
Three part series: Designing for multiple devices - GA, London, 26 Nov 2013
Three part series: Designing for multiple devices - GA, London, 26 Nov 2013Three part series: Designing for multiple devices - GA, London, 26 Nov 2013
Three part series: Designing for multiple devices - GA, London, 26 Nov 2013
 
Storytelling For Multi-device Design - Bulgaria Web Summit, 20 Feb 2016
Storytelling For Multi-device Design - Bulgaria Web Summit, 20 Feb 2016Storytelling For Multi-device Design - Bulgaria Web Summit, 20 Feb 2016
Storytelling For Multi-device Design - Bulgaria Web Summit, 20 Feb 2016
 
Storytelling In Design - Funkas Tillgänglighetsdagar, 12 Apr 2016
Storytelling In Design - Funkas Tillgänglighetsdagar, 12 Apr 2016Storytelling In Design - Funkas Tillgänglighetsdagar, 12 Apr 2016
Storytelling In Design - Funkas Tillgänglighetsdagar, 12 Apr 2016
 
Bouvet - Design för mobilt mångfald
Bouvet - Design för mobilt mångfaldBouvet - Design för mobilt mångfald
Bouvet - Design för mobilt mångfald
 
Designing Around Storytelling - UCD2013, London 08 Oct 2013
Designing Around Storytelling - UCD2013, London 08 Oct 2013Designing Around Storytelling - UCD2013, London 08 Oct 2013
Designing Around Storytelling - UCD2013, London 08 Oct 2013
 
Bulding Device Agnostic UX Systems - Generate London, 23 Sep 2016
Bulding Device Agnostic UX Systems - Generate London, 23 Sep 2016Bulding Device Agnostic UX Systems - Generate London, 23 Sep 2016
Bulding Device Agnostic UX Systems - Generate London, 23 Sep 2016
 
Storytelling In A Multi Device Landscape - Amuse, Budapest 30 Oct 2015
Storytelling In A Multi Device Landscape - Amuse, Budapest 30 Oct 2015Storytelling In A Multi Device Landscape - Amuse, Budapest 30 Oct 2015
Storytelling In A Multi Device Landscape - Amuse, Budapest 30 Oct 2015
 
Designing Around Storytelling - Digital Pond, London 06 Feb 2014
Designing Around Storytelling - Digital Pond, London 06 Feb 2014Designing Around Storytelling - Digital Pond, London 06 Feb 2014
Designing Around Storytelling - Digital Pond, London 06 Feb 2014
 
cv 2016 final
cv 2016 finalcv 2016 final
cv 2016 final
 
Konsep koperasi,sejarah dan aliran koperasi indonesia
Konsep koperasi,sejarah dan aliran koperasi indonesiaKonsep koperasi,sejarah dan aliran koperasi indonesia
Konsep koperasi,sejarah dan aliran koperasi indonesia
 
Applied ecosystem services in working forests: A direct market valuation
Applied ecosystem services in working forests: A direct market valuationApplied ecosystem services in working forests: A direct market valuation
Applied ecosystem services in working forests: A direct market valuation
 
Internet Jako Dobro Wspólne
Internet Jako Dobro WspólneInternet Jako Dobro Wspólne
Internet Jako Dobro Wspólne
 

Similar to Designing for multiple devices - GA, New York 08 Oct 2012

Part 3: Advanced Designing for Multiple Devices - GA London, 07 Aug 2013
Part 3: Advanced Designing for Multiple Devices - GA London, 07 Aug 2013Part 3: Advanced Designing for Multiple Devices - GA London, 07 Aug 2013
Part 3: Advanced Designing for Multiple Devices - GA London, 07 Aug 2013
Anna Dahlström
 
Beyond the mobile web
Beyond the mobile webBeyond the mobile web
Beyond the mobile web
Alexander Anikin
 
Beyond The Mobile Web By Yiibu 110412113255 Phpapp01
Beyond The Mobile Web By Yiibu 110412113255 Phpapp01Beyond The Mobile Web By Yiibu 110412113255 Phpapp01
Beyond The Mobile Web By Yiibu 110412113255 Phpapp01
Therese Kokot
 
Beyond The Mobile Web By Yiibu
Beyond The Mobile Web By YiibuBeyond The Mobile Web By Yiibu
Beyond The Mobile Web By Yiibu
Jim Porter
 
Device Agnostic Design - UCD2014, London 25 Oct 2014
Device Agnostic Design - UCD2014, London 25 Oct 2014Device Agnostic Design - UCD2014, London 25 Oct 2014
Device Agnostic Design - UCD2014, London 25 Oct 2014
Anna Dahlström
 
SparkUp 2010 Mobile UX 101
SparkUp 2010 Mobile UX 101SparkUp 2010 Mobile UX 101
SparkUp 2010 Mobile UX 101
Antony Ribot
 
Mobxbeyondthehamburgermenu13sep2014 140916040153-phpapp01
Mobxbeyondthehamburgermenu13sep2014 140916040153-phpapp01Mobxbeyondthehamburgermenu13sep2014 140916040153-phpapp01
Mobxbeyondthehamburgermenu13sep2014 140916040153-phpapp01
Victor Minuesa
 
Beyond The Hamburger Menu - MOBX, 13 Sep 2014
Beyond The Hamburger Menu - MOBX, 13 Sep 2014Beyond The Hamburger Menu - MOBX, 13 Sep 2014
Beyond The Hamburger Menu - MOBX, 13 Sep 2014
Anna Dahlström
 
Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014
Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014
Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014
Anna Dahlström
 
Beyond Progressive Enhancement by yiibu
Beyond Progressive Enhancement by yiibuBeyond Progressive Enhancement by yiibu
Beyond Progressive Enhancement by yiibu
AdRoll
 
The trouble with context
The trouble with contextThe trouble with context
The trouble with context
Alexander Anikin
 
The trouble with context
The trouble with contextThe trouble with context
The trouble with context
yiibu
 
Mobilising Digital - Sydney 26/03/14
Mobilising Digital - Sydney 26/03/14Mobilising Digital - Sydney 26/03/14
Mobilising Digital - Sydney 26/03/14
Precedent
 
EduWeb - Building a Responsive Website for the Presidential Debate
EduWeb - Building a Responsive Website for the Presidential DebateEduWeb - Building a Responsive Website for the Presidential Debate
EduWeb - Building a Responsive Website for the Presidential Debate
Jon Liu
 
In the palm of the customer - mobile marketing & social media
In the palm of the customer - mobile marketing & social mediaIn the palm of the customer - mobile marketing & social media
In the palm of the customer - mobile marketing & social media
Andreas Beining
 
Beyond The Hamburger Menu, UX Ireland, 10 Nov 2016
Beyond The Hamburger Menu, UX Ireland, 10 Nov 2016Beyond The Hamburger Menu, UX Ireland, 10 Nov 2016
Beyond The Hamburger Menu, UX Ireland, 10 Nov 2016
Anna Dahlström
 
Mobile Web vs. Native Apps | Design4Mobile
Mobile Web vs. Native Apps | Design4MobileMobile Web vs. Native Apps | Design4Mobile
Mobile Web vs. Native Apps | Design4Mobile
Jason Grigsby
 
Library Skunk Works: User Experience Design for the 21st Century Library
Library Skunk Works: User Experience Design for the 21st Century LibraryLibrary Skunk Works: User Experience Design for the 21st Century Library
Library Skunk Works: User Experience Design for the 21st Century Library
John Blyberg
 
Mobilising Digital - Perth 13/03/14
Mobilising Digital - Perth 13/03/14Mobilising Digital - Perth 13/03/14
Mobilising Digital - Perth 13/03/14
Precedent
 
Responsive Web Design & the state of the Web
Responsive Web Design & the state of the WebResponsive Web Design & the state of the Web
Responsive Web Design & the state of the Web
Yiannis Konstantakopoulos
 

Similar to Designing for multiple devices - GA, New York 08 Oct 2012 (20)

Part 3: Advanced Designing for Multiple Devices - GA London, 07 Aug 2013
Part 3: Advanced Designing for Multiple Devices - GA London, 07 Aug 2013Part 3: Advanced Designing for Multiple Devices - GA London, 07 Aug 2013
Part 3: Advanced Designing for Multiple Devices - GA London, 07 Aug 2013
 
Beyond the mobile web
Beyond the mobile webBeyond the mobile web
Beyond the mobile web
 
Beyond The Mobile Web By Yiibu 110412113255 Phpapp01
Beyond The Mobile Web By Yiibu 110412113255 Phpapp01Beyond The Mobile Web By Yiibu 110412113255 Phpapp01
Beyond The Mobile Web By Yiibu 110412113255 Phpapp01
 
Beyond The Mobile Web By Yiibu
Beyond The Mobile Web By YiibuBeyond The Mobile Web By Yiibu
Beyond The Mobile Web By Yiibu
 
Device Agnostic Design - UCD2014, London 25 Oct 2014
Device Agnostic Design - UCD2014, London 25 Oct 2014Device Agnostic Design - UCD2014, London 25 Oct 2014
Device Agnostic Design - UCD2014, London 25 Oct 2014
 
SparkUp 2010 Mobile UX 101
SparkUp 2010 Mobile UX 101SparkUp 2010 Mobile UX 101
SparkUp 2010 Mobile UX 101
 
Mobxbeyondthehamburgermenu13sep2014 140916040153-phpapp01
Mobxbeyondthehamburgermenu13sep2014 140916040153-phpapp01Mobxbeyondthehamburgermenu13sep2014 140916040153-phpapp01
Mobxbeyondthehamburgermenu13sep2014 140916040153-phpapp01
 
Beyond The Hamburger Menu - MOBX, 13 Sep 2014
Beyond The Hamburger Menu - MOBX, 13 Sep 2014Beyond The Hamburger Menu - MOBX, 13 Sep 2014
Beyond The Hamburger Menu - MOBX, 13 Sep 2014
 
Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014
Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014
Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014
 
Beyond Progressive Enhancement by yiibu
Beyond Progressive Enhancement by yiibuBeyond Progressive Enhancement by yiibu
Beyond Progressive Enhancement by yiibu
 
The trouble with context
The trouble with contextThe trouble with context
The trouble with context
 
The trouble with context
The trouble with contextThe trouble with context
The trouble with context
 
Mobilising Digital - Sydney 26/03/14
Mobilising Digital - Sydney 26/03/14Mobilising Digital - Sydney 26/03/14
Mobilising Digital - Sydney 26/03/14
 
EduWeb - Building a Responsive Website for the Presidential Debate
EduWeb - Building a Responsive Website for the Presidential DebateEduWeb - Building a Responsive Website for the Presidential Debate
EduWeb - Building a Responsive Website for the Presidential Debate
 
In the palm of the customer - mobile marketing & social media
In the palm of the customer - mobile marketing & social mediaIn the palm of the customer - mobile marketing & social media
In the palm of the customer - mobile marketing & social media
 
Beyond The Hamburger Menu, UX Ireland, 10 Nov 2016
Beyond The Hamburger Menu, UX Ireland, 10 Nov 2016Beyond The Hamburger Menu, UX Ireland, 10 Nov 2016
Beyond The Hamburger Menu, UX Ireland, 10 Nov 2016
 
Mobile Web vs. Native Apps | Design4Mobile
Mobile Web vs. Native Apps | Design4MobileMobile Web vs. Native Apps | Design4Mobile
Mobile Web vs. Native Apps | Design4Mobile
 
Library Skunk Works: User Experience Design for the 21st Century Library
Library Skunk Works: User Experience Design for the 21st Century LibraryLibrary Skunk Works: User Experience Design for the 21st Century Library
Library Skunk Works: User Experience Design for the 21st Century Library
 
Mobilising Digital - Perth 13/03/14
Mobilising Digital - Perth 13/03/14Mobilising Digital - Perth 13/03/14
Mobilising Digital - Perth 13/03/14
 
Responsive Web Design & the state of the Web
Responsive Web Design & the state of the WebResponsive Web Design & the state of the Web
Responsive Web Design & the state of the Web
 

More from Anna Dahlström

Optimising Landing Pages Through Narrative Structure - Digital Growth Unleash...
Optimising Landing Pages Through Narrative Structure - Digital Growth Unleash...Optimising Landing Pages Through Narrative Structure - Digital Growth Unleash...
Optimising Landing Pages Through Narrative Structure - Digital Growth Unleash...
Anna Dahlström
 
Using Storytelling to Create Experiences that Convert - Conversion Elite, Lon...
Using Storytelling to Create Experiences that Convert - Conversion Elite, Lon...Using Storytelling to Create Experiences that Convert - Conversion Elite, Lon...
Using Storytelling to Create Experiences that Convert - Conversion Elite, Lon...
Anna Dahlström
 
How To Use Storytelling To Craft Experiences That Engage - IIeX EU, Amsterda...
How To Use Storytelling To Craft Experiences That Engage  - IIeX EU, Amsterda...How To Use Storytelling To Craft Experiences That Engage  - IIeX EU, Amsterda...
How To Use Storytelling To Craft Experiences That Engage - IIeX EU, Amsterda...
Anna Dahlström
 
Beyond The Hamburger Menu - UX In The City Oxford, 21 Apr 2017
Beyond The Hamburger Menu - UX In The City Oxford, 21 Apr 2017Beyond The Hamburger Menu - UX In The City Oxford, 21 Apr 2017
Beyond The Hamburger Menu - UX In The City Oxford, 21 Apr 2017
Anna Dahlström
 
Using Storytelling To Craft Multi-device Experiences That Convert - CXL Live,...
Using Storytelling To Craft Multi-device Experiences That Convert - CXL Live,...Using Storytelling To Craft Multi-device Experiences That Convert - CXL Live,...
Using Storytelling To Craft Multi-device Experiences That Convert - CXL Live,...
Anna Dahlström
 
Storytelling In Design - SXSW, 13 March 2017
Storytelling In Design - SXSW, 13 March 2017Storytelling In Design - SXSW, 13 March 2017
Storytelling In Design - SXSW, 13 March 2017
Anna Dahlström
 
Storytelling In Design - DXN, Nottingham, 8 Feb 2017
Storytelling In Design - DXN, Nottingham, 8 Feb 2017Storytelling In Design - DXN, Nottingham, 8 Feb 2017
Storytelling In Design - DXN, Nottingham, 8 Feb 2017
Anna Dahlström
 
Storytelling In Design - Conversion Hotel, Texel NL, 20 Nov 2016
Storytelling In Design - Conversion Hotel, Texel NL, 20 Nov 2016Storytelling In Design - Conversion Hotel, Texel NL, 20 Nov 2016
Storytelling In Design - Conversion Hotel, Texel NL, 20 Nov 2016
Anna Dahlström
 
Designing Around Storytelling - Breaking Borders, Reading 18 August 2015
Designing Around Storytelling - Breaking Borders, Reading 18 August 2015Designing Around Storytelling - Breaking Borders, Reading 18 August 2015
Designing Around Storytelling - Breaking Borders, Reading 18 August 2015
Anna Dahlström
 
Beyond the hamburger menu - Reasons:London, 20 Feb 2015
Beyond the hamburger menu - Reasons:London, 20 Feb 2015Beyond the hamburger menu - Reasons:London, 20 Feb 2015
Beyond the hamburger menu - Reasons:London, 20 Feb 2015
Anna Dahlström
 
Responsivt - Inte bara för mobilen + Webbdagarna Växjö, 04 Dec 2014
Responsivt - Inte bara för mobilen + Webbdagarna Växjö, 04 Dec 2014Responsivt - Inte bara för mobilen + Webbdagarna Växjö, 04 Dec 2014
Responsivt - Inte bara för mobilen + Webbdagarna Växjö, 04 Dec 2014
Anna Dahlström
 
Building Device Agnostic UX systems - GeekGirl, London 28 Oct 2014
Building Device Agnostic UX systems - GeekGirl, London 28 Oct 2014Building Device Agnostic UX systems - GeekGirl, London 28 Oct 2014
Building Device Agnostic UX systems - GeekGirl, London 28 Oct 2014
Anna Dahlström
 
Designing Better UX Deliverables - Cambridge Usability Group, 12 May 2014
Designing Better UX Deliverables - Cambridge Usability Group, 12 May 2014Designing Better UX Deliverables - Cambridge Usability Group, 12 May 2014
Designing Better UX Deliverables - Cambridge Usability Group, 12 May 2014
Anna Dahlström
 
Designing around storytelling - UX Oxford, 23 April 2014
Designing around storytelling - UX Oxford, 23 April 2014Designing around storytelling - UX Oxford, 23 April 2014
Designing around storytelling - UX Oxford, 23 April 2014
Anna Dahlström
 
Designing around storytelling - Design + banter, 09 April 2014
Designing around storytelling - Design + banter, 09 April 2014Designing around storytelling - Design + banter, 09 April 2014
Designing around storytelling - Design + banter, 09 April 2014
Anna Dahlström
 
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
Anna Dahlström
 
Selling UCD - how to get buy-in & measure the value - Eventhandler, London 26...
Selling UCD - how to get buy-in & measure the value - Eventhandler, London 26...Selling UCD - how to get buy-in & measure the value - Eventhandler, London 26...
Selling UCD - how to get buy-in & measure the value - Eventhandler, London 26...
Anna Dahlström
 

More from Anna Dahlström (17)

Optimising Landing Pages Through Narrative Structure - Digital Growth Unleash...
Optimising Landing Pages Through Narrative Structure - Digital Growth Unleash...Optimising Landing Pages Through Narrative Structure - Digital Growth Unleash...
Optimising Landing Pages Through Narrative Structure - Digital Growth Unleash...
 
Using Storytelling to Create Experiences that Convert - Conversion Elite, Lon...
Using Storytelling to Create Experiences that Convert - Conversion Elite, Lon...Using Storytelling to Create Experiences that Convert - Conversion Elite, Lon...
Using Storytelling to Create Experiences that Convert - Conversion Elite, Lon...
 
How To Use Storytelling To Craft Experiences That Engage - IIeX EU, Amsterda...
How To Use Storytelling To Craft Experiences That Engage  - IIeX EU, Amsterda...How To Use Storytelling To Craft Experiences That Engage  - IIeX EU, Amsterda...
How To Use Storytelling To Craft Experiences That Engage - IIeX EU, Amsterda...
 
Beyond The Hamburger Menu - UX In The City Oxford, 21 Apr 2017
Beyond The Hamburger Menu - UX In The City Oxford, 21 Apr 2017Beyond The Hamburger Menu - UX In The City Oxford, 21 Apr 2017
Beyond The Hamburger Menu - UX In The City Oxford, 21 Apr 2017
 
Using Storytelling To Craft Multi-device Experiences That Convert - CXL Live,...
Using Storytelling To Craft Multi-device Experiences That Convert - CXL Live,...Using Storytelling To Craft Multi-device Experiences That Convert - CXL Live,...
Using Storytelling To Craft Multi-device Experiences That Convert - CXL Live,...
 
Storytelling In Design - SXSW, 13 March 2017
Storytelling In Design - SXSW, 13 March 2017Storytelling In Design - SXSW, 13 March 2017
Storytelling In Design - SXSW, 13 March 2017
 
Storytelling In Design - DXN, Nottingham, 8 Feb 2017
Storytelling In Design - DXN, Nottingham, 8 Feb 2017Storytelling In Design - DXN, Nottingham, 8 Feb 2017
Storytelling In Design - DXN, Nottingham, 8 Feb 2017
 
Storytelling In Design - Conversion Hotel, Texel NL, 20 Nov 2016
Storytelling In Design - Conversion Hotel, Texel NL, 20 Nov 2016Storytelling In Design - Conversion Hotel, Texel NL, 20 Nov 2016
Storytelling In Design - Conversion Hotel, Texel NL, 20 Nov 2016
 
Designing Around Storytelling - Breaking Borders, Reading 18 August 2015
Designing Around Storytelling - Breaking Borders, Reading 18 August 2015Designing Around Storytelling - Breaking Borders, Reading 18 August 2015
Designing Around Storytelling - Breaking Borders, Reading 18 August 2015
 
Beyond the hamburger menu - Reasons:London, 20 Feb 2015
Beyond the hamburger menu - Reasons:London, 20 Feb 2015Beyond the hamburger menu - Reasons:London, 20 Feb 2015
Beyond the hamburger menu - Reasons:London, 20 Feb 2015
 
Responsivt - Inte bara för mobilen + Webbdagarna Växjö, 04 Dec 2014
Responsivt - Inte bara för mobilen + Webbdagarna Växjö, 04 Dec 2014Responsivt - Inte bara för mobilen + Webbdagarna Växjö, 04 Dec 2014
Responsivt - Inte bara för mobilen + Webbdagarna Växjö, 04 Dec 2014
 
Building Device Agnostic UX systems - GeekGirl, London 28 Oct 2014
Building Device Agnostic UX systems - GeekGirl, London 28 Oct 2014Building Device Agnostic UX systems - GeekGirl, London 28 Oct 2014
Building Device Agnostic UX systems - GeekGirl, London 28 Oct 2014
 
Designing Better UX Deliverables - Cambridge Usability Group, 12 May 2014
Designing Better UX Deliverables - Cambridge Usability Group, 12 May 2014Designing Better UX Deliverables - Cambridge Usability Group, 12 May 2014
Designing Better UX Deliverables - Cambridge Usability Group, 12 May 2014
 
Designing around storytelling - UX Oxford, 23 April 2014
Designing around storytelling - UX Oxford, 23 April 2014Designing around storytelling - UX Oxford, 23 April 2014
Designing around storytelling - UX Oxford, 23 April 2014
 
Designing around storytelling - Design + banter, 09 April 2014
Designing around storytelling - Design + banter, 09 April 2014Designing around storytelling - Design + banter, 09 April 2014
Designing around storytelling - Design + banter, 09 April 2014
 
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
 
Selling UCD - how to get buy-in & measure the value - Eventhandler, London 26...
Selling UCD - how to get buy-in & measure the value - Eventhandler, London 26...Selling UCD - how to get buy-in & measure the value - Eventhandler, London 26...
Selling UCD - how to get buy-in & measure the value - Eventhandler, London 26...
 

Recently uploaded

Greater Kailash @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Vishakha Singla Top Model Safe
Greater Kailash @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Vishakha Singla Top Model SafeGreater Kailash @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Vishakha Singla Top Model Safe
Greater Kailash @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Vishakha Singla Top Model Safe
kumkum tuteja$A17
 
Hill Dan - Dark matter and trojan horses. A strategic design vocabulary.pdf
Hill Dan - Dark matter and trojan horses. A strategic design vocabulary.pdfHill Dan - Dark matter and trojan horses. A strategic design vocabulary.pdf
Hill Dan - Dark matter and trojan horses. A strategic design vocabulary.pdf
Vasu283735
 
Professional Document Editing Services / Bank Statement Editing
Professional Document Editing Services / Bank Statement EditingProfessional Document Editing Services / Bank Statement Editing
Professional Document Editing Services / Bank Statement Editing
Edit Bank Statement
 
Product Showcase Presentation |slides sample.pptx
Product Showcase Presentation |slides sample.pptxProduct Showcase Presentation |slides sample.pptx
Product Showcase Presentation |slides sample.pptx
wojakmodern
 
Vasant Kunj @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Vishakha Singla Top Model Safe
Vasant Kunj @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Vishakha Singla Top Model SafeVasant Kunj @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Vishakha Singla Top Model Safe
Vasant Kunj @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Vishakha Singla Top Model Safe
kumkum tuteja$A17
 
Lajpat Nagar @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Akshra Ojha Top Model Safe
Lajpat Nagar @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Akshra Ojha Top Model SafeLajpat Nagar @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Akshra Ojha Top Model Safe
Lajpat Nagar @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Akshra Ojha Top Model Safe
anany pandey$A17
 
Ghaziabad @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Jya Khan Top Model Safe
Ghaziabad @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Jya Khan Top Model SafeGhaziabad @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Jya Khan Top Model Safe
Ghaziabad @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Jya Khan Top Model Safe
pawankumar98845
 
2024_summer_my_dream_gnjp_20240705_ks.pdf
2024_summer_my_dream_gnjp_20240705_ks.pdf2024_summer_my_dream_gnjp_20240705_ks.pdf
2024_summer_my_dream_gnjp_20240705_ks.pdf
kousato1
 
Mastering Web Design: Essential Principles and Techniques for Modern Websites
Mastering Web Design: Essential Principles and Techniques for Modern WebsitesMastering Web Design: Essential Principles and Techniques for Modern Websites
Mastering Web Design: Essential Principles and Techniques for Modern Websites
webOdoctor Inc
 
Surface Analysis Civil 3D using different tools
Surface Analysis Civil 3D using different toolsSurface Analysis Civil 3D using different tools
Surface Analysis Civil 3D using different tools
ManashChatterjee3
 
An Introduction to Housing: Core Concepts and Historical Evolution from Prehi...
An Introduction to Housing: Core Concepts and Historical Evolution from Prehi...An Introduction to Housing: Core Concepts and Historical Evolution from Prehi...
An Introduction to Housing: Core Concepts and Historical Evolution from Prehi...
Aditi Sh.
 
A Green City is an urban area that prioritizes sustainability
A Green City is an urban area that prioritizes sustainabilityA Green City is an urban area that prioritizes sustainability
A Green City is an urban area that prioritizes sustainability
Mostafa Abd Elrahman
 
S S Bhavikatti Civil Engineering Structural Designing
S S Bhavikatti Civil Engineering Structural DesigningS S Bhavikatti Civil Engineering Structural Designing
S S Bhavikatti Civil Engineering Structural Designing
SuvamoyPanja
 
Paharganj @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Ruhi Singla Top Model Safe
Paharganj @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Ruhi Singla Top Model SafePaharganj @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Ruhi Singla Top Model Safe
Paharganj @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Ruhi Singla Top Model Safe
jiya khan$A17
 
十大欧洲杯投注app平台-十大靠谱欧洲杯投注app官方平台 |【​网址​🎉ac10.net🎉​】
十大欧洲杯投注app平台-十大靠谱欧洲杯投注app官方平台 |【​网址​🎉ac10.net🎉​】十大欧洲杯投注app平台-十大靠谱欧洲杯投注app官方平台 |【​网址​🎉ac10.net🎉​】
十大欧洲杯投注app平台-十大靠谱欧洲杯投注app官方平台 |【​网址​🎉ac10.net🎉​】
antonellispunches643
 
Karol Bagh @ℂall @Girls ꧁❤ 9873777170 ❤꧂Glamorous sonam Mehra Top Model Safe
Karol Bagh @ℂall @Girls ꧁❤ 9873777170 ❤꧂Glamorous sonam Mehra Top Model SafeKarol Bagh @ℂall @Girls ꧁❤ 9873777170 ❤꧂Glamorous sonam Mehra Top Model Safe
Karol Bagh @ℂall @Girls ꧁❤ 9873777170 ❤꧂Glamorous sonam Mehra Top Model Safe
shoeb2926
 
Arch.Bob _ 005 _ Architectural Portfolio
Arch.Bob _ 005 _ Architectural PortfolioArch.Bob _ 005 _ Architectural Portfolio
Arch.Bob _ 005 _ Architectural Portfolio
ssusere235001
 
de-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvj
de-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvjde-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvj
de-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvj
92nqjwr76x
 
Malviya Nagar @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Jya Khan Top Model Safe
Malviya Nagar @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Jya Khan Top Model SafeMalviya Nagar @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Jya Khan Top Model Safe
Malviya Nagar @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Jya Khan Top Model Safe
bookmybebe1
 
AI in UX AI in UX - Exploring the Future of Design by FoF Nuremberg.pdf
AI in UX AI in UX - Exploring the Future of Design by FoF Nuremberg.pdfAI in UX AI in UX - Exploring the Future of Design by FoF Nuremberg.pdf
AI in UX AI in UX - Exploring the Future of Design by FoF Nuremberg.pdf
taranenkovictoria
 

Recently uploaded (20)

Greater Kailash @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Vishakha Singla Top Model Safe
Greater Kailash @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Vishakha Singla Top Model SafeGreater Kailash @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Vishakha Singla Top Model Safe
Greater Kailash @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Vishakha Singla Top Model Safe
 
Hill Dan - Dark matter and trojan horses. A strategic design vocabulary.pdf
Hill Dan - Dark matter and trojan horses. A strategic design vocabulary.pdfHill Dan - Dark matter and trojan horses. A strategic design vocabulary.pdf
Hill Dan - Dark matter and trojan horses. A strategic design vocabulary.pdf
 
Professional Document Editing Services / Bank Statement Editing
Professional Document Editing Services / Bank Statement EditingProfessional Document Editing Services / Bank Statement Editing
Professional Document Editing Services / Bank Statement Editing
 
Product Showcase Presentation |slides sample.pptx
Product Showcase Presentation |slides sample.pptxProduct Showcase Presentation |slides sample.pptx
Product Showcase Presentation |slides sample.pptx
 
Vasant Kunj @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Vishakha Singla Top Model Safe
Vasant Kunj @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Vishakha Singla Top Model SafeVasant Kunj @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Vishakha Singla Top Model Safe
Vasant Kunj @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Vishakha Singla Top Model Safe
 
Lajpat Nagar @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Akshra Ojha Top Model Safe
Lajpat Nagar @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Akshra Ojha Top Model SafeLajpat Nagar @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Akshra Ojha Top Model Safe
Lajpat Nagar @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Akshra Ojha Top Model Safe
 
Ghaziabad @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Jya Khan Top Model Safe
Ghaziabad @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Jya Khan Top Model SafeGhaziabad @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Jya Khan Top Model Safe
Ghaziabad @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Jya Khan Top Model Safe
 
2024_summer_my_dream_gnjp_20240705_ks.pdf
2024_summer_my_dream_gnjp_20240705_ks.pdf2024_summer_my_dream_gnjp_20240705_ks.pdf
2024_summer_my_dream_gnjp_20240705_ks.pdf
 
Mastering Web Design: Essential Principles and Techniques for Modern Websites
Mastering Web Design: Essential Principles and Techniques for Modern WebsitesMastering Web Design: Essential Principles and Techniques for Modern Websites
Mastering Web Design: Essential Principles and Techniques for Modern Websites
 
Surface Analysis Civil 3D using different tools
Surface Analysis Civil 3D using different toolsSurface Analysis Civil 3D using different tools
Surface Analysis Civil 3D using different tools
 
An Introduction to Housing: Core Concepts and Historical Evolution from Prehi...
An Introduction to Housing: Core Concepts and Historical Evolution from Prehi...An Introduction to Housing: Core Concepts and Historical Evolution from Prehi...
An Introduction to Housing: Core Concepts and Historical Evolution from Prehi...
 
A Green City is an urban area that prioritizes sustainability
A Green City is an urban area that prioritizes sustainabilityA Green City is an urban area that prioritizes sustainability
A Green City is an urban area that prioritizes sustainability
 
S S Bhavikatti Civil Engineering Structural Designing
S S Bhavikatti Civil Engineering Structural DesigningS S Bhavikatti Civil Engineering Structural Designing
S S Bhavikatti Civil Engineering Structural Designing
 
Paharganj @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Ruhi Singla Top Model Safe
Paharganj @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Ruhi Singla Top Model SafePaharganj @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Ruhi Singla Top Model Safe
Paharganj @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Ruhi Singla Top Model Safe
 
十大欧洲杯投注app平台-十大靠谱欧洲杯投注app官方平台 |【​网址​🎉ac10.net🎉​】
十大欧洲杯投注app平台-十大靠谱欧洲杯投注app官方平台 |【​网址​🎉ac10.net🎉​】十大欧洲杯投注app平台-十大靠谱欧洲杯投注app官方平台 |【​网址​🎉ac10.net🎉​】
十大欧洲杯投注app平台-十大靠谱欧洲杯投注app官方平台 |【​网址​🎉ac10.net🎉​】
 
Karol Bagh @ℂall @Girls ꧁❤ 9873777170 ❤꧂Glamorous sonam Mehra Top Model Safe
Karol Bagh @ℂall @Girls ꧁❤ 9873777170 ❤꧂Glamorous sonam Mehra Top Model SafeKarol Bagh @ℂall @Girls ꧁❤ 9873777170 ❤꧂Glamorous sonam Mehra Top Model Safe
Karol Bagh @ℂall @Girls ꧁❤ 9873777170 ❤꧂Glamorous sonam Mehra Top Model Safe
 
Arch.Bob _ 005 _ Architectural Portfolio
Arch.Bob _ 005 _ Architectural PortfolioArch.Bob _ 005 _ Architectural Portfolio
Arch.Bob _ 005 _ Architectural Portfolio
 
de-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvj
de-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvjde-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvj
de-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvj
 
Malviya Nagar @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Jya Khan Top Model Safe
Malviya Nagar @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Jya Khan Top Model SafeMalviya Nagar @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Jya Khan Top Model Safe
Malviya Nagar @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Jya Khan Top Model Safe
 
AI in UX AI in UX - Exploring the Future of Design by FoF Nuremberg.pdf
AI in UX AI in UX - Exploring the Future of Design by FoF Nuremberg.pdfAI in UX AI in UX - Exploring the Future of Design by FoF Nuremberg.pdf
AI in UX AI in UX - Exploring the Future of Design by FoF Nuremberg.pdf
 

Designing for multiple devices - GA, New York 08 Oct 2012

  • 1. DESIGNING FOR MULTIPLE DEVICES New York October 8th 2012 Anna Dahlström co-founder byflock www.annadahlstrom.com annadahlstrom
  • 2. I’m Anna IA & UX DESIGNER | SWEDISH BUT LONDON BASED FREELANCING + WORKING ON A STARTUP LOVES QUOTES & CHALLENGES This is Öresundsbron, the bridge between Sweden & Denmark www.flickr.com/photos/dahlstroms/4411448782/
  • 3. AGENDA 1. DEVICE USAGE & PATTERNS 2. IMPLICATIONS FOR UX & DESIGN THINKING 3. BESPOKE MOBILE SITE vs. RESPONSIVE vs. AN APP 4. RESPONSIVE 5. APPS 6. PRACTICE 7. SUMMARY 8. Q & A www.flickr.com/photos/flatworldsedge/5151764959/
  • 4. 1. FIRST UP... DEVICE USAGE & PATTERNS www.flickr.com/photos/publicenergy/1846375599
  • 5. DEVICE: a thing defined for a specific purpose or task & which can connect to the internet http://desktopwallpaper-s.com/19-Computers/-/Future/
  • 6. THE FOUCS OF TODAY SMARTPHONES | DESKTOP ( TABLETS) - iOS & ANDROID http://desktopwallpaper-s.com/19-Computers/-/Future/
  • 7. By the end of 2012, the number of mobile- connected devices will exceed the number of people on earth, and by 2016 there will be 1.4 mobile devices per capita.* * Source: www.cisco.com/en/US/solutions/collateral/ns341/ns525/ns537/ns705/ns827/white_paper_c11-520862.html www.flickr.com/photos/nasamarshall/6289116940
  • 8. The average person looks at their phone 150 times a day.* * Source: www.textually.org/textually/archives/2012/02/030229.htm www.flickr.com/photos/jorgeq82/4732700819
  • 9. 40% of people use their phone in the bathroom* * Source: http://www.lukew.com/ff/entry.asp?1500 www.flickr.com/photos/exlibris/2552107635
  • 10. MOBILE DEVICES ARE USED ANYWHERE & EVERYWHERE ” The best computer is the one you have with you when you want something done. “ - JACOB NIELSEN www.flickr.com/photos/yahnyahn/2996454839
  • 11. USAGE PATTERNS ACROSS DEVICES “...as devices become more mobile, it’s not only changing where we read, but when. ” - POCKET (formerly Read it Later) www.flickr.com/photos/brandoncwarren/4236278556
  • 12. POCKET’S STATS - DESKTOP Source: http://readitlaterlist.com/blog/2011/01/is-mobile-affecting-when-we-read www.flickr.com/photos/brandoncwarren/4236278556
  • 13. POCKET’S STATS - iPHONE Source: http://readitlaterlist.com/blog/2011/01/is-mobile-affecting-when-we-read www.flickr.com/photos/brandoncwarren/4236278556
  • 14. POCKET’S STATS - iPAD Source: http://readitlaterlist.com/blog/2011/01/is-mobile-affecting-when-we-read www.flickr.com/photos/brandoncwarren/4236278556
  • 15. PEAK TIMES •When we get up •On our way to/ just arrived at work •Commuting home •Post dinner Source: http://readitlaterlist.com/blog/2011/01/is-mobile-affecting-when-we-read
  • 16. “MOBILE USERS ARE RUSHED & ON THE GO” THIS IS A MYTH www.flickr.com/photos/theirmind/5001267661/
  • 17. A LARGE PROPORTION OF USAGE HAPPENS WHEN WE HAVE TIME TO KILL COMMUTING, WAITING BUT ALSO AT HOME http://www.flickr.com/photos/hanhutton/320464105/
  • 18. THE SAME TASKS ARE CARRIED OUT ON SMARTPHONES AS ON DESKTOPS AS DEVICES & EXPERIENCE BECOME MORE OPTIMISED USAGE & TASK EXECUTION IS INCREASING www.flickr.com/photos/edduddiee/4307943164
  • 19. Three purchases are made through eBay’s mobile applications every second.* Source: www.juniperresearch.com/reports/mobile_payments_for_digital_&_physical_goods www.flickr.com/photos/stuckincustoms/440157748
  • 20. 2. THIS HAS... IMPLICATIONS FOR UX & DESIGN http://www.flickr.com/photos/eyesore9/3206408088/
  • 21. LIMITED DEVICE CAPABILITIES USED TO MEAN LIMITED TASKS E.G. FOCUS ON SEARCH | OPENING HOURS | REVIEWS | MENU www.flickr.com/photos/frantaylor/4296536332
  • 22. RESULTED IN MOBILE SPECIFIC WEBSITES LESS CONTENT & LINKS BACK TO THE FULL DESKTOP VERSION DESKTOP FULL WEBSITE BESPOKE CUT DOWN WEBSITE BESPOKE CUT DOWN WEBSITE http://desktopwallpaper-s.com/19-Computers/-/Future/
  • 23. PEOPLE ARE CLICKING THE ‘FULL DESKTOP VERSION’ LINK THERE IS A REASON FOR THAT www.flickr.com/photos/demandaj/7287174776
  • 24. AN EQUAL & CONTINUOS EXPERIENCE ACROSS DEVICES THIS EXPECTATION WILL ONLY GROW STRONGER www.flickr.com/photos/joachim_s_mueller/7110473339
  • 25. 3. A CLOSER LOOK AT... BESPOKE MOBILE SITES vs. RESPONSIVE SITES vs. APPS http://www.flickr.com/photos/young_einstein/74097753/
  • 26. PRIMARY REASONS FOR A BESPOKE MOBILE SITE • REQUIRED FOR THE AUDIENCE • TECHNICAL LIMITATIONS TO CMS www.flickr.com/photos/st3f4n/3476036180
  • 27. BEST AVOIDED IF WE CAN IT CAN CAUSE ALL SORTS OF PROBLEMS http://www.flickr.com/photos/edenandjosh/2892956576/
  • 28. BUT WHY? ” Today's popular devices are not tomorrow's so building something which works on any device is better than building something which works on today's devices “ - COMBINED WISE WORDS FROM @ONEXTRAPIXEL & @TRENTWALTON www.flickr.com/photos/lastquest/1472794031
  • 29. THE ALTERNATIVE IS MESSY & COSTLY MAINTAINING DIFFERENT VERSIONS USERS HAVING PROBLEMS FINDING WHAT THEY ARE AFTER (E.G. IN SEARCH) www.flickr.com/photos/ericconstantineau/5618576278
  • 30. CORE CONTENT SHOULD REMAIN THE SAME BUT THE EXPERIENCE SHOULD BE OPTIMISED BOTH IN DISPLAY OF CONTENT & REGARDING USING DEVICE CAPABILITIES www.flickr.com/photos/jmtimages/2883279193
  • 31. MOBILE PRESENCE vs. APP? USE ANALYTICS FOR GUIDANCE MOSTLY DIRECT TRAFFIC POSSIBLE ARGUMENT FOR APP MOSTLY VIA SHARED LINKS MOBILE WEB PRESENCE NEEDED. AN APP ALONE WON’T CUT IT A BIT OF BOTH THEN CONSIDER.... www.flickr.com/photos/andwhynot/2946734025
  • 32. WHETHER TO DO AN APP OR NOT COMES DOWN TO... • THE OBJECTIVE (USER & BUSINESS) • IF THERE ARE SPECIFIC DEVICE CAPABILITIES YOU WANT TO UTILISE • IF OFFLINE READING/USAGE IS REQUIRED • & OF COURSE BUDGET www.flickr.com/photos/31878512@N06/4704140020
  • 33. DIFFERENT TYPES OF APPS THE MAIN TWO TYPES NATIVE APPS (e.g. Instagram) • MOST OPTIMISED USER EXPERIENCE • ACCESS TO DEVICE CAPABILITIES & APIs • BUT REQUIRES PLATFORM SPECIFIC CODE BASE HYBRID (e.g. Facebook) • USE OF HTML5 & JAVASRIPT • WRAPPER TO PROVIDE NATIVE CAPABILITIES • FEWER “VERSIONS” TO MAINTAIN • BUT CAN BE TIME CONSUMING TO CREATE APP LIKE INTERACTIONS • CAN'T JUST BE WRAPPED. MUST HAVE APP LIKE FUNCTIONALITIES
  • 34. ” Money spent developing a pretty but limited iPhone app only benefits...the few, but money spent on the website UI would have benefitted everyone “ - Gary Marshall on ‘The app trap’ in .net Magaizine www.flickr.com/photos/cristiano_betta/2909483129
  • 35. 4. THERE IS SOMETHING CALLED... RESPONSIVE DESIGN http://www.flickr.com/photos/paperpariah/4301471586/
  • 36. “ Design & development should respond to the user’s behaviour & environment based on screen size, platform & orientation. [It’s]...a mix of flexible grids & layouts, images & an intelligent use of media queries. ” - SMASHING MAGAZINE www.flickr.com/photos/adactio/5818096043
  • 37. DEFINE YOUR GRID & BREAK POINTS • USE AS THE BASIS OF YOUR PAGE LAYOUTS • CHECKPOINT FOR MODULE SIZES & VARIANTS • FIXED OR FLUID COLUMNS • DEFINES HOW CONTENT WILL BEHAVE ACROSS DEVICES http://foundation.zurb.com/docs/layout.php
  • 38. DEFINE YOUR CONTENT STACKING STRATEGY ACROSS DEVICES & ORIENTATION Mobile 1 2 Header “ Content needs to be Logo 3 Nav choreographed to Desktop & Tablet 4 Bath section intro 5 Ad ensure the intended 1 Logo 2 Header message is preserved 4 Bath section intro 5 Ad 6 on any device and at Types of baths 3 Nav any width ” 6 Types of baths 7 Related 7 products Related products - TRENT WALTON 8 Store locator 9 Tools 8 Store 9 Tools locator 10 10 Footer Footer
  • 39. MOBILE VS. DESKTOP FIRST • START LARGE OR SMALL WHAT EVER WORKS BEST FOR YOU • ABOUT CONTENT, PRIORITISING & CONSIDERING HOW IT WILL WORK ACROSS DEVICES MOBILE VS. DESKTOP FIRST • START LARGE OR SMALL WHAT EVER WORKS BEST FOR YOU • ABOUT CONTENT, PRIORITISING & CONSIDERING HOW IT WILL WORK ACROSS DEVICES
  • 40. THE WEB IS FULL OF EXAMPLES LOOK FOR INSPIRATION & BEST PRACTICE e.g. as shown on the right http://mediaqueri.es/popular/ BUT DON’T BE AFRAID TO CHALLENGE OR COME UP WITH SOMETHING... BETTER. http://mediaqueri.es/popular/
  • 41. CONSIDER YOUR NAVIGATION DIFFERENT WAYS OF OPTIMISING WITH DIFFERENT PROS & CONS www.flickr.com/photos/tim_norris/2789759648
  • 42. EXCELLENT READ ‘RESPONSIVE NAVIGATION PATTERNS’ by Brad Frost.* Source: http://bradfrostweb.com/blog/web/responsive-nav-patterns
  • 44. 5. WHAT ABOUT... DOING AN APP? http://www.flickr.com/photos/tomitapio/4053123799/in/photostream/
  • 45. APPS ARE FOCUSED & PERSONAL ” Small, downloadable chunks of software, they give people access to information in a neatly packaged format “ - Apps on tap, The Economist Oct 8th 2011 www.flickr.com/photos/elwillo/5247084642
  • 46. EVERY PLATFORM IS ITS OWN LITTLE WORLD WITH THEIR OWN UI GUIDELINES THAT USERS ARE USED TO www.flickr.com/photos/gadl/3570118243
  • 47. NOT AS EASY AS JUST ANDROID OR iOS FRAGMENTATION ACROSS DIFFERENT VERSIONS & BACKWARDS COMPATIBILITY SHOULD BE CONSIDERED www.flickr.com/photos/nrkbeta/3906687294/in/photostream
  • 48. RELATIVE NUMBER OF ACTIVE ANDROID DEVICES RUNNING A SPECIFIC VERSION Source: http://developer.android.com/about/dashboards/index.html www.flickr.com/photos/blakespot/4773693893
  • 49. EXAMPLE OF ADOPTION OF NEW iOS VERSION Source: http://forums.macrumors.com/showthread.php?t=1347559&forceMobile=1 www.flickr.com/photos/blakespot/4773693893
  • 50. KEY DIFFERENCES BETWEEN DESIGNING FOR ANDROID & iOS ANDROID iOS FRAGMENTATION Design CONSISTENCY DIFFERENT FOR DIFFERENT VERSIONS & UI elements & CONSISTENCY BETWEEN HANDSETS principles VERSIONS & HANDSETS SLOWER IMPLEMENTATION & UPTAKE Version adoption QUICK ADOPTION OF NEW OF NEWER VERSIONS VERSIONS HANDLED WITH EITHER SYSTEM BACK Back navigation BACK BUTTON BUTTON (EARLIER VERSIONS) OR BACK & UP BUTTONS (LATEST VERSION) OPTIONS MENU USED TO HOUSE APP SETTINGS BUTTON OR 'MORE' TO Settings etc. ACCESS APP WIDE SETTINGS & WIDE SETTINGS & INFORMATION INFORMATION www.flickr.com/photos/nrkbeta/3906687294/in/photostream
  • 52. ANDROID RESOURCES HELP & INSPIRATION A LITTLE LESS WELL DOCUMENTED FOR EARLIER VERSIONS
  • 53. iPhone 12:15 PM More BASIC iOS Customise APP NAME IMG Item NAVIGATION IMG Item IMG Item IMG Item CONSISTENT ACROSS IMG Item VERSIONS Content area IMG Item IMG Item NAVIGATION BAR IMG Item Enables navigation through the app IMG hierarchy. Holds the back button, Home Item Item Item More controls for managing screen content & the title of the screen. Home Item Item Item More BACK BUTTON Should always take the user one step back from where they came from & be descriptive. TAB BAR Can often be customised. Holds the main sections of the app. ‘MORE’ TAB BAR ITEM Used to hold & provide access to all other sections of the app that don’t fit in the tab bar. Source: http://developer.android.com/design/patterns/new-4-0.html
  • 54. ANDROID NAVIGATION DIFFERENT BETWEEN VERSIONS. IN ICE CREAM SANDWICH: NAVIGATION BAR For devices that don't have the hardware keys. Holds 'Back', 'Home' and 'Recents' ACTION BAR Holds the most important action buttons for your app (3 + overflow menu) UP VS. BACK BUTTON The Up button is used to navigate up one level based on the hierarchical structure of the site. Back is used to navigate back one step from where you came from & as such works in reverse chronological order. Source: http://developer.android.com/design/patterns/new-4-0.html
  • 55. HOW TO TAME THE BEAST? YOU LEARN BY DOING www.flickr.com/photos/jojoneil/6359536591
  • 56. 6. TIME TO PRACTICE http://www.flickr.com/photos/kalexanderson/6302660289/
  • 57. BESPOKE MOBILE SITE vs RESPONSIVE vs AN APP CONSIDER THE FOLLOWING SITUATION OR USE A PROJECT OF YOUR OWN: In preparation for the Christmas season 2012 EXERCISE ONE Company A wants to create the ultimate Christmas guide to New York City. What do you recommend in terms of their presence, particularly mobile & why? 10 MINUTES www.flickr.com/photos/jojoneil/6359536591
  • 58. MOBILE PRESENCE vs. APP? USE ANALYTICS FOR GUIDANCE MOSTLY DIRECT TRAFFIC POSSIBLE ARGUMENT FOR APP MOSTLY VIA SHARED LINKS MOBILE WEB PRESENCE NEEDED. AN APP ALONE WON’T CUT IT A BIT OF BOTH THEN CONSIDER.... www.flickr.com/photos/andwhynot/2946734025
  • 59. WHETHER TO DO AN APP OR NOT COMES DOWN TO • THE OBJECTIVE (USER & BUSINESS) • IF THERE ARE SPECIFIC DEVICE CAPABILITIES YOU WANT TO UTILISE • IF OFFLINE READING/USAGE IS REQUIRED • & OF COURSE BUDGET www.flickr.com/photos/31878512@N06/4704140020
  • 60. EXERCISE ONE BESPOKE MOBILE SITE vs RESPONSIVE HOW WOULD MOST PEOPLE ACCESS IT? vs AN APP • MOSTLY DIRECT TRAFFIC POSSIBLE ARGUMENT FOR APP CONSIDER THE FOLLOWING • MOSTLY VIA SHARED LINKS MOBILE WEB PRESENCE NEEDED. SITUATION OR USE A PROJECT OF AN APP ALONE WON’T CUT IT YOUR OWN: In preparation for the Christmas season CONSIDER... 2012 Company A wants to create the ultimate Christmas guide to New York City. • THE OBJECTIVE (USER & BUSINESS) What do you recommend in terms of • IF THERE ARE SPECIFIC DEVICE their presence, particularly mobile & why? CAPABILITIES YOU WANT TO UTILISE • IF OFFLINE READING/USAGE IS 10 MINUTES REQUIRED • & OF COURSE BUDGET www.flickr.com/photos/jojoneil/6359536591
  • 61. BUILDING A RESPONSIVE SITE COMPANY A WANTS TO INCLUDE THE FOLLOWING ON THEIR SITE: • Event calendar • Christmas focused maps • Day planner & search • Basic travel search • Itineraries suggestions • Ad spaces & offers PART 1 EXERCISE TWO Pick either mobile or desktop & do a rough sketch of what the home page should contain & how the content should be prioritised. Where you see appropriate include a reference to where imagery should be used. PART 2 Using content stacking methodology define how the content should be prioritised on desktop and mobile. www.flickr.com/photos/jojoneil/6359536591 15 MINUTES
  • 62. DEFINE YOUR CONTENT STACKING STRATEGY ACROSS DEVICES & ORIENTATION Mobile 1 2 Header “ Content needs to be Logo 3 Nav choreographed to Desktop & Tablet 4 Bath section intro 5 Ad ensure the intended 1 Logo 2 Header message is preserved 4 Bath section intro 5 Ad 6 on any device and at Types of baths 3 Nav any width ” 6 Types of baths 7 Related 7 products Related products - TRENT WALTON 8 Store locator 9 Tools 8 Store 9 Tools locator 10 10 Footer Footer
  • 63. EXERCISE TWO BUILDING A RESPONSIVE SITE Mobile 1 2 Header COMPANY A WANTS TO INCLUDE THE Logo 3 FOLLOWING ON THEIR SITE: Nav 4 • Event calendar • Christmas focused maps Desktop & Tablet Bath 5 section Ad • Basic travel search intro • Day planner & search • Itineraries suggestions • Ad spaces & offers 1 Logo 2 Header 4 5 PART 1 6 Bath section intro Ad Types of baths 3 Pick either mobile or desktop & do a rough sketch of Nav what the home page should contain & how the content should be prioritised. Where you see 6 Types of baths 7 Related 7 appropriate include a reference to where imagery 8 Store products Related products locator should be used. 9 Tools 8 Store 9 Tools locator PART 2 10 Footer 10 Footer Using content stacking methodology define how the content should be prioritised on desktop and mobile. 15 MINUTES www.flickr.com/photos/jojoneil/6359536591
  • 64. BUILDING AN APP BASED ON THE CONTENT FOR THE SITE & WHAT YOU KNOW ABOUT CHRISTMAS IN NEW YORK CONSIDER WHAT WOULD BE SUITABLE FOR AN APP: • Event calendar • Christmas focused maps • Day planner & search • Basic travel search • Itineraries suggestions • Ad spaces & offers PART 1 EXERCISE THREE Define the main sections your app would have. PART 2 Looking at the navigation how would you structure this if you were to do an iOS app & an Android app? Focus on the Tab bar items respectively Action bar items & what would go in the ‘More’ respectively ‘Overflow menu’. www.flickr.com/photos/jojoneil/6359536591 15 MINUTES
  • 65. iPhone 12:15 PM More BASIC iOS Customise APP NAME IMG Item NAVIGATION IMG Item IMG Item IMG Item CONSISTENT ACROSS IMG Item VERSIONS Content area IMG Item IMG Item NAVIGATION BAR IMG Item Enables navigation through the app IMG hierarchy. Holds the back button, Home Item Item Item More controls for managing screen content & the title of the screen. Home Item Item Item More BACK BUTTON Should always take the user one step back from where they came from & be descriptive. TAB BAR Can often be customised. Holds the main sections of the app. ‘MORE’ TAB BAR ITEM Used to hold & provide access to all other sections of the app that don’t fit in the tab bar. Source: http://developer.android.com/design/patterns/new-4-0.html
  • 66. ANDROID NAVIGATION DIFFERENT BETWEEN VERSIONS. IN ICE CREAM SANDWICH: NAVIGATION BAR For devices that don't have the hardware keys. Holds 'Back', 'Home' and 'Recents' ACTION BAR Holds the most important action buttons for your app (3 + overflow menu) UP VS. BACK BUTTON The Up button is used to navigate up one level based on the hierarchical structure of the site. Back is used to navigate back one step from where you came from & as such works in reverse chronological order. Source: http://developer.android.com/design/patterns/new-4-0.html
  • 67. EXERCISE THREE BUILDING AN APP iPhone 12:15 PM More Customise APP NAME IMG Item IMG Item BASED ON THE CONTENT FOR THE SITE & IMG Item WHAT YOU KNOW ABOUT CHRISTMAS IN IMG Item NEW YORK CONSIDER WHAT WOULD BE IMG Item SUITABLE FOR AN APP: Content area IMG Item • Event calendar • Christmas focused maps IMG Item • Day planner & search • Basic travel search IMG Item • Itineraries suggestions • Ad spaces & offers IMG Home Item Item Item More PART 1 Home Item Item Item More Define the main sections your app would have. PART 2 Looking at the navigation how would you structure this if you were to do an iOS app & an Android app? Focus on the Tab bar items respectively Action bar items & what would go in the ‘More’ respectively ‘Overflow menu’. 15 MINUTES www.flickr.com/photos/jojoneil/6359536591
  • 68. 7. TO SUMMARISE http://www.flickr.com/photos/martinteschner/4569495912/
  • 69. DEVICE USAGE & PATTERNS FUTURE DEVICES The number of different devices will only grow & we don’t know what’s coming. USED EVERYWHERE & ANYWHERE And we’re not only using them on the go but increasingly when we have some downtime including the sofa. USE OF MOBILE DEVICES Our use of mobile devices is www.flickr.com/photos/thecaucas/2597813380 increasingly replicating that of desktop.
  • 70. IMPLICATIONS FOR UX & DESIGN THINKING AN EQUAL & CONTINUOUS EXPERIENCE ACROSS DEVICES As they & the services we use become more sophisticated & optimised we expect more from them. KEEP THE CORE BUT OPTIMISE Consider the limitations but also the opportunities with mobile devices. www.flickr.com/photos/thecaucas/2597813380
  • 71. WHEN DO WHAT BESPOKE MOBILE WEBSITE Try to avoid it but do it if necessary RESPONSIVE & ADAPTIVE DESIGN The most device & future adaptive approach right now. Use if possible. But challenge content delivery. APP Use if you require offline reading/ functionality & access to device capabilities. Base which type on objectives & stats. www.flickr.com/photos/thecaucas/2597813380
  • 72. FOR RESPONSIVE DEFINE YOUR GRID & BREAKPOINTS This is the backbone of responsive design & content choreography. DON’T FORGET THE NAVIGATION Consider the pros & cons of different methods. TEST & COLLABORATE This is new grounds & we’re all learning so work together & test as www.flickr.com/photos/thecaucas/2597813380 you go.
  • 73. FOR APPS REMEMBER PLATFORM SPECIFIC GUIDELINES Adhering to them will make your app easier to use. CONSIDER BACKWARDS COMPATIBILITY Not everyone will be on the latest version. Ensure you cater for the majority. CONSULT THE INTERNET There are a number of great resources for knowledge & inspiration. Use them. www.flickr.com/photos/thecaucas/2597813380
  • 74. 8. BEFORE I GO... REMEMBER THAT BEFORE I GO REMEMBER THAT... • DESIGNING FOR MULTIPLE DEVICES IS NOT JUST ABOUT THE SMALLER SCREENS • IT’S ALSO ABOUT THE LARGER ONES • & IT’S ABOUT THINKING AHEAD • & ABOUT BEING CLEVER IN WHAT WE DO www.flickr.com/photos/publicenergy/1846375599
  • 75. ...IT’S NOT JUST ABOUT THE SMALLER SCREENS BUT ALSO THE BIG ONES www.flickr.com/photos/jolives/2889944573/
  • 76. IT’S ABOUT THINKING AHEAD PLAN 5 YEARS AHEAD WITH “FUTURE PROOFING” IN MIND www.flickr.com/photos/jolives/2889944573/
  • 77. IT DOESN’T HAVE TO BREAK THE BANK BESIDES CONSIDER LOST CUSTOMERS & MAINTAINING MULTIPLE VERSIONS http://www.flickr.com/photos/gi/5537770007/
  • 78. BE CREATIVE & CHALLENGE WHAT EXISTS TODAY THAT’S WHAT MOVES US FORWARD www.flickr.com/photos/oter/5090592214
  • 79. CLOSER & MORE REWARDING COLLABORATION BETWEEN DISCIPLINES & WITH CLIENTS www.flickr.com/photos/stevendepolo/3378152784
  • 80. BUT ABOVE ALL... “ We’re not just making pretty interfaces. We’re actually in the process of making an environment where we’ll spend most of our time, for the rest of our lives. We’re the designers.We’re the builders. What do we want that environment to feel like? What do we want to feel like. ” - Wilson Minor http://www.flickr.com/photos/funch/4679422945/
  • 81. 9. FOR THE ROAD SOME TAKE AWAYS www.flickr.com/photos/st3f4n/4387291247
  • 82. PLATFORM GUIDELINES http://developer.apple.com/library/ios/ #DOCUMENTATION/UserExperience/ Conceptual/MobileHIG/ UIElementGuidelines/ UIElementGuidelines.html http://mrgan.tumblr.com/post/ 10492926111/labeling-the-back-button http://developer.android.com/design/ index.html www.flickr.com/photos/st3f4n/4387291247
  • 83. PATTERN LIBRARIES http://pttrns.com/ http://mobile-patterns.com/ http://www.patternsofdesign.co.uk/ http:// www.mobiledesignpatterngallery.com/ mobile-patterns.php http://www.androidpatterns.com/ http://androidpttrns.com/ www.flickr.com/photos/st3f4n/4387291247
  • 85. Thank you! QUESTIONS? annadahlstrom annadahlstrom www.annadahlstrom.com www.flickr.com/photos/dahlstroms/4411448782/