SlideShare a Scribd company logo
Mobile Design
Strategic Solutions         Theresa Neil




6AM    9AM     12PM   6PM   9PM     12AM
I work as a consultant,
               helping companies with
               their UX Strategy.




Theresa Neil
UX strategy is about designing for....



        CONVERGENCE

                     CONTEXT

             PEOPLE’S NEEDS

     MULTISCREEN ECOSYSTEMS

                CONTINUITY

          DISTRIBUTED EXPERIENCES
My recent travel experience to Europe
Lufthansaʼs User Experience




Classic Web Site    Mobile Optimized Site   In Flight Entertainment




Native Tablet App   Kiosk                   Native Mobile Apps
Netflix in my house




                game room     office




               living room   kitchen
Netflix in my house

 and outside


                game room     office




               living room   kitchen
Netflixʼs User Experience




Classic Web Site   Hybrid Tablet Apps    Hybrid Mobile Apps




TV (Boxee)         Game Console (XBox)   Game Device (Playstation)
UX strategy is about aligning the purpose of a
product with the userʼs requirements at any given
time or in any given situation.
http://uxmag.com/articles/designing-for-context-the-multiscreen-ecosystem

http://www.slideshare.net/Rachel_Hinman/the-mobile-frontier-11393284
How do we do that?

1.Gain empathy and clarity on exactly what our customers
 go through when they interact with our service.

2.Identify key areas where we can improve their experience.




                               http://www.shmula.com/customer-journey-map-continuous-improvement/10494/
How do we do that?

1.Gain empathy and clarity on exactly what our customers
 go through when they interact with our service.

2.Identify key areas where we can improve their experience.




                               http://www.shmula.com/customer-journey-map-continuous-improvement/10494/
How do we do that?

1.Gain empathy and clarity on exactly what our customers
 go through when they interact with our service.

2.Identify key areas where we can improve their experience.

             Pain point
Pain point
                Pain point                           Pain point
                                  Pain point
                          Pain point


        Pain point


                                  http://www.shmula.com/customer-journey-map-continuous-improvement/10494/
Starbuckʼs found that technology can
address some of these pain points,




 Locating    Ordering/Waiting    Paying
And recently added even more
improvements...




              Reload card
What does your customerʼs journey look like?
Pain point
    Pain point
                    Pain point              Pain point

                              Pain point point
                                      Pain


           Pain point




Where are your customerʼs
What does their pain points?journey look like?
Responsive Site       Native App

       What mobile solutions
        are available to help
       with these pain points?
         Web      And /Or    Installed




Optimized Sites       Hybrid App
Responsive Site       Native App




         Web      And /Or    Installed




Optimized Sites       Hybrid App
Responsive Web Site

Defined Web site responds to the environment using css media
queries. Typically achieved by using fluid grid layouts, like Responsive
Grid System, Bootstrap, from Twitter, or Foundation by Zurb.
Responsive Web Site




                       UIWindow
                       768 x 1024




   Cisco London 2012
Responsive Web Site

Ideal For
Informational Web Sites
Portfolios
Content Consumption Sites
  • Newspapers
  • Magazines
  • Blogs



                            Boston Globe
Weʼre going to deep dive into responsive
design a bit later...
Optimized Web Sites

Defined Multiple web sites, each optimized for a different form
factor, and different usage needs.

              At Home

           On The Go


       While Shopping

              At Work

   On Public Transport

                         0    25          50         75          100
Optimized Web Sites

Defined Multiple web sites, each optimized for a different form
factor, and different usage needs.

       Smartphone   80
       Tablet
       Laptop
                    60

                    40

                    20

                     0
                    At Home AM   To/From School/Work At School/Work   Out and About   At Home PM
Optimized Web Sites

Defined Multiple web sites, each optimized for a different form
factor, and different usage needs.
Optimized Web Sites


Some companies have three distinct sites...




                                              Mobile Web Site
                        Tablet Web Site
Classic Web Site
Optimized Web Sites


More often there are only two distinct sites.




Amazonʼs Classic Web Site & Tablet Site   Mobile Web Site
Optimized Web Sites


But this may change in moving forward:

In January, Adobe reported that tablet users spend
more than 50 percent more for each transaction at
an online retailer site compared to smartphone users
and 20 percent more than traditional computer users.




http://success.adobe.com/assets/en/downloads/whitepaper/13926_digital_marketing_insights.pdf
Optimized Web Sites




http://monetate.com/2011/12/the-10-best-tablet-friendly-website-experiences-of-2011/
Optimized Web Sites


The mobile version is streamlined for core activities.




 jetBlueʼs Classic Web Site & Tablet Site   Mobile Web Site
Optimized Web Sites

Ideal For
Retail
Search
SaaS products
Other web apps




                      Basecamp
After we look as responsive design, weʼll dig
into mobile optimized site design
Native Apps

Defined An application that has been developed for use on a
particular platform or device.

Typically native apps are coded with:
Objective C for Apple
Java for Android and BlackBerry
C# or Visual Basic for Windows 7.5

But there are also other options:
Ruby Motion
MonoTouch and MonoDroid
Adobe AIR



                                             Adobe Flex 4.5 Showcase Apps
Native Apps




 Xamarian MWC 2012 App   C#, MonoTouch, MonoDroid
Native Apps




 Angry Birds
Native Apps




 Skype
Native Apps

Ideal For
Retail
Financial
Software (productivity tools)
Games
Many Enterprise Apps

Benefits over Hybrid
Better Performance


                            Keynote (like PPT for Apple)
After lunch weʼll look at design patterns and
anti-patterns for native applications
Hybrid Apps


Defined A ʻnative wrappedʼ web application. Products like Titanium and
PhoneGap create a native wrapper that lets the Javascript (or Ruby or
Python) access OS dependent operations.
Hybrid Apps

Development Frameworks
Most support HTML5 and CSS3 so you can create custom UIs for
different platforms.
But Beware
Some frameworks offer a ʻdrag and dropʼ IDE that force all of your apps
to look like identical, regardless of the target OS/device.
Hybrid Apps




Netflix
http://functionsource.com/post/netflix-feature
Hybrid Apps




 NBC-Built with Titanium




IPad & iPhone apps are nice, but not
shoehorned onto an Android phone.*
This is not a limitation of Titanium, just a poor design
decision by NBC.
Hybrid Apps

Differences Across Devices

Gestures

Interaction Paradigms

Navigation

Functionality




http://www.lukew.com/ff/entry.asp?1370
http://www.lukew.com/ff/entry.asp?1073
Hybrid Apps

LinkedIn does a great job of designing and developing for multiple
mobile platforms
Hybrid Apps

Ideal For
Software (productivity tools)
Enterprise Apps
Video Players
Retail

Drawbacks
Performance                                                        Facebook




Benefits over Native
Possibly lower costs
http://www.readwriteweb.com/mobile/2012/01/hybrid-html5-apps-are-more-les.php
Before weʼre done, weʼll weigh in on the native
vs hybrid debate
Responsive Site       Native App

          Letʼs deep dive into
         each of these options

         Web      And /Or    Installed




Optimized Sites       Hybrid App
Responsive Site       Native App




         Web      And /Or    Installed




Optimized Sites       Hybrid App
Responsive Deep Dive


What is Responsive?
Layout Patterns
Mobile First Segue
Navigation Patterns
Sketching/ Wireframing/Prototyping
Visual Design
Why Responsive?

Future Proof
Will work on devices that aren’t even created yet

Cost Savings
By reducing duplication and simplifying maintenance

It is not a fad, it is the new best
practice for web sites
Why Responsive?

Future Proof
Will work on devices that aren’t even created yet

Cost Savings
By reducing duplication and simplifying maintenance

It is not a fad, it is the new best
practice for web sites

 Notice I didʼt say “best practice for web apps”
