SlideShare ist ein Scribd-Unternehmen logo
1 von 216
Downloaden Sie, um offline zu lesen
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

Más contenido relacionado

Was ist angesagt?

Flutter presentation.pptx
Flutter presentation.pptxFlutter presentation.pptx
Flutter presentation.pptxFalgunSorathiya
 
Flutter Tutorial For Beginners | Edureka
Flutter Tutorial For Beginners | EdurekaFlutter Tutorial For Beginners | Edureka
Flutter Tutorial For Beginners | EdurekaEdureka!
 
Code Freeze 2018: There is no such thing as a microservice!
Code Freeze 2018: There is no such thing as a microservice!Code Freeze 2018: There is no such thing as a microservice!
Code Freeze 2018: There is no such thing as a microservice!Chris Richardson
 
Overview of Rest Service and ASP.NET WEB API
Overview of Rest Service and ASP.NET WEB APIOverview of Rest Service and ASP.NET WEB API
Overview of Rest Service and ASP.NET WEB APIPankaj Bajaj
 
Responsive web design
Responsive web designResponsive web design
Responsive web designRuss Weakley
 
Introduction to angular with a simple but complete project
Introduction to angular with a simple but complete projectIntroduction to angular with a simple but complete project
Introduction to angular with a simple but complete projectJadson Santos
 
Introduction to Node.js
Introduction to Node.jsIntroduction to Node.js
Introduction to Node.jsVikash Singh
 
Clean Architecture
Clean ArchitectureClean Architecture
Clean ArchitectureQAware GmbH
 
Progressive Web Apps (PWAs): Why you want one & how to optimize them #Applaus...
Progressive Web Apps (PWAs): Why you want one & how to optimize them #Applaus...Progressive Web Apps (PWAs): Why you want one & how to optimize them #Applaus...
Progressive Web Apps (PWAs): Why you want one & how to optimize them #Applaus...Aleyda Solís
 
Introduction to Ionic framework
Introduction to Ionic frameworkIntroduction to Ionic framework
Introduction to Ionic frameworkShyjal Raazi
 
A pattern language for microservices - June 2021
A pattern language for microservices - June 2021 A pattern language for microservices - June 2021
A pattern language for microservices - June 2021 Chris Richardson
 
Java presentation
Java presentationJava presentation
Java presentationsurajdmk
 
Differences between stateful and stateless widget in flutter
Differences between stateful and stateless widget in flutterDifferences between stateful and stateless widget in flutter
Differences between stateful and stateless widget in flutterSonam Dargay
 
Modern Web Development
Modern Web DevelopmentModern Web Development
Modern Web DevelopmentRobert Nyman
 

Was ist angesagt? (20)

Ionic in 30
Ionic in 30Ionic in 30
Ionic in 30
 
Flutter presentation.pptx
Flutter presentation.pptxFlutter presentation.pptx
Flutter presentation.pptx
 
Flutter Tutorial For Beginners | Edureka
Flutter Tutorial For Beginners | EdurekaFlutter Tutorial For Beginners | Edureka
Flutter Tutorial For Beginners | Edureka
 
Code Freeze 2018: There is no such thing as a microservice!
Code Freeze 2018: There is no such thing as a microservice!Code Freeze 2018: There is no such thing as a microservice!
Code Freeze 2018: There is no such thing as a microservice!
 
Overview of Rest Service and ASP.NET WEB API
Overview of Rest Service and ASP.NET WEB APIOverview of Rest Service and ASP.NET WEB API
Overview of Rest Service and ASP.NET WEB API
 
Responsive web design
Responsive web designResponsive web design
Responsive web design
 
Introduction to angular with a simple but complete project
Introduction to angular with a simple but complete projectIntroduction to angular with a simple but complete project
Introduction to angular with a simple but complete project
 
An Introduction To REST API
An Introduction To REST APIAn Introduction To REST API
An Introduction To REST API
 
Introduction to Node.js
Introduction to Node.jsIntroduction to Node.js
Introduction to Node.js
 
Clean Architecture
Clean ArchitectureClean Architecture
Clean Architecture
 
Progressive Web Apps (PWAs): Why you want one & how to optimize them #Applaus...
Progressive Web Apps (PWAs): Why you want one & how to optimize them #Applaus...Progressive Web Apps (PWAs): Why you want one & how to optimize them #Applaus...
Progressive Web Apps (PWAs): Why you want one & how to optimize them #Applaus...
 
Introduction to Ionic framework
Introduction to Ionic frameworkIntroduction to Ionic framework
Introduction to Ionic framework
 
Porque flutter
Porque flutter Porque flutter
Porque flutter
 