People are frequently consuming web content from
a device other than a laptop/desktop. A responsive
design will work across devices, providing people
with the content they seek.
http://www.abookapart.com/products/mobile-first/
Responsive Grid Systems

The design adapts itself to the to the user’s behavior based on
screen size, platform and orientation, by using a series of grids.

                                                 The most common are
                                                 grids are:
                                                 12 column
                                                 10 column

                                                 But you can also find:
                                                 24 column
                                                 18 column
                                                 8 column, etc..

                                                 Or make your own.
http://www.alistapart.com/articles/fluidgrids/
Media Queries


With responsive web design, you can set a baseline
(mobile) experience first, then progressively enhance
or adapt your layout as device capabilities change.

This is accomplished by setting resolution “break points”
and applying a different set of layout rules and media
assets to each. A break point can be thought of as a
conditional statement that determines if a device meets
specific criteria like a minimum width of 600 pixels. If that
condition is true, then the browser applies a different set
of layout rules.
Responsive Design: Layout Patterns



 Mostly Fluid                           Column Drop   Layout Shifter




Tiny Tweaks                            Off Canvas




http://www.abookapart.com/products/mobile-first/
Layout Patterns: Mostly Fluid

                         I dubbed this pattern "mostly fluid" because the
                         core structure of the layout really doesn't
                         change until the smallest screen width. Instead,
                         the design mostly relies on fluid grids to adapt
                         to a variety of screen sizes.
                                                              -- Luke W




https://sifterapp.com/
Layout Patterns: Column Drop

            This pattern starts with a multi-column layout and
            ends up with a single column layout, dropping
            columns along the way as screen sizes get
            narrower. The overall size of elements in this
            layout tend to stay consistent.       -- Luke W
Mobile Design. Strategic Solutions.
Layout Patterns: Layout Shifter

                This pattern does the most to adapt across
                different screen sizes. That is, different layouts
                are used on large, medium, and small screens.
                Because this inherently requires more work, it
                seems to be less popular.       -- Luke W
http://mediaqueri.es/awa/
Layout Patterns: Tiny Tweaks

             Simple sites with a single column layout, multi-device adaptation
             can just be a few tiny tweaks to font sizes and image layout
                                                                  -- Luke W
Mobile Design. Strategic Solutions.
Layout Patterns: Off Canvas


             This pattern advantage of space off the screen to keep
             content or navigation hidden until either a larger screen
             size allows it to be visible or a user takes action to expose
             it. This pattern is showing up in a sites and apps.
                                                                    -- Luke W
Responsive Design: More Layouts




  Mondrain          Basic Gallery
Responsive Design: More Layouts




  Mondrain          Basic Gallery
Responsive Design: More Layouts




  Featured Items    Column Flip
Responsive Design: More Layouts




  Featured Items    Column Flip
Responsive Design: More Layouts




                     Last five patterns courtesy of
                     Joshua Johnson
                     http://designshack.net/articles/css/5-
                     really-useful-responsive-web-design-
                     patterns/

  Feature Shuffle
Responsive Design: More Layouts




                     Last five patterns courtesy of
                     Joshua Johnson
                     http://designshack.net/articles/css/5-
                     really-useful-responsive-web-design-
                     patterns/

  Feature Shuffle
Mobile Design. Strategic Solutions.
Whatʼs the pattern?
Whatʼs the pattern?
Break
Mobile First is...

A different way of thinking
Mobile First is...

A different way of thinking




                         Agreement on what matters most
Mobile First is...

Knowing your users
Mobile First is...

Knowing your users




                     What they do and why they do it
Four critical (mobile) behaviors

Lookup/Find (urgent info, local): I need an answer to
something now—frequently related to my current location in
the world.

Explore/Play (bored, local): I have some time to kill and
just want a few idle time distractions.

Check In/Status (repeat/micro-tasking): Something
important to me keeps changing or updating and I want to
stay on top of it.

Edit/Create (urgent change/micro-tasking): I need to get
some- thing done now that can’t wait.
Mobile First is...

 About reduction




When I say “simple”, what I mean is: A product reduced to
its purest form of purpose or value.     --Francisco Inchauste



http://www.simpleandusable.com/
Mobile First results in...

A user experience focused on key tasks
Mobile First results in...

A user experience focused on key tasks




                              For the BBC thatʼs top
                              stories and most read
Mobile First thinking works for...

   Responsive Site     Native Apps




   Optimized Sites     Hybrid Apps
Mobile First thinking works for...

   Responsive Site     Native Apps




   Optimized Sites     Hybrid Apps
Responsive Navigation Patterns

Top Nav or “Do Nothing” Approach




One of the easiest-to-implement solutions for navigation is to simply
keep it at the top. Because of its ease of implementation, it’s found on
many (maybe even most) responsive sites right now.
                                                         -- Brad Frost

http://bradfrostweb.com/blog/web/responsive-nav-patterns/
Drawbacks
Where’s the content? Stacked tabs make the whole page about navigation.
Responsive Navigation Patterns

The footer anchor




This clever solution keeps the nav list at the footer of the site, while the header contains a
simple anchor link pointing to the footer nav. This approach clears up a lot of room for the
core content while still providing quick access to the navigation.
                                                                               -- Brad Frost

http://bradfrostweb.com/blog/web/responsive-nav-patterns/
Responsive Navigation Patterns

The select menu




 One way of taming nav links gone wild is to transform a list of links into a select
 menu for small screens. This avoids the problems the top nav approach presents
 and is a clever way to save real estate.
                                                                        -- Brad Frost

http://bradfrostweb.com/blog/web/responsive-nav-patterns/
Drawbacks
 Select menus are for choosing your state or security question, not navigating a site.

 In my mind there’s only one form element that should ever be used for navigation and
 that’s search. -- Andy Clarke




http://www.stuffandnonsense.co.uk/blog/about/the_select_menu_navigation_pattern
Responsive Navigation Patterns

The toggle




 The menu slides open right in the header. It’s a good-looking approach
 and is relatively easy to implement. -- Brad Frost


http://bradfrostweb.com/blog/web/responsive-nav-patterns/
How to implement
http://
filamentgroup.com/lab/
responsive_design_ap
proach_for_navigation/
Responsive Navigation Patterns

The left nav flyout




The nav is accessed by a menu icon, which reveals a tray that slides in from the
left and moves the main content over to the right. -- Brad Frost



http://bradfrostweb.com/blog/web/responsive-nav-patterns/
Drawbacks
Sophisticated, lots of moving parts. Allow plenty of time for testing
across many devices.

Possible Solutions
Foundations framework offers 4 options for off canvas navigation



http://foundation.zurb.com/
http://jasonweaver.name/lab/offcanvas/technical/
Responsive Navigation Patterns

Footer only




The footer-only navigation is similar to the footer anchor approach, only
without the anchor in the header. It follows the content-first, nav-second
model, however it requires mobile users to scroll all the way to the bottom in
order to navigate the site. -- Brad Frost

http://bradfrostweb.com/blog/web/responsive-nav-patterns/
Responsive Navigation Anti- Patterns


Hide ʻn Cry




Removes a bunch of options. A big no,no. Don’t penalize people for visiting
your site on a mobile device.




http://bradfrostweb.com/blog/web/responsive-nav-patterns/
Responsive Navigation Pattern


Pull Down




http://inspectelement.com/tutorials/pull-down-for-navigation-a-responsive-solution/
Responsive Frameworks

Responsive means:
fluid grid
flexible media
media queries

A responsive framework will therefore provide:
fluid grid
flexible media
media queries at common breakpoints
Responsive Frameworks
Responsive Frameworks
Responsive Frameworks
Responsive Frameworks
Responsive Frameworks
Responsive Frameworks
Responsive Frameworks
Responsive Frameworks
Responsive Toolkits




These toolkits provide basic styles to use as your
foundation (hence the term boilerplate)
Now can we start designing?
http://mobile.smashingmagazine.com/2012/06/07/sketching-a-new-mobile-web/
Responsive Design: Sketching




Sketch Sheets
http://jeremypalford.com/arch-journal/responsive-web-design-sketch-sheets
Responsive Design: Wireframes




Stencil/ Template: Less Stencil for OmniGraffle
http://graffletopia.com/stencils/745
Responsive Design: Wireframes




 Photoshop PSD
 http://elliotjaystocks.com/blog/a-better-photoshop-grid-for-responsive-web-design/
Responsive Design Exercise
Less

              More


Static wireframes. This is something I feel we need to get away
from. There’s nothing from stopping talented UX designers from
designing these flexible systems in the browser itself.

Establishing the grid system on paper to get the concept and
flow down is great, but I’m a strong proponent of moving into the
real environment as soon as humanly possible.
                                                  ---Brad Frost
Responsive Design: Prototyping




Responsive Wireframes- just an example
http://www.thismanslife.co.uk/projects/lab/responsivewireframes
Responsive Design: Prototyping




Fluid Grids
http://fluidgrids.com/
Responsive Design: Prototyping




Gridpak Grid Generator
http://gridpak.com/
Validate the prototypes on the target devices with actual users
http://bradfrostweb.com/blog/mobile/support-vs-optimization/
http://bradfrostweb.com/blog/mobile/test-on-real-mobile-devices-without-breaking-the-bank/
Responsive Visual Design


Look and Feel
Go simple with your mobile site. You don’t need a lot
of images, or CSS3 effects, they take time to load

Font
Use standard mobile font sizes for easy reading

Advanced CSS Styles
Let the site gracefully degrade in older browsers

Responsive Images Next page...
Responsive Images

Goal
Have a clear image on any device, but not
download multiple images.


There are dozens of approaches for this,
Javascript, Server Side, combined approaches,
Image resizing services. None are perfect yet, but
they are evolving rapidly.
http://blog.cloudfour.com/responsive-imgs-part-2/
QA Testing Responsive Sites

Allocate more time and budget for QA and testing
responsive sites.

Emulators are helpful, but youʼll need to test on real
devices.

Md v e, J ly2 1
y eic s u 0 2
Mobile Optimized Deep Dive


Responsive vs Mobile Optimized Sites

Optimized Sites for Retail, Search, SaaS,
and Entertainment

Dos and Dontʼs for Mobile Sites
Responsive vs Optimized Sites


Web Sites              Web Apps

Informational          Search
Content Heavy          SaaS
  • Newspapers         Productivity Tools
  • Magazines          Retail
  • Blogs
  • Portfolios

Responsive             Optimized Site
Responsive vs Optimized Sites

Harvest Time Tracking & Invoicing SaaS
Responsive vs Optimized Sites

Harvest Time Tracking & Invoicing SaaS




          Is responsive design a good solution?
Responsive vs Optimized Sites

No, but a mobile optimized site could be.




                                                                        BETA
http://www.getharvest.com/blog/2012/04/harvest-mobile-timesheet-beta/
Responsive vs Optimized Sites

And, it turns out it is a great solution!
Optimized Sites for SaaS

Basecamp File Sharing & Proj Mgmt




                         We could apply a responsive
                         layout pattern to Basecamp




                           Column Drop
Optimized Sites for SaaS

But Mobile First says to know your users

                  Basecamp userʼs needs fall into
                  these two categories:
                  1.Checkin/status
                  2.Edit/create

                  A milepmditeprovides a solution for
                     o oti iz s
                     b e
                  these needs.
Optimized Sites for Productivity

Googleʼs suite of productivity tools are
optimized for the mobile web
Optimized Sites for Search

Bing offers a mobile web experience that is
distinct from their classic web site.




                               The mobile site offers
                               results relative to my
                               location
Optimized Sites for Retail

Gap
Optimized Sites for Entertainment


Walmartʼs Vudu Optimized for tablets
Mobile Web Doʼs and Dontʼs

Doʼs
Make content most important
Focus on performance
   Use Image Sprites   http://www.w3schools.com/css/css_image_sprites.asp



   Bundle & minify CSS and Javascipt files
   Limit or remove dependencies on heavy JS
   libraries
   Use CSS3 for styling, rounded corners, text
   shadows...
Mobile Web Doʼs and Dontʼs

Dontʼs
Port a web app 1-for-1
Add back buttons
Use large images and
size down
Go crazy special effects/
transitions
Mobile Optimized Site Redesign
Mobile Optimized Site Redesign

                                 More than 30 billion page views per month

                                 Craigslist users post more than 50 million
                                      new classified ads each month

                                 More than 200 million user postings in
                                          100 topical forums
Mobile Optimized Site Redesign
http://saforian.com/blog/2011/04/sketching/




   Share your mobile first design*

* based on assumptions since we donʼt have real user data
Responsive Site       Native App




         Web      And /Or    Installed




Optimized Sites       Hybrid App
Native App Deep Dive


Native App vs Mobile Site
Native App vs Hybrid
Application Design Patterns
Design Anti-Patterns
Native App vs Mobile Site

 Native Apps                                           Mobile Sites
 Games                                                 Search
 Tools requiring:                                      SaaS
 • Complex Calculations                                Productivity Tools
 • Reporting/Charting                                  Retail
 • Native Functionality
 • Offline Access
At this point in time, native apps can target the specific
limitations and abilities of each individual device much
better than a website can while running inside a browser.
http://www.useit.com/alertbox/mobile-sites-apps.html
Evernoteʼs Strategy

Native Apps
Evernoteʼs Strategy

Because they provide the best UX
Evernoteʼs Strategy

Because they provide the best UX
Evernoteʼs Strategy

Because they provide the best UX
Evernoteʼs Strategy

Because they provide the best UX
Evernoteʼs Strategy

Because they provide the best UX
Evernoteʼs Strategy

Because they provide the best UX
When to go Native

Non Tech Considerations: Marketing
A presence in the mobile markets might make sense from a
marketing, competitive, or sales channel perspective.
When to go Native

Non Tech Considerations: Financial
Financial Times, Playboy and Walmart are using sites instead of
apps to avoid sharing revenues with app store owners.
Native App vs Hybrid

This isn’t black & white
With big players like LinkedIn and Facebook successfully
launching hybrids, it looked like a shift might be imminent.

But Facebook has recently
rebuilt the iOS app with
Objective C, primarily to
improve the performance.


http://bits.blogs.nytimes.com/2012/06/27/
facebook-plans-to-speedup-its-iphone-
app/?smid=tw-share
Hybrid Hopes

Another recent NYT article explains
Companies want the best of both worlds via hybrid apps, but so far the ideal
technology remains elusive.

                                                                                         “You are aiming for this mythical
                                                                                         single platform on which your
                                                                                         developers can write code in one
                                                                                         language and—as much as
                                                                                         possible— is usable across
                                                                                         multiple platforms.”

                                                                                          --Mike Summers, head of Viggle


http://www.xconomy.com/new-york/2012/07/06/hybrid-vs-native-viggle-new-york-times-talk-mobile-app-strategy/2/
Hybrids: Code Once & Reuse

Doesnʼt mean design once & reuse




                             The New York Times
                             should know better!
iPhone         Android
Boston Globeʼs Multiscreen Experience

Responsive Site                 Native Apps
                   And




                             ePaper apps
eBayʼs Cross Multiscreen Experience

Optimized Sites               Native Apps
                   And
Recent Project
Leukemia & Lymphoma Society




The user journey got us thinking about many possible options
Responsive Site       Native App




         Web      And /Or    Installed




Optimized Sites       Hybrid App
Responsive Fundraising Site




Team in Training
Fundraising Page
Responsive Web Site
Responsive Donation Form
Hybrid Apps




     eCheckin App   Participant Tools