A pattern language for microservices - June 2021
A pattern language for microservices - June 2021 A pattern language for microservices - June 2021
A pattern language for microservices - June 2021
 
Creating Apps with .NET MAUI
Creating Apps with .NET MAUICreating Apps with .NET MAUI
Creating Apps with .NET MAUI
 
Java presentation
Java presentationJava presentation
Java presentation
 
Differences between stateful and stateless widget in flutter
Differences between stateful and stateless widget in flutterDifferences between stateful and stateless widget in flutter
Differences between stateful and stateless widget in flutter
 
Introduction to Microservices
Introduction to MicroservicesIntroduction to Microservices
Introduction to Microservices
 
Modern Web Development
Modern Web DevelopmentModern Web Development
Modern Web Development
 
Introduction to spring boot
Introduction to spring bootIntroduction to spring boot
Introduction to spring boot
 

Andere mochten auch

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 StrategyTheresa 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 StrategiesTheresa 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 HTML5Theresa 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 CollectionTheresa Neil
 
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 analyticsLocalytics
 
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 TacticsAdrien Montcoudiol
 
Mobile Roadie - Profile Accelerator
Mobile Roadie - Profile AcceleratorMobile Roadie - Profile Accelerator
Mobile Roadie - Profile AcceleratorMobile Roadie
 
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 FalconiGeneXus
 
The Evolution of the Cell Phone
The Evolution of the Cell PhoneThe Evolution of the Cell Phone
The Evolution of the Cell PhoneTANMOY GHOSH
 
Technology Planning and Implementation
Technology Planning and ImplementationTechnology Planning and Implementation
Technology Planning and ImplementationSteve Heye
 
Fuzzymulticriteriadecisionmaking
FuzzymulticriteriadecisionmakingFuzzymulticriteriadecisionmaking
FuzzymulticriteriadecisionmakingSeto Elkahfi
 
6 sistem informasi pendukung keputusan
6 sistem informasi pendukung keputusan6 sistem informasi pendukung keputusan
6 sistem informasi pendukung keputusanMirdawati Panna
 
Tugas makalah sistem pendukung keputusan
Tugas makalah sistem pendukung keputusanTugas makalah sistem pendukung keputusan
Tugas makalah sistem pendukung keputusanOkti Nurchasanah
 
Sistem penunjang-keputusan
Sistem penunjang-keputusanSistem penunjang-keputusan
Sistem penunjang-keputusanANTO ROHMAWAN
 