Mobile App Design Patterns

Navigation
Forms
Tables
Search, Sort & Filter
Tools
Charts
Invitations
Feedback & Affordance
Help
App Patterns: Navigation




Springboard   List  Menu   Tab  Menu    Gallery




Dashboard     Metaphor     Mega  Menu
App Patterns: Navigation




Springboard   List  Menu   Tab  Menu    Gallery




     http://www.slideshare.net/theresaneil/
     navigation-patterns-for-mobile-apps
Dashboard     Metaphor     Mega  Menu
App Patterns: Forms
App Patterns: Tables
App Patterns: Search
App Patterns: Search
App Patterns: Search
App Patterns: Search
App Patterns: Search
App Patterns: Search
App Patterns: Search
App Patterns: Search
App Patterns: Search
App Patterns: Search
App Patterns: Search
App Patterns: Search
App Patterns: Sort
App Patterns: Sort
App Patterns: Sort
App Patterns: Filter
App Patterns: Filter
App Patterns: Filter
App Patterns: Filter
App Patterns: Filter
App Patterns: Filter
App Patterns: Filter
App Patterns: Filter
Redesign Craigslist Search
App Patterns: Tools
App Patterns: Charts
App Patterns: Invitations
App Patterns: Feedback
App Patterns: Affordance
App Patterns: Help
Design Anti-Patterns: Novel Notions
Design Anti-Patterns: Novel Notions
Design Anti-Patterns: Novel Notions
Design Anti-Patterns: Metaphor Mismatch
Design Anti-Patterns: Metaphor Mismatch




Navigation disguised as filters
Design Anti-Patterns: Metaphor Mismatch




Filter controls done right
Design Anti-Patterns: Metaphor Mismatch
Design Anti-Patterns: Idiot Boxes
Design Anti-Patterns: Chart Junk
Design Anti-Patterns: Chart Junk
Design Anti-Patterns: Chart Junk
Design Anti-Patterns: Chart Junk
Design Anti-Patterns: Oceans of Buttons
Design Anti-Patterns: Oceans of Buttons
Design Anti-Patterns: Oceans of Buttons
Prototyping Mobile Apps

  Mobile Prototyping is essential

 The field is new, even experienced designers
 donʼt have the background and heuristics to
 lean on while making decisions.



Prototype Prototype Prototype Prototyp
Why Prototype?


Improve your design decision making

Communicate an idea

Gather user feedback

Explore the “unknowns”

Fine-tune an idea

http://www.slideshare.net/Rachel_Hinman/mobile-prototyping-essentials-8957364
Two Types of Prototyping

Experiential
Broader mobile project     PROVIDES CONTEXT
Target mobile hardware is unknown
Design space is relatively uncharted

Tactical
Focused mobile project            VALIDATION
Target mobile hardware is decided
Design space is relatively known

http://www.slideshare.net/Rachel_Hinman/mobile-prototyping-essentials-8957364
Prototyping Expert : Rachel Hinman




http://www.slideshare.net/Rachel_Hinman/mobile-prototyping-essentials-8957364
Prototyping Expert : Rachel Hinman




http://www.slideshare.net/Rachel_Hinman/mobile-prototyping-essentials-8957364
Prototyping exercise
Thank you             Follow me on Twitter @theresaneil

Check out my site & book
Mobile Design Pattern Gallery, OʼReilly 2012

More Related Content

What's hot

Web Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScriptWeb Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScript
Edureka!
 
Deployment and distribution- iOS
Deployment and distribution- iOSDeployment and distribution- iOS
Deployment and distribution- iOS
Suraj B
 
Introduction to wireframes
Introduction to wireframesIntroduction to wireframes
Introduction to wireframes
piksels
 
Personas
PersonasPersonas
Personas
Tathagat Varma
 
HTML and Responsive Design
HTML and Responsive Design HTML and Responsive Design
HTML and Responsive Design
Mindy McAdams
 
Web Development
Web DevelopmentWeb Development
Web Development
Lena Petsenchuk
 
Android Presentation
Android Presentation Android Presentation
Android Presentation
prasanth82
 
Introduction To Salesforce Content Management System (CMS)
Introduction To Salesforce Content Management System (CMS)Introduction To Salesforce Content Management System (CMS)
Introduction To Salesforce Content Management System (CMS)
Cloud Analogy
 
Flutter
FlutterFlutter
Web development ppt
Web development pptWeb development ppt
Web development ppt
KBK Business Solutions
 
Android ppt
Android pptAndroid ppt
Android ppt
Sunil Kumar
 
Developing Cross platform apps in flutter (Android, iOS, Web)
Developing Cross platform apps in flutter (Android, iOS, Web)Developing Cross platform apps in flutter (Android, iOS, Web)
Developing Cross platform apps in flutter (Android, iOS, Web)
Priyanka Tyagi
 
Responsive web designing
Responsive web designingResponsive web designing
Responsive web designing
Aanand Bohara
 
Web Development and Web Development technologies - Temitayo Fadojutimi
Web Development and Web Development technologies - Temitayo FadojutimiWeb Development and Web Development technologies - Temitayo Fadojutimi
Web Development and Web Development technologies - Temitayo Fadojutimi
Temitayo Fadojutimi
 
UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshop
Inova LLC
 
introduction to flutter ppt - free download
introduction to flutter ppt - free downloadintroduction to flutter ppt - free download
introduction to flutter ppt - free download
RajatPalankar2
 
INDUSTRIAL TRAINING Presentation on Web Development. (2).pptx
INDUSTRIAL TRAINING Presentation on Web Development. (2).pptxINDUSTRIAL TRAINING Presentation on Web Development. (2).pptx
INDUSTRIAL TRAINING Presentation on Web Development. (2).pptx
12KritiGaneriwal
 
Android application development ppt
Android application development pptAndroid application development ppt
Android application development ppt
Gautam Kumar
 
Responsive web design ppt
Responsive web design pptResponsive web design ppt
Responsive web design ppt
accede16
 
Firebase PPT
Firebase PPTFirebase PPT
Firebase PPT
JATIN GUPTA
 

What's hot (20)

Web Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScriptWeb Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScript
 
Deployment and distribution- iOS
Deployment and distribution- iOSDeployment and distribution- iOS
Deployment and distribution- iOS
 
Introduction to wireframes
Introduction to wireframesIntroduction to wireframes
Introduction to wireframes
 
Personas
PersonasPersonas
Personas
 
HTML and Responsive Design
HTML and Responsive Design HTML and Responsive Design
HTML and Responsive Design
 
Web Development
Web DevelopmentWeb Development
Web Development
 
Android Presentation
Android Presentation Android Presentation
Android Presentation
 
Introduction To Salesforce Content Management System (CMS)
Introduction To Salesforce Content Management System (CMS)Introduction To Salesforce Content Management System (CMS)
Introduction To Salesforce Content Management System (CMS)
 
Flutter
FlutterFlutter
Flutter
 
Web development ppt
Web development pptWeb development ppt
Web development ppt
 
Android ppt
Android pptAndroid ppt
Android ppt
 
Developing Cross platform apps in flutter (Android, iOS, Web)
Developing Cross platform apps in flutter (Android, iOS, Web)Developing Cross platform apps in flutter (Android, iOS, Web)
Developing Cross platform apps in flutter (Android, iOS, Web)
 
Responsive web designing
Responsive web designingResponsive web designing
Responsive web designing
 
Web Development and Web Development technologies - Temitayo Fadojutimi
Web Development and Web Development technologies - Temitayo FadojutimiWeb Development and Web Development technologies - Temitayo Fadojutimi
Web Development and Web Development technologies - Temitayo Fadojutimi
 
UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshop
 
introduction to flutter ppt - free download
introduction to flutter ppt - free downloadintroduction to flutter ppt - free download
introduction to flutter ppt - free download
 
INDUSTRIAL TRAINING Presentation on Web Development. (2).pptx
INDUSTRIAL TRAINING Presentation on Web Development. (2).pptxINDUSTRIAL TRAINING Presentation on Web Development. (2).pptx
INDUSTRIAL TRAINING Presentation on Web Development. (2).pptx
 
Android application development ppt
Android application development pptAndroid application development ppt
Android application development ppt
 
Responsive web design ppt
Responsive web design pptResponsive web design ppt
Responsive web design ppt
 
Firebase PPT
Firebase PPTFirebase PPT
Firebase PPT
 

Viewers also liked

The Dangers of the Wrong Mobile Strategy
The Dangers of the Wrong Mobile StrategyThe Dangers of the Wrong Mobile Strategy
The Dangers of the Wrong Mobile Strategy
Theresa Neil
 
All The Screens: Cross Platform Design Strategies
All The Screens: Cross Platform Design StrategiesAll The Screens: Cross Platform Design Strategies
All The Screens: Cross Platform Design Strategies
Theresa Neil
 
Your Mobile Strategy Can't Be HTML5
Your Mobile Strategy Can't Be HTML5Your Mobile Strategy Can't Be HTML5
Your Mobile Strategy Can't Be HTML5
Theresa Neil
 
The Best Windows Phone Apps 2013: A Designers Collection
The Best Windows Phone Apps 2013: A Designers CollectionThe Best Windows Phone Apps 2013: A Designers Collection
The Best Windows Phone Apps 2013: A Designers Collection
Theresa Neil
 
JWT: 10 Mobile Trends for 2014 and Beyond (May 2014)
JWT: 10 Mobile Trends for 2014 and Beyond (May 2014)JWT: 10 Mobile Trends for 2014 and Beyond (May 2014)
JWT: 10 Mobile Trends for 2014 and Beyond (May 2014)
J. Walter Thompson Intelligence
 
Mobile Metrics 101: Everything web marketers need to know about app analytics
Mobile Metrics 101: Everything web marketers need to know about app analyticsMobile Metrics 101: Everything web marketers need to know about app analytics
Mobile Metrics 101: Everything web marketers need to know about app analytics
Localytics
 
Mobile Growth: Best Strategies, Tools and Tactics
Mobile Growth: Best Strategies, Tools and TacticsMobile Growth: Best Strategies, Tools and Tactics
Mobile Growth: Best Strategies, Tools and Tactics
Adrien Montcoudiol
 
Mobile Roadie - Profile Accelerator
Mobile Roadie - Profile AcceleratorMobile Roadie - Profile Accelerator
Mobile Roadie - Profile Accelerator
Mobile Roadie
 
Mobile Evolution
Mobile EvolutionMobile Evolution
Mobile Evolution
Stewart Dixon
 
Responsive Design and Progressive Enhancements for the Web (workshop)
Responsive Design and Progressive Enhancements for the Web (workshop)Responsive Design and Progressive Enhancements for the Web (workshop)
Responsive Design and Progressive Enhancements for the Web (workshop)
Luca Salvini
 
UX Design Process: Presente y Futuro - Alfonso Falconi
UX Design Process: Presente y Futuro - Alfonso FalconiUX Design Process: Presente y Futuro - Alfonso Falconi
UX Design Process: Presente y Futuro - Alfonso Falconi
GeneXus
 
The Evolution of the Cell Phone
The Evolution of the Cell PhoneThe Evolution of the Cell Phone
The Evolution of the Cell Phone
TANMOY GHOSH
 
Technology Planning and Implementation
Technology Planning and ImplementationTechnology Planning and Implementation
Technology Planning and Implementation
Steve Heye
 
Apps On Click, Mobile Apps Development Company Corporate Profile
Apps On Click, Mobile Apps Development Company Corporate ProfileApps On Click, Mobile Apps Development Company Corporate Profile
Apps On Click, Mobile Apps Development Company Corporate Profile
Appsonclick - A Mobile Apps Development Company
 
Logika fuzzy
Logika fuzzyLogika fuzzy
Fuzzymulticriteriadecisionmaking
FuzzymulticriteriadecisionmakingFuzzymulticriteriadecisionmaking
Fuzzymulticriteriadecisionmaking
Seto Elkahfi
 
An Evolution: the iPhone
An Evolution: the iPhoneAn Evolution: the iPhone
An Evolution: the iPhone
alexaouterbridge
 
6 sistem informasi pendukung keputusan
6 sistem informasi pendukung keputusan6 sistem informasi pendukung keputusan
6 sistem informasi pendukung keputusan
Mirdawati Panna
 
Tugas makalah sistem pendukung keputusan
Tugas makalah sistem pendukung keputusanTugas makalah sistem pendukung keputusan
Tugas makalah sistem pendukung keputusan
Okti Nurchasanah
 
Sistem penunjang-keputusan
Sistem penunjang-keputusanSistem penunjang-keputusan
Sistem penunjang-keputusan
ANTO ROHMAWAN
 

Viewers also liked (20)

The Dangers of the Wrong Mobile Strategy
The Dangers of the Wrong Mobile StrategyThe Dangers of the Wrong Mobile Strategy
The Dangers of the Wrong Mobile Strategy
 
All The Screens: Cross Platform Design Strategies
All The Screens: Cross Platform Design StrategiesAll The Screens: Cross Platform Design Strategies
All The Screens: Cross Platform Design Strategies
 
Your Mobile Strategy Can't Be HTML5
Your Mobile Strategy Can't Be HTML5Your Mobile Strategy Can't Be HTML5
Your Mobile Strategy Can't Be HTML5
 
The Best Windows Phone Apps 2013: A Designers Collection
The Best Windows Phone Apps 2013: A Designers CollectionThe Best Windows Phone Apps 2013: A Designers Collection
The Best Windows Phone Apps 2013: A Designers Collection
 
JWT: 10 Mobile Trends for 2014 and Beyond (May 2014)
JWT: 10 Mobile Trends for 2014 and Beyond (May 2014)JWT: 10 Mobile Trends for 2014 and Beyond (May 2014)
JWT: 10 Mobile Trends for 2014 and Beyond (May 2014)
 
Mobile Metrics 101: Everything web marketers need to know about app analytics
Mobile Metrics 101: Everything web marketers need to know about app analyticsMobile Metrics 101: Everything web marketers need to know about app analytics
Mobile Metrics 101: Everything web marketers need to know about app analytics
 
Mobile Growth: Best Strategies, Tools and Tactics
Mobile Growth: Best Strategies, Tools and TacticsMobile Growth: Best Strategies, Tools and Tactics
Mobile Growth: Best Strategies, Tools and Tactics
 
Mobile Roadie - Profile Accelerator
Mobile Roadie - Profile AcceleratorMobile Roadie - Profile Accelerator
Mobile Roadie - Profile Accelerator
 
Mobile Evolution
Mobile EvolutionMobile Evolution
Mobile Evolution
 
Responsive Design and Progressive Enhancements for the Web (workshop)
Responsive Design and Progressive Enhancements for the Web (workshop)Responsive Design and Progressive Enhancements for the Web (workshop)
Responsive Design and Progressive Enhancements for the Web (workshop)
 
UX Design Process: Presente y Futuro - Alfonso Falconi
UX Design Process: Presente y Futuro - Alfonso FalconiUX Design Process: Presente y Futuro - Alfonso Falconi
UX Design Process: Presente y Futuro - Alfonso Falconi
 
The Evolution of the Cell Phone
The Evolution of the Cell PhoneThe Evolution of the Cell Phone
The Evolution of the Cell Phone
 
Technology Planning and Implementation
Technology Planning and ImplementationTechnology Planning and Implementation
Technology Planning and Implementation
 