Andere mochten auch (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
 

Ähnlich wie 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 PlanJosiah 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 Solutionroshanjk
 
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 WorklightIBIZZ
 
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-10Almog Koren
 
Tincan - Mobile Elephant
Tincan - Mobile ElephantTincan - Mobile Elephant
Tincan - Mobile ElephantBen 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 YouPatrick 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 applicationsMark Roden
 
Creating Mobile Aps without Coding
Creating Mobile Aps without CodingCreating Mobile Aps without Coding
Creating Mobile Aps without CodingJack Molisani
 
#MobileInAction - iRecruitExpo June 2013, Amsterdam
#MobileInAction - iRecruitExpo June 2013, Amsterdam#MobileInAction - iRecruitExpo June 2013, Amsterdam
#MobileInAction - iRecruitExpo June 2013, AmsterdamDave 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 FrameworkBrendan Sera-Shriar
 
5 Reasons to go Responsive
5 Reasons to go Responsive5 Reasons to go Responsive
5 Reasons to go ResponsiveTier10
 
MCL Corporate Presentation - 0416
MCL Corporate Presentation - 0416MCL Corporate Presentation - 0416
MCL Corporate Presentation - 0416Raj Ojha
 
MCL Corporate Presentation - 0416
MCL Corporate Presentation - 0416MCL Corporate Presentation - 0416
MCL Corporate Presentation - 0416Raj Ojha
 
Over view of Technologies
Over view of TechnologiesOver view of Technologies
Over view of TechnologiesChris Mitchell
 
Building native quality business apps
Building native quality business appsBuilding native quality business apps
Building native quality business appsGizmox
 
Dreamweaver CS6, jQuery, PhoneGap, mobile design
Dreamweaver CS6, jQuery, PhoneGap, mobile designDreamweaver CS6, jQuery, PhoneGap, mobile design
Dreamweaver CS6, jQuery, PhoneGap, mobile designDee 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 Designhannonhill
 

Ähnlich wie 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
 

Mehr von Theresa Neil

Just Make Me a Dashboard!
Just Make Me a Dashboard!Just Make Me a Dashboard!
Just Make Me a Dashboard!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 SitesTheresa 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 MoreTheresa Neil
 
RIA Screen Layouts
RIA Screen LayoutsRIA Screen Layouts
RIA Screen LayoutsTheresa 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 RIAsTheresa Neil
 

Mehr von 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
 

Último

UiPath Studio Web workshop Series - Day 3
UiPath Studio Web workshop Series - Day 3UiPath Studio Web workshop Series - Day 3
UiPath Studio Web workshop Series - Day 3DianaGray10
 
Oracle Database 23c Security New Features.pptx
Oracle Database 23c Security New Features.pptxOracle Database 23c Security New Features.pptx
Oracle Database 23c Security New Features.pptxSatishbabu Gunukula
 
Keep Your Finger on the Pulse of Your Building's Performance with IES Live
Keep Your Finger on the Pulse of Your Building's Performance with IES LiveKeep Your Finger on the Pulse of Your Building's Performance with IES Live
Keep Your Finger on the Pulse of Your Building's Performance with IES LiveIES VE
 
How to become a GDSC Lead GDSC MI AOE.pptx
How to become a GDSC Lead GDSC MI AOE.pptxHow to become a GDSC Lead GDSC MI AOE.pptx
How to become a GDSC Lead GDSC MI AOE.pptxKaustubhBhavsar6
 
Trailblazer Community - Flows Workshop (Session 2)
Trailblazer Community - Flows Workshop (Session 2)Trailblazer Community - Flows Workshop (Session 2)
Trailblazer Community - Flows Workshop (Session 2)Muhammad Tiham Siddiqui
 
IT Service Management (ITSM) Best Practices for Advanced Computing
IT Service Management (ITSM) Best Practices for Advanced ComputingIT Service Management (ITSM) Best Practices for Advanced Computing
IT Service Management (ITSM) Best Practices for Advanced ComputingMAGNIntelligence
 
How to release an Open Source Dataweave Library
How to release an Open Source Dataweave LibraryHow to release an Open Source Dataweave Library
How to release an Open Source Dataweave Libraryshyamraj55
 
Scenario Library et REX Discover industry- and role- based scenarios
Scenario Library et REX Discover industry- and role- based scenariosScenario Library et REX Discover industry- and role- based scenarios
Scenario Library et REX Discover industry- and role- based scenariosErol GIRAUDY
 
Q4 2023 Quarterly Investor Presentation - FINAL - v1.pdf
Q4 2023 Quarterly Investor Presentation - FINAL - v1.pdfQ4 2023 Quarterly Investor Presentation - FINAL - v1.pdf
Q4 2023 Quarterly Investor Presentation - FINAL - v1.pdfTejal81
 
Explore the UiPath Community and ways you can benefit on your journey to auto...
Explore the UiPath Community and ways you can benefit on your journey to auto...Explore the UiPath Community and ways you can benefit on your journey to auto...
Explore the UiPath Community and ways you can benefit on your journey to auto...DianaGray10
 
The Zero-ETL Approach: Enhancing Data Agility and Insight
The Zero-ETL Approach: Enhancing Data Agility and InsightThe Zero-ETL Approach: Enhancing Data Agility and Insight
The Zero-ETL Approach: Enhancing Data Agility and InsightSafe Software
 
EMEA What is ThousandEyes? Webinar
EMEA What is ThousandEyes? WebinarEMEA What is ThousandEyes? Webinar
EMEA What is ThousandEyes? WebinarThousandEyes
 
Introduction to RAG (Retrieval Augmented Generation) and its application
Introduction to RAG (Retrieval Augmented Generation) and its applicationIntroduction to RAG (Retrieval Augmented Generation) and its application
Introduction to RAG (Retrieval Augmented Generation) and its applicationKnoldus Inc.
 
From the origin to the future of Open Source model and business
From the origin to the future of  Open Source model and businessFrom the origin to the future of  Open Source model and business
From the origin to the future of Open Source model and businessFrancesco Corti
 
Flow Control | Block Size | ST Min | First Frame
Flow Control | Block Size | ST Min | First FrameFlow Control | Block Size | ST Min | First Frame
Flow Control | Block Size | ST Min | First FrameKapil Thakar
 
Novo Nordisk's journey in developing an open-source application on Neo4j
Novo Nordisk's journey in developing an open-source application on Neo4jNovo Nordisk's journey in developing an open-source application on Neo4j
Novo Nordisk's journey in developing an open-source application on Neo4jNeo4j
 
AI Workshops at Computers In Libraries 2024
AI Workshops at Computers In Libraries 2024AI Workshops at Computers In Libraries 2024
AI Workshops at Computers In Libraries 2024Brian Pichman
 
Planetek Italia Srl - Corporate Profile Brochure
Planetek Italia Srl - Corporate Profile BrochurePlanetek Italia Srl - Corporate Profile Brochure
Planetek Italia Srl - Corporate Profile BrochurePlanetek Italia Srl
 
March Patch Tuesday
March Patch TuesdayMarch Patch Tuesday
March Patch TuesdayIvanti
 

Último (20)

UiPath Studio Web workshop Series - Day 3
UiPath Studio Web workshop Series - Day 3UiPath Studio Web workshop Series - Day 3
UiPath Studio Web workshop Series - Day 3
 
Oracle Database 23c Security New Features.pptx
Oracle Database 23c Security New Features.pptxOracle Database 23c Security New Features.pptx
Oracle Database 23c Security New Features.pptx
 
SheDev 2024
SheDev 2024SheDev 2024
SheDev 2024
 
Keep Your Finger on the Pulse of Your Building's Performance with IES Live
Keep Your Finger on the Pulse of Your Building's Performance with IES LiveKeep Your Finger on the Pulse of Your Building's Performance with IES Live
Keep Your Finger on the Pulse of Your Building's Performance with IES Live
 
How to become a GDSC Lead GDSC MI AOE.pptx
How to become a GDSC Lead GDSC MI AOE.pptxHow to become a GDSC Lead GDSC MI AOE.pptx
How to become a GDSC Lead GDSC MI AOE.pptx
 
Trailblazer Community - Flows Workshop (Session 2)
Trailblazer Community - Flows Workshop (Session 2)Trailblazer Community - Flows Workshop (Session 2)
Trailblazer Community - Flows Workshop (Session 2)
 
IT Service Management (ITSM) Best Practices for Advanced Computing
IT Service Management (ITSM) Best Practices for Advanced ComputingIT Service Management (ITSM) Best Practices for Advanced Computing
IT Service Management (ITSM) Best Practices for Advanced Computing
 
How to release an Open Source Dataweave Library
How to release an Open Source Dataweave LibraryHow to release an Open Source Dataweave Library
How to release an Open Source Dataweave Library
 
Scenario Library et REX Discover industry- and role- based scenarios
Scenario Library et REX Discover industry- and role- based scenariosScenario Library et REX Discover industry- and role- based scenarios
Scenario Library et REX Discover industry- and role- based scenarios
 
Q4 2023 Quarterly Investor Presentation - FINAL - v1.pdf
Q4 2023 Quarterly Investor Presentation - FINAL - v1.pdfQ4 2023 Quarterly Investor Presentation - FINAL - v1.pdf
Q4 2023 Quarterly Investor Presentation - FINAL - v1.pdf
 
Explore the UiPath Community and ways you can benefit on your journey to auto...
Explore the UiPath Community and ways you can benefit on your journey to auto...Explore the UiPath Community and ways you can benefit on your journey to auto...
Explore the UiPath Community and ways you can benefit on your journey to auto...
 
The Zero-ETL Approach: Enhancing Data Agility and Insight
The Zero-ETL Approach: Enhancing Data Agility and InsightThe Zero-ETL Approach: Enhancing Data Agility and Insight
The Zero-ETL Approach: Enhancing Data Agility and Insight
 
EMEA What is ThousandEyes? Webinar
EMEA What is ThousandEyes? WebinarEMEA What is ThousandEyes? Webinar
EMEA What is ThousandEyes? Webinar
 
Introduction to RAG (Retrieval Augmented Generation) and its application
Introduction to RAG (Retrieval Augmented Generation) and its applicationIntroduction to RAG (Retrieval Augmented Generation) and its application
Introduction to RAG (Retrieval Augmented Generation) and its application
 
From the origin to the future of Open Source model and business
From the origin to the future of  Open Source model and businessFrom the origin to the future of  Open Source model and business
From the origin to the future of Open Source model and business
 
Flow Control | Block Size | ST Min | First Frame
Flow Control | Block Size | ST Min | First FrameFlow Control | Block Size | ST Min | First Frame
Flow Control | Block Size | ST Min | First Frame
 
Novo Nordisk's journey in developing an open-source application on Neo4j
Novo Nordisk's journey in developing an open-source application on Neo4jNovo Nordisk's journey in developing an open-source application on Neo4j
Novo Nordisk's journey in developing an open-source application on Neo4j
 
AI Workshops at Computers In Libraries 2024
AI Workshops at Computers In Libraries 2024AI Workshops at Computers In Libraries 2024
AI Workshops at Computers In Libraries 2024
 
Planetek Italia Srl - Corporate Profile Brochure
Planetek Italia Srl - Corporate Profile BrochurePlanetek Italia Srl - Corporate Profile Brochure
Planetek Italia Srl - Corporate Profile Brochure
 
March Patch Tuesday
March Patch TuesdayMarch Patch Tuesday
March Patch Tuesday
 

Mobile Design. Strategic Solutions.