Apps On Click, Mobile Apps Development Company Corporate Profile
Apps On Click, Mobile Apps Development Company Corporate ProfileApps On Click, Mobile Apps Development Company Corporate Profile
Apps On Click, Mobile Apps Development Company Corporate Profile
 
Logika fuzzy
Logika fuzzyLogika fuzzy
Logika fuzzy
 
Fuzzymulticriteriadecisionmaking
FuzzymulticriteriadecisionmakingFuzzymulticriteriadecisionmaking
Fuzzymulticriteriadecisionmaking
 
An Evolution: the iPhone
An Evolution: the iPhoneAn Evolution: the iPhone
An Evolution: the iPhone
 
6 sistem informasi pendukung keputusan
6 sistem informasi pendukung keputusan6 sistem informasi pendukung keputusan
6 sistem informasi pendukung keputusan
 
Tugas makalah sistem pendukung keputusan
Tugas makalah sistem pendukung keputusanTugas makalah sistem pendukung keputusan
Tugas makalah sistem pendukung keputusan
 
Sistem penunjang-keputusan
Sistem penunjang-keputusanSistem penunjang-keputusan
Sistem penunjang-keputusan
 

Similar to Mobile Design. Strategic Solutions.

Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, a...
Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, a...Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, a...
Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, a...
Jeremy Johnson
 
Innovations in Mobile Testing: Expanding Your Test Plan
Innovations in Mobile Testing: Expanding Your Test PlanInnovations in Mobile Testing: Expanding Your Test Plan
Innovations in Mobile Testing: Expanding Your Test Plan
Josiah Renaudin
 
Key Architectural Aspects of a Enterprise Mobility Solution
Key Architectural Aspects of a Enterprise Mobility SolutionKey Architectural Aspects of a Enterprise Mobility Solution
Key Architectural Aspects of a Enterprise Mobility Solution
roshanjk
 
Mobile Web site options by Reactive
Mobile Web site options by ReactiveMobile Web site options by Reactive
Mobile Web site options by Reactive
Reactive, part of Accenture Interactive
 
IBM MobileFirst - Hybrid Application Development with Worklight
IBM MobileFirst - Hybrid Application Development with WorklightIBM MobileFirst - Hybrid Application Development with Worklight
IBM MobileFirst - Hybrid Application Development with Worklight
IBIZZ
 
QuickSoft Mobile Tips & Tricks 11-03-10
QuickSoft Mobile Tips & Tricks 11-03-10QuickSoft Mobile Tips & Tricks 11-03-10
QuickSoft Mobile Tips & Tricks 11-03-10
Almog Koren
 
Tincan - Mobile Elephant
Tincan - Mobile ElephantTincan - Mobile Elephant
Tincan - Mobile Elephant
Ben Holliday
 
20 Tips for High Performance Responsive Design that the Pros Won’t Tell You
20 Tips for High Performance Responsive Design that the Pros Won’t Tell You20 Tips for High Performance Responsive Design that the Pros Won’t Tell You
20 Tips for High Performance Responsive Design that the Pros Won’t Tell You
Patrick Collins
 
Smarter HATS web application that automatically respond according to the scre...
Smarter HATS web application that automatically respond according to the scre...Smarter HATS web application that automatically respond according to the scre...
Smarter HATS web application that automatically respond according to the scre...
Royal Cyber Inc.
 
Ibm worklight - going from xpages mobile to native mobile applications
Ibm worklight - going from xpages mobile to native mobile applicationsIbm worklight - going from xpages mobile to native mobile applications
Ibm worklight - going from xpages mobile to native mobile applications
Mark Roden
 
Creating Mobile Aps without Coding
Creating Mobile Aps without CodingCreating Mobile Aps without Coding
Creating Mobile Aps without Coding
Jack Molisani
 
#MobileInAction - iRecruitExpo June 2013, Amsterdam
#MobileInAction - iRecruitExpo June 2013, Amsterdam#MobileInAction - iRecruitExpo June 2013, Amsterdam
#MobileInAction - iRecruitExpo June 2013, Amsterdam
Dave Martin
 
Build a Responsive WordPress Theme with Zurbs Foundation Framework
Build a Responsive WordPress Theme with Zurbs Foundation FrameworkBuild a Responsive WordPress Theme with Zurbs Foundation Framework
Build a Responsive WordPress Theme with Zurbs Foundation Framework
Brendan Sera-Shriar
 
5 Reasons to go Responsive
5 Reasons to go Responsive5 Reasons to go Responsive
5 Reasons to go Responsive
Tier10
 
MCL Corporate Presentation - 0416
MCL Corporate Presentation - 0416MCL Corporate Presentation - 0416
MCL Corporate Presentation - 0416
Raj Ojha
 
MCL Corporate Presentation - 0416
MCL Corporate Presentation - 0416MCL Corporate Presentation - 0416
MCL Corporate Presentation - 0416
Raj Ojha
 
Over view of Technologies
Over view of TechnologiesOver view of Technologies
Over view of Technologies
Chris Mitchell
 
Building native quality business apps
Building native quality business appsBuilding native quality business apps
Building native quality business apps
Gizmox
 
Dreamweaver CS6, jQuery, PhoneGap, mobile design
Dreamweaver CS6, jQuery, PhoneGap, mobile designDreamweaver CS6, jQuery, PhoneGap, mobile design
Dreamweaver CS6, jQuery, PhoneGap, mobile design
Dee Sadler
 
BarkleyREI & Hannon Hill Webinar - Responsive Web Design
BarkleyREI & Hannon Hill Webinar - Responsive Web DesignBarkleyREI & Hannon Hill Webinar - Responsive Web Design
BarkleyREI & Hannon Hill Webinar - Responsive Web Design
hannonhill
 

Similar to Mobile Design. Strategic Solutions. (20)

Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, a...
Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, a...Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, a...
Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, a...
 
Innovations in Mobile Testing: Expanding Your Test Plan
Innovations in Mobile Testing: Expanding Your Test PlanInnovations in Mobile Testing: Expanding Your Test Plan
Innovations in Mobile Testing: Expanding Your Test Plan
 
Key Architectural Aspects of a Enterprise Mobility Solution
Key Architectural Aspects of a Enterprise Mobility SolutionKey Architectural Aspects of a Enterprise Mobility Solution
Key Architectural Aspects of a Enterprise Mobility Solution
 
Mobile Web site options by Reactive
Mobile Web site options by ReactiveMobile Web site options by Reactive
Mobile Web site options by Reactive
 
IBM MobileFirst - Hybrid Application Development with Worklight
IBM MobileFirst - Hybrid Application Development with WorklightIBM MobileFirst - Hybrid Application Development with Worklight
IBM MobileFirst - Hybrid Application Development with Worklight
 
QuickSoft Mobile Tips & Tricks 11-03-10
QuickSoft Mobile Tips & Tricks 11-03-10QuickSoft Mobile Tips & Tricks 11-03-10
QuickSoft Mobile Tips & Tricks 11-03-10
 
Tincan - Mobile Elephant
Tincan - Mobile ElephantTincan - Mobile Elephant
Tincan - Mobile Elephant
 
20 Tips for High Performance Responsive Design that the Pros Won’t Tell You
20 Tips for High Performance Responsive Design that the Pros Won’t Tell You20 Tips for High Performance Responsive Design that the Pros Won’t Tell You
20 Tips for High Performance Responsive Design that the Pros Won’t Tell You
 
Smarter HATS web application that automatically respond according to the scre...
Smarter HATS web application that automatically respond according to the scre...Smarter HATS web application that automatically respond according to the scre...
Smarter HATS web application that automatically respond according to the scre...
 
Ibm worklight - going from xpages mobile to native mobile applications
Ibm worklight - going from xpages mobile to native mobile applicationsIbm worklight - going from xpages mobile to native mobile applications
Ibm worklight - going from xpages mobile to native mobile applications
 
Creating Mobile Aps without Coding
Creating Mobile Aps without CodingCreating Mobile Aps without Coding
Creating Mobile Aps without Coding
 
#MobileInAction - iRecruitExpo June 2013, Amsterdam
#MobileInAction - iRecruitExpo June 2013, Amsterdam#MobileInAction - iRecruitExpo June 2013, Amsterdam
#MobileInAction - iRecruitExpo June 2013, Amsterdam
 
Build a Responsive WordPress Theme with Zurbs Foundation Framework
Build a Responsive WordPress Theme with Zurbs Foundation FrameworkBuild a Responsive WordPress Theme with Zurbs Foundation Framework
Build a Responsive WordPress Theme with Zurbs Foundation Framework
 
5 Reasons to go Responsive
5 Reasons to go Responsive5 Reasons to go Responsive
5 Reasons to go Responsive
 
MCL Corporate Presentation - 0416
MCL Corporate Presentation - 0416MCL Corporate Presentation - 0416
MCL Corporate Presentation - 0416
 
MCL Corporate Presentation - 0416
MCL Corporate Presentation - 0416MCL Corporate Presentation - 0416
MCL Corporate Presentation - 0416
 
Over view of Technologies
Over view of TechnologiesOver view of Technologies
Over view of Technologies
 
Building native quality business apps
Building native quality business appsBuilding native quality business apps
Building native quality business apps
 
Dreamweaver CS6, jQuery, PhoneGap, mobile design
Dreamweaver CS6, jQuery, PhoneGap, mobile designDreamweaver CS6, jQuery, PhoneGap, mobile design
Dreamweaver CS6, jQuery, PhoneGap, mobile design
 
BarkleyREI & Hannon Hill Webinar - Responsive Web Design
BarkleyREI & Hannon Hill Webinar - Responsive Web DesignBarkleyREI & Hannon Hill Webinar - Responsive Web Design
BarkleyREI & Hannon Hill Webinar - Responsive Web Design
 

More from Theresa Neil

Just Make Me a Dashboard!
Just Make Me a Dashboard!Just Make Me a Dashboard!
Just Make Me a Dashboard!
Theresa Neil
 
UX Best Practices
UX Best PracticesUX Best Practices
UX Best Practices
Theresa Neil
 
Navigation Patterns for Mobile Optimized Retail Sites
Navigation Patterns for Mobile Optimized Retail SitesNavigation Patterns for Mobile Optimized Retail Sites
Navigation Patterns for Mobile Optimized Retail Sites
Theresa Neil
 
Navigation Patterns for iOS, Android and More
Navigation Patterns for iOS, Android and MoreNavigation Patterns for iOS, Android and More
Navigation Patterns for iOS, Android and More
Theresa Neil
 
RIA Screen Layouts
RIA Screen LayoutsRIA Screen Layouts
RIA Screen Layouts
Theresa Neil
 
Designers vs Developers- Coming together to build the best RIAs
Designers vs Developers- Coming together to build the best RIAsDesigners vs Developers- Coming together to build the best RIAs
Designers vs Developers- Coming together to build the best RIAs
Theresa Neil
 

More from Theresa Neil (6)

Just Make Me a Dashboard!
Just Make Me a Dashboard!Just Make Me a Dashboard!
Just Make Me a Dashboard!
 
UX Best Practices
UX Best PracticesUX Best Practices
UX Best Practices
 
Navigation Patterns for Mobile Optimized Retail Sites
Navigation Patterns for Mobile Optimized Retail SitesNavigation Patterns for Mobile Optimized Retail Sites
Navigation Patterns for Mobile Optimized Retail Sites
 
Navigation Patterns for iOS, Android and More
Navigation Patterns for iOS, Android and MoreNavigation Patterns for iOS, Android and More
Navigation Patterns for iOS, Android and More
 
RIA Screen Layouts
RIA Screen LayoutsRIA Screen Layouts
RIA Screen Layouts
 
Designers vs Developers- Coming together to build the best RIAs
Designers vs Developers- Coming together to build the best RIAsDesigners vs Developers- Coming together to build the best RIAs
Designers vs Developers- Coming together to build the best RIAs
 

Recently uploaded

MAKE MONEY ONLINE Unlock Your Income Potential Today.pptx
MAKE MONEY ONLINE Unlock Your Income Potential Today.pptxMAKE MONEY ONLINE Unlock Your Income Potential Today.pptx
MAKE MONEY ONLINE Unlock Your Income Potential Today.pptx
janagijoythi
 
leewayhertz.com-Generative AI tech stack Frameworks infrastructure models and...
leewayhertz.com-Generative AI tech stack Frameworks infrastructure models and...leewayhertz.com-Generative AI tech stack Frameworks infrastructure models and...
leewayhertz.com-Generative AI tech stack Frameworks infrastructure models and...
alexjohnson7307
 
Retrieval Augmented Generation Evaluation with Ragas
Retrieval Augmented Generation Evaluation with RagasRetrieval Augmented Generation Evaluation with Ragas
Retrieval Augmented Generation Evaluation with Ragas
Zilliz
 
UX Webinar Series: Drive Revenue and Decrease Costs with Passkeys for Consume...
UX Webinar Series: Drive Revenue and Decrease Costs with Passkeys for Consume...UX Webinar Series: Drive Revenue and Decrease Costs with Passkeys for Consume...
UX Webinar Series: Drive Revenue and Decrease Costs with Passkeys for Consume...
FIDO Alliance
 
Vulnerability Management: A Comprehensive Overview
Vulnerability Management: A Comprehensive OverviewVulnerability Management: A Comprehensive Overview
Vulnerability Management: A Comprehensive Overview
Steven Carlson
 
Generative AI Reasoning Tech Talk - July 2024
Generative AI Reasoning Tech Talk - July 2024Generative AI Reasoning Tech Talk - July 2024
Generative AI Reasoning Tech Talk - July 2024
siddu769252
 
Connector Corner: Leveraging Snowflake Integration for Smarter Decision Making
Connector Corner: Leveraging Snowflake Integration for Smarter Decision MakingConnector Corner: Leveraging Snowflake Integration for Smarter Decision Making
Connector Corner: Leveraging Snowflake Integration for Smarter Decision Making
DianaGray10
 
UX Webinar Series: Essentials for Adopting Passkeys as the Foundation of your...
UX Webinar Series: Essentials for Adopting Passkeys as the Foundation of your...UX Webinar Series: Essentials for Adopting Passkeys as the Foundation of your...
UX Webinar Series: Essentials for Adopting Passkeys as the Foundation of your...
FIDO Alliance
 
Camunda Chapter NY Meetup July 2024.pptx
Camunda Chapter NY Meetup July 2024.pptxCamunda Chapter NY Meetup July 2024.pptx
Camunda Chapter NY Meetup July 2024.pptx
ZachWylie3
 
Opencast Summit 2024 — Opencast @ University of Münster
Opencast Summit 2024 — Opencast @ University of MünsterOpencast Summit 2024 — Opencast @ University of Münster
Opencast Summit 2024 — Opencast @ University of Münster
Matthias Neugebauer
 
Discovery Series - Zero to Hero - Task Mining Session 1
Discovery Series - Zero to Hero - Task Mining Session 1Discovery Series - Zero to Hero - Task Mining Session 1
Discovery Series - Zero to Hero - Task Mining Session 1
DianaGray10
 
LeadMagnet IQ Review: Unlock the Secret to Effortless Traffic and Leads.pdf
LeadMagnet IQ Review:  Unlock the Secret to Effortless Traffic and Leads.pdfLeadMagnet IQ Review:  Unlock the Secret to Effortless Traffic and Leads.pdf
LeadMagnet IQ Review: Unlock the Secret to Effortless Traffic and Leads.pdf
SelfMade bd
 
Mule Experience Hub and Release Channel with Java 17
Mule Experience Hub and Release Channel with Java 17Mule Experience Hub and Release Channel with Java 17
Mule Experience Hub and Release Channel with Java 17
Bhajan Mehta
 
NVIDIA at Breakthrough Discuss for Space Exploration
NVIDIA at Breakthrough Discuss for Space ExplorationNVIDIA at Breakthrough Discuss for Space Exploration
NVIDIA at Breakthrough Discuss for Space Exploration
Alison B. Lowndes
 
kk vathada _digital transformation frameworks_2024.pdf
kk vathada _digital transformation frameworks_2024.pdfkk vathada _digital transformation frameworks_2024.pdf
kk vathada _digital transformation frameworks_2024.pdf
KIRAN KV
 
Tailored CRM Software Development for Enhanced Customer Insights
Tailored CRM Software Development for Enhanced Customer InsightsTailored CRM Software Development for Enhanced Customer Insights
Tailored CRM Software Development for Enhanced Customer Insights
SynapseIndia
 
Computer HARDWARE presenattion by CWD students class 10
Computer HARDWARE presenattion by CWD students class 10Computer HARDWARE presenattion by CWD students class 10
Computer HARDWARE presenattion by CWD students class 10
ankush9927
 
COVID-19 and the Level of Cloud Computing Adoption: A Study of Sri Lankan Inf...
COVID-19 and the Level of Cloud Computing Adoption: A Study of Sri Lankan Inf...COVID-19 and the Level of Cloud Computing Adoption: A Study of Sri Lankan Inf...
COVID-19 and the Level of Cloud Computing Adoption: A Study of Sri Lankan Inf...
AimanAthambawa1
 
Zaitechno Handheld Raman Spectrometer.pdf
Zaitechno Handheld Raman Spectrometer.pdfZaitechno Handheld Raman Spectrometer.pdf
Zaitechno Handheld Raman Spectrometer.pdf
AmandaCheung15
 
BLOCKCHAIN TECHNOLOGY - Advantages and Disadvantages
BLOCKCHAIN TECHNOLOGY - Advantages and DisadvantagesBLOCKCHAIN TECHNOLOGY - Advantages and Disadvantages
BLOCKCHAIN TECHNOLOGY - Advantages and Disadvantages
SAI KAILASH R
 

Recently uploaded (20)

MAKE MONEY ONLINE Unlock Your Income Potential Today.pptx
MAKE MONEY ONLINE Unlock Your Income Potential Today.pptxMAKE MONEY ONLINE Unlock Your Income Potential Today.pptx
MAKE MONEY ONLINE Unlock Your Income Potential Today.pptx
 
leewayhertz.com-Generative AI tech stack Frameworks infrastructure models and...
leewayhertz.com-Generative AI tech stack Frameworks infrastructure models and...leewayhertz.com-Generative AI tech stack Frameworks infrastructure models and...
leewayhertz.com-Generative AI tech stack Frameworks infrastructure models and...
 
Retrieval Augmented Generation Evaluation with Ragas
Retrieval Augmented Generation Evaluation with RagasRetrieval Augmented Generation Evaluation with Ragas
Retrieval Augmented Generation Evaluation with Ragas
 
UX Webinar Series: Drive Revenue and Decrease Costs with Passkeys for Consume...
UX Webinar Series: Drive Revenue and Decrease Costs with Passkeys for Consume...UX Webinar Series: Drive Revenue and Decrease Costs with Passkeys for Consume...
UX Webinar Series: Drive Revenue and Decrease Costs with Passkeys for Consume...
 
Vulnerability Management: A Comprehensive Overview
Vulnerability Management: A Comprehensive OverviewVulnerability Management: A Comprehensive Overview
Vulnerability Management: A Comprehensive Overview
 
Generative AI Reasoning Tech Talk - July 2024
Generative AI Reasoning Tech Talk - July 2024Generative AI Reasoning Tech Talk - July 2024
Generative AI Reasoning Tech Talk - July 2024
 
Connector Corner: Leveraging Snowflake Integration for Smarter Decision Making
Connector Corner: Leveraging Snowflake Integration for Smarter Decision MakingConnector Corner: Leveraging Snowflake Integration for Smarter Decision Making
Connector Corner: Leveraging Snowflake Integration for Smarter Decision Making
 
UX Webinar Series: Essentials for Adopting Passkeys as the Foundation of your...
UX Webinar Series: Essentials for Adopting Passkeys as the Foundation of your...UX Webinar Series: Essentials for Adopting Passkeys as the Foundation of your...
UX Webinar Series: Essentials for Adopting Passkeys as the Foundation of your...
 
Camunda Chapter NY Meetup July 2024.pptx
Camunda Chapter NY Meetup July 2024.pptxCamunda Chapter NY Meetup July 2024.pptx
Camunda Chapter NY Meetup July 2024.pptx
 
Opencast Summit 2024 — Opencast @ University of Münster
Opencast Summit 2024 — Opencast @ University of MünsterOpencast Summit 2024 — Opencast @ University of Münster
Opencast Summit 2024 — Opencast @ University of Münster
 
Discovery Series - Zero to Hero - Task Mining Session 1
Discovery Series - Zero to Hero - Task Mining Session 1Discovery Series - Zero to Hero - Task Mining Session 1
Discovery Series - Zero to Hero - Task Mining Session 1
 
LeadMagnet IQ Review: Unlock the Secret to Effortless Traffic and Leads.pdf
LeadMagnet IQ Review:  Unlock the Secret to Effortless Traffic and Leads.pdfLeadMagnet IQ Review:  Unlock the Secret to Effortless Traffic and Leads.pdf
LeadMagnet IQ Review: Unlock the Secret to Effortless Traffic and Leads.pdf
 
Mule Experience Hub and Release Channel with Java 17
Mule Experience Hub and Release Channel with Java 17Mule Experience Hub and Release Channel with Java 17
Mule Experience Hub and Release Channel with Java 17
 
NVIDIA at Breakthrough Discuss for Space Exploration
NVIDIA at Breakthrough Discuss for Space ExplorationNVIDIA at Breakthrough Discuss for Space Exploration
NVIDIA at Breakthrough Discuss for Space Exploration
 
kk vathada _digital transformation frameworks_2024.pdf
kk vathada _digital transformation frameworks_2024.pdfkk vathada _digital transformation frameworks_2024.pdf
kk vathada _digital transformation frameworks_2024.pdf
 
Tailored CRM Software Development for Enhanced Customer Insights
Tailored CRM Software Development for Enhanced Customer InsightsTailored CRM Software Development for Enhanced Customer Insights
Tailored CRM Software Development for Enhanced Customer Insights
 
Computer HARDWARE presenattion by CWD students class 10
Computer HARDWARE presenattion by CWD students class 10Computer HARDWARE presenattion by CWD students class 10
Computer HARDWARE presenattion by CWD students class 10
 
COVID-19 and the Level of Cloud Computing Adoption: A Study of Sri Lankan Inf...
COVID-19 and the Level of Cloud Computing Adoption: A Study of Sri Lankan Inf...COVID-19 and the Level of Cloud Computing Adoption: A Study of Sri Lankan Inf...
COVID-19 and the Level of Cloud Computing Adoption: A Study of Sri Lankan Inf...
 
Zaitechno Handheld Raman Spectrometer.pdf
Zaitechno Handheld Raman Spectrometer.pdfZaitechno Handheld Raman Spectrometer.pdf
Zaitechno Handheld Raman Spectrometer.pdf
 
BLOCKCHAIN TECHNOLOGY - Advantages and Disadvantages
BLOCKCHAIN TECHNOLOGY - Advantages and DisadvantagesBLOCKCHAIN TECHNOLOGY - Advantages and Disadvantages
BLOCKCHAIN TECHNOLOGY - Advantages and Disadvantages
 

Mobile Design. Strategic Solutions.