Your boss has an iPhone, so of course he wants an app. But does an app really make business sense? Or is a responsive design website enough?
And with hundreds of thousands of apps out there, what will make people choose and use yours? What makes a good mobile user interface? And how can you make sure your company actually delivers one?
Responsive design might make sense if you've got a content driven website. But how should your web team work together when every web page they are making needs to work at any width and resolution? And can you get the content under control to make pages that really make sense on small screens and big ones?
Going Mobile First: a future-friendly approach to digital product designEzekiel Binion
A 2015 presentation delivered as part of Table XI's breakfast series. This talk shares how mobile platform usage has evolved since the 2009 release of "Mobile First" by Luke Wroblewski and shares some practical tips on how to decide if a native or web application is the right decision for your product.
Brief presentation for Always On Always Connected, an application development class for state-of-the art in mobile technology and smart devices at NYU's ITP.
#MobileInAction - iRecruitExpo June 2013, AmsterdamDave Martin
Dave has interviewed numerous recruitment leaders from around the world, mobile strategic experts, authors, founders and market analysts which are made available online through his 'Mobile in Action' videocast. In this fast pace session Dave will share a summary of learnings from the people he has talked to giving you example case studies, strategic advice and gotcha's to watch out for. The objective is to deliver information you need to take your next steps in a world filling up of handheld web devices (smartphones & tablets). If you are on the mobile journey already, there will an opportunity for a few to share their stories with the audience and Dave.
App Publishing for Museums - iPhone, iPad and beyondCogapp
What is happening in the world of app publishing for iPhone, iPad and other platforms ? And what does this mean for museums ? What are the opportunities for museums and other arts organisations created by the app publishing revolution and how can we take advantage ?
Going Mobile First: a future-friendly approach to digital product designEzekiel Binion
A 2015 presentation delivered as part of Table XI's breakfast series. This talk shares how mobile platform usage has evolved since the 2009 release of "Mobile First" by Luke Wroblewski and shares some practical tips on how to decide if a native or web application is the right decision for your product.
Brief presentation for Always On Always Connected, an application development class for state-of-the art in mobile technology and smart devices at NYU's ITP.
#MobileInAction - iRecruitExpo June 2013, AmsterdamDave Martin
Dave has interviewed numerous recruitment leaders from around the world, mobile strategic experts, authors, founders and market analysts which are made available online through his 'Mobile in Action' videocast. In this fast pace session Dave will share a summary of learnings from the people he has talked to giving you example case studies, strategic advice and gotcha's to watch out for. The objective is to deliver information you need to take your next steps in a world filling up of handheld web devices (smartphones & tablets). If you are on the mobile journey already, there will an opportunity for a few to share their stories with the audience and Dave.
App Publishing for Museums - iPhone, iPad and beyondCogapp
What is happening in the world of app publishing for iPhone, iPad and other platforms ? And what does this mean for museums ? What are the opportunities for museums and other arts organisations created by the app publishing revolution and how can we take advantage ?
Mobile First Strategy - A Game-Changing Opportunity for Your EnterpriseWSO2
In this webinar, Shanmugarajah Sinnathamby, director - mobile architecture at WSO2, will discuss the following
What is mobile first strategy
Steps to create the mobile first strategy in your enterprise
Benefits of the mobile first strategy
Different approaches to create mobile applications
This presentation on the opportunity in mobile applications was an executive briefing prepared for a client in the October of 2010. The content focuses on Apple devices and ecosystem, as requested by the client, and includes a discussion of web apps vs. native apps.
Besides a quick explanation of what responsive email design is; I take a look at what’s possible, going through some of the responsive layout patterns we’ve deployed. I’ve also got a section on tablets, touch, performance and techniques for dealing with clients that don’t support media queries. I finish up by looking at testing…hope you find it useful. You can watch the video that goes with deck here: http://www.youtube.com/watch?v=T6GajEVabP4
Your Guide to a Modern Mobile-First Web StrategyTechBlocks
If you're not mobile, you're not in business. So why are the majority of businesses putting mobile second in their web design strategy? In this guide we look at how the recent shift toward a mobile-first web design approach can transform your business through tailored content and an enhanced customer experience.
Your Guide Includes:
- A Review of Mobile First vs. Mobile Responsive
- The Benefits of a Mobile-First Approach
- Common Challenges of Going Mobile First
- A Step-by-Step Implementation Guide
I take a look at designing a modular template system. This is simply a group of reusable modules and email patterns, that can be combined together in various ways to generate different templates. Although not a new approach, I've seen a surge of interest in the last few years as everyone grapples with mobile redesigns.
The featured examples vary in scope and industry. Adorama started with just ten modules and have gone onto expand it, whereas Monster’s latest is 35. They also had different design challenges, which I go through along with our process, user testing and internal management.
Click the 'Notes' tab below right, to view the video transcript for each slide. The video shows the live templates and gives a bit more context than the deck. You can watch it here: http://bit.ly/1zumjAd
Here's some of what it covers:
Mobile context
Mobile testing tools
Fixed vs. fluid layouts
Scalable layouts
Horizontal layouts
Designing for touch
Real-time content
Get Your Smart Guide: How to Develop an App
http://offers.techwitty.com.au/app-development
Understand the first step in the process: Taking your idea, and turning that idea into a really awesome app.
Download this Smart Guide to learn how you can apply for the grant easily. It's free!
This Smart Guide includes the following sections:
What is app development
Discovery session, UX & UI
Development steps
Optimising Mobile Seminar, Melbourne & Perth-June'13Precedent
Precedent latest "Putting Mobile First" seminar run in Melbourne on the 4 & 5th June and Perth on the 7th June.
John Campbell and Rufus Spiller presented
A discussion about the benefits of a mobile-first responsive approach to web development, why it is as important for desktop environments as it is for mobile devices and why it is the future of web development.
Along the way we'll dispell some of the myths you have heard about responsive web development, leaving you no excuses to not start your next project thinking mobile-first.
Coming soon to a device near you.
This presentation was first shown at the international Joomla conference, J and Beyond 2012, by Seth Warburton of Internet Inspired.
The future of mobile marketing and the benefits of web apps @ Riga Comm 2013webapptool
Presentation @ Riga Comm 2013 about the future of mobile marketing and the benefits of using web apps for companies. Webapptool is an online HTML5 toolkit to create web apps.
My keynote from the UX South Africa 2014 conference in Cape Town, South Africa
It's a look at the state of play including:
- It's still easy to find poor website UX in South Africa
- Informing digital strategy by making and launching things
- Problems that executives of traditionally non-digital companies face as software slowly eats the word - and some solutions: Proactive research, digital product management, agile...
- Some of the skills and talents that unicorn UX designers need to have
White Space Creativity - Creative Mornings MiamiDenise Jacobs
In visual arts and graphic design, white space is fundamental to allowing a creation to exist, by creating delineation and focus. Similarly, in our lives, creativity often sprouts from the "white space" of time: the moments in our increasingly busy schedules between activities and thoughts that allow the subconscious to better absorb and connect information. Clearly, in order to be more creative, we need to open up this "in-between" space in our lives, but once we've done so, how can we best capitalize upon the brain's natural creative capacities? In this talk, we'll explore several counter-intuitive and potentially subversive methods for leveraging this "white space" to foment innovative thinking creative productivity.
Mobile First Strategy - A Game-Changing Opportunity for Your EnterpriseWSO2
In this webinar, Shanmugarajah Sinnathamby, director - mobile architecture at WSO2, will discuss the following
What is mobile first strategy
Steps to create the mobile first strategy in your enterprise
Benefits of the mobile first strategy
Different approaches to create mobile applications
This presentation on the opportunity in mobile applications was an executive briefing prepared for a client in the October of 2010. The content focuses on Apple devices and ecosystem, as requested by the client, and includes a discussion of web apps vs. native apps.
Besides a quick explanation of what responsive email design is; I take a look at what’s possible, going through some of the responsive layout patterns we’ve deployed. I’ve also got a section on tablets, touch, performance and techniques for dealing with clients that don’t support media queries. I finish up by looking at testing…hope you find it useful. You can watch the video that goes with deck here: http://www.youtube.com/watch?v=T6GajEVabP4
Your Guide to a Modern Mobile-First Web StrategyTechBlocks
If you're not mobile, you're not in business. So why are the majority of businesses putting mobile second in their web design strategy? In this guide we look at how the recent shift toward a mobile-first web design approach can transform your business through tailored content and an enhanced customer experience.
Your Guide Includes:
- A Review of Mobile First vs. Mobile Responsive
- The Benefits of a Mobile-First Approach
- Common Challenges of Going Mobile First
- A Step-by-Step Implementation Guide
I take a look at designing a modular template system. This is simply a group of reusable modules and email patterns, that can be combined together in various ways to generate different templates. Although not a new approach, I've seen a surge of interest in the last few years as everyone grapples with mobile redesigns.
The featured examples vary in scope and industry. Adorama started with just ten modules and have gone onto expand it, whereas Monster’s latest is 35. They also had different design challenges, which I go through along with our process, user testing and internal management.
Click the 'Notes' tab below right, to view the video transcript for each slide. The video shows the live templates and gives a bit more context than the deck. You can watch it here: http://bit.ly/1zumjAd
Here's some of what it covers:
Mobile context
Mobile testing tools
Fixed vs. fluid layouts
Scalable layouts
Horizontal layouts
Designing for touch
Real-time content
Get Your Smart Guide: How to Develop an App
http://offers.techwitty.com.au/app-development
Understand the first step in the process: Taking your idea, and turning that idea into a really awesome app.
Download this Smart Guide to learn how you can apply for the grant easily. It's free!
This Smart Guide includes the following sections:
What is app development
Discovery session, UX & UI
Development steps
Optimising Mobile Seminar, Melbourne & Perth-June'13Precedent
Precedent latest "Putting Mobile First" seminar run in Melbourne on the 4 & 5th June and Perth on the 7th June.
John Campbell and Rufus Spiller presented
A discussion about the benefits of a mobile-first responsive approach to web development, why it is as important for desktop environments as it is for mobile devices and why it is the future of web development.
Along the way we'll dispell some of the myths you have heard about responsive web development, leaving you no excuses to not start your next project thinking mobile-first.
Coming soon to a device near you.
This presentation was first shown at the international Joomla conference, J and Beyond 2012, by Seth Warburton of Internet Inspired.
The future of mobile marketing and the benefits of web apps @ Riga Comm 2013webapptool
Presentation @ Riga Comm 2013 about the future of mobile marketing and the benefits of using web apps for companies. Webapptool is an online HTML5 toolkit to create web apps.
My keynote from the UX South Africa 2014 conference in Cape Town, South Africa
It's a look at the state of play including:
- It's still easy to find poor website UX in South Africa
- Informing digital strategy by making and launching things
- Problems that executives of traditionally non-digital companies face as software slowly eats the word - and some solutions: Proactive research, digital product management, agile...
- Some of the skills and talents that unicorn UX designers need to have
White Space Creativity - Creative Mornings MiamiDenise Jacobs
In visual arts and graphic design, white space is fundamental to allowing a creation to exist, by creating delineation and focus. Similarly, in our lives, creativity often sprouts from the "white space" of time: the moments in our increasingly busy schedules between activities and thoughts that allow the subconscious to better absorb and connect information. Clearly, in order to be more creative, we need to open up this "in-between" space in our lives, but once we've done so, how can we best capitalize upon the brain's natural creative capacities? In this talk, we'll explore several counter-intuitive and potentially subversive methods for leveraging this "white space" to foment innovative thinking creative productivity.
What your customers REALLY think: Incorporating usability testing into agilePhil Barrett
I did this talk for Agile Africa 2014
You can’t know whether your agile project is maximising is impact unless you gather customer feedback. But the feedback that comes to you is not always the full story.
This talk looks at why you should actively go an get user feedback with usability testing, and how to go about doing your first usability test.
UX SA Conference 2015: Innovation Toolkit Phil Barrett
Uber, AirBnB, Wayz, SnapScan, WhatsApp, SnapChat… Those are some of the early winners in the wave digital change that’s sweeping the world. Those companies have innovated further, quicker than competitors and they’ve done it so well that the services they deliver seem “obvious” in hindsight. But to compete with them, and whatever comes next, your organisation is going to have to do something even more awesome.
It might not be very pretty.
Leading an organisation through the realities of innovation is hard. Organisations are typically well adapted to doing what they do, they way they’ve always done it. Real, transformative innovation asks them to leave that behind. It feels equal parts crazy and terrifying. It needs focus, nerve, and yet also heaps of humility.
It helps if you know where you are, secure the time and support you need to succeed, use good ideation methods and conduct proper experiments.
In this 90 minute session we’ll draw on techniques from the world of lean startup and design thinking and look at:
- Some words you can use to get managers to tackle innovation
- How to structure and negotiate the right space for innovation to succeed in your organisation
- Techniques to maximise the chances of generating amazing ideas
- How to deal with differences of opinion and prioritise the right choices
- How to think and talk about experiments and failure
Traditional management practices are no longer suited for resolving complex airline problems. Obsolete gross metrics apportioned to departmental needs are of no use here - they only create more complexities. Astute Aviation explains the practical way of simplify complexity and bring more authenticity into decision making at corporate level.
Would you use this? UX South Africa 2016Phil Barrett
if you're an innovator, "Would you use this" is a question you really want to answer. But you can't ask it in a usability test. Usability tests can evaluate comprehension and ease of use, but test respondents can't reliably predict their own future behaviour. If you base your strategic choices on experiments where you ask them to do that, you can cause serious damage to your company.
But using the JTBD change making forces, and the MAO model, you can start to explore the factors that influence people's actions systematically . You can find out *when* and *why* people will use your new product idea, which is enough to work out whether your product is on the right track.
Behaviour change is the measurable outcome of good UX design. Here's a review of a few design techniques and processes to help UX designers to create sustainable behaviour change.
Video: https://www.youtube.com/watch?v=Lka7nsDsZk8
There’s real evidence that Agile software engineering projects work better than waterfall. In Silicon Valley, Agile is the de-facto standard for innovating new products. But an Agile project needs good product management and good UX design to succeed. Fitting UX in with product management and Agile can be uncomfortable for UX designers. Once you get it, though, you’ll never want to work any other way. We’ll look at:
- Why Agile works well for innovation and for software delivery
- What product management is and why your software product can’t succeed without it
- The different product phases: Discover, expand and exploit
- The role of UX in each phase
- Setting up hypotheses and metrics to keep Agile teams on track
Innovation, design thinking, and competitive advantagePhil Barrett
A quick talk from the Cape Town funding fair. Exponentials and the imperative for innovation. The trouble with innovation in corporations. Wicked problems and complex adaptive systems. How design thinking works. What design thinking does do, in Digital. Design thinking counteracts our tendency for poor decision making.
Today’s leaders are poorly served by conventional management theories and practices. Instead of helping executives manage the growing complexity of business, the supposed solutions only seem to make things worse. A new book from BCG outlines a better approach to managing complexity. The approach is called smart simplicity, and it hinges on six simple rules.
Native, Web App, or Hybrid: Which Should You Choose?Softweb Solutions
Which Should You Choose? Native, webapp or Hybrid, each of these types of apps has their advantages and disadvantages. let's learn more about Technology Selection.
Tools and Techniques for mobile learninggeoff stead
Best Of mLearn: Geoff Stead of Qualcomm presenting an updated version of their mLearnCon2013 session, which was voted the Best Of mLearnCon.
An inside view on some of the apps developed by Qualcomm's mLearning team, why they build them, and some of the tools they use
In our digital world, customer experiences are delivered primarily through the mobile. There are several compelling reasons why businesses should utilize this opportunity to build their brand.
Mobile presentation - Sydney Online Retailer - 26 Sep 2011Craig Sullivan
In this presentation, I use analytics data from our global mobile reach, to illustrate the trends that are driving growth, how to take opportunity from them and what to do with your own site. I present a case for device and user knowledge, to allow you to optimise conversion rates, revenue and delight for visitors.
The near future of real web applicationsX.commerce
There is a lot of noise being made about HTML5 as the new web technology to use and markets for apps as the best way to sell products and distribute applications to our end users. In reality there is not much new about it - all we are doing is treating the web as a distribution and sharing platform and browsers as the software to run our applications on. In this talk Christian Heilmann of Mozilla shows how in the near future application installation and in-app payments can happen on the most distributed market there is - the internet and through your browser. You will see how the technologies we build web sites in got an upgrade to allow us to build light-weight and focused applications that allow our end users to reach their goals faster and in a more re-usable fashion than with traditional ecommerce. Browsers and hardware are becoming more powerful each day, it is time to use that power in a sensible manner.
Mobile Application Design & DevelopmentRonnie Liew
The mobile landscape is incredibly fragmented with a huge pool of devices and operating systems. This presentation shares tips and guidelines on how to navigate this maze and help design/develop better mobile applications.
"The Web - You're Doing it Wrong" for Forum Oxford May 2014Daniel Appelquist
Some mobile web antipatterns to avoid, an update on some exciting new mobile webapo technologies and some latest info on Firefox OS. Presented at Forum Oxford in Oxford UK on 2 May 2014.
Concepts, strategies, and gotcha's that every marketer should be aware of from an iOS developers perspective. iOS is in high demand but is still new for most marketers and agencies. This presentation will help bridge that digital divide.
"The Ever-Changing Landscape of Disruptive Technologies"
The presentation will address the ever-changing landscape of disruptive technologies. Among other things, we will be going into different emerging technologies like artificial intelligence, blockchain, automation and voice control. We will also deepen in the mobile economy and share some advise on how to keep up with new tech and what one should keep track of in the next few years.
Why do mobile projects (still) fail - September 2014 editionIndiginox
My talk around the reasons mobile projects fail and what you can do to prevent some of the pitfalls. This talk doesn't talk about code or deep dive technical development - but about the "other" problems that can befall a mobile project - especially in large organizations.
Communication Design for the Mobile ExperienceDavid Drucker
Presented to the Vancouver Chapter of the Society for Technical Communication at their May 2011 meeting. This is a discussion of issues, and strategies for creating usable, navigable, relevant content for mobile computing devices like smartphones. Included many examples and a case study.
Expert Accessory Dwelling Unit (ADU) Drafting ServicesResDraft
Whether you’re looking to create a guest house, a rental unit, or a private retreat, our experienced team will design a space that complements your existing home and maximizes your investment. We provide personalized, comprehensive expert accessory dwelling unit (ADU)drafting solutions tailored to your needs, ensuring a seamless process from concept to completion.
Dive into the innovative world of smart garages with our insightful presentation, "Exploring the Future of Smart Garages." This comprehensive guide covers the latest advancements in garage technology, including automated systems, smart security features, energy efficiency solutions, and seamless integration with smart home ecosystems. Learn how these technologies are transforming traditional garages into high-tech, efficient spaces that enhance convenience, safety, and sustainability.
Ideal for homeowners, tech enthusiasts, and industry professionals, this presentation provides valuable insights into the trends, benefits, and future developments in smart garage technology. Stay ahead of the curve with our expert analysis and practical tips on implementing smart garage solutions.
Hello everyone! I am thrilled to present my latest portfolio on LinkedIn, marking the culmination of my architectural journey thus far. Over the span of five years, I've been fortunate to acquire a wealth of knowledge under the guidance of esteemed professors and industry mentors. From rigorous academic pursuits to practical engagements, each experience has contributed to my growth and refinement as an architecture student. This portfolio not only showcases my projects but also underscores my attention to detail and to innovative architecture as a profession.
Can AI do good? at 'offtheCanvas' India HCI preludeAlan Dix
Invited talk at 'offtheCanvas' IndiaHCI prelude, 29th June 2024.
https://www.alandix.com/academic/talks/offtheCanvas-IndiaHCI2024/
The world is being changed fundamentally by AI and we are constantly faced with newspaper headlines about its harmful effects. However, there is also the potential to both ameliorate theses harms and use the new abilities of AI to transform society for the good. Can you make the difference?
Unleash Your Inner Demon with the "Let's Summon Demons" T-Shirt. Calling all fans of dark humor and edgy fashion! The "Let's Summon Demons" t-shirt is a unique way to express yourself and turn heads.
https://dribbble.com/shots/24253051-Let-s-Summon-Demons-Shirt
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...Mansi Shah
This study examines cattle rearing in urban and rural settings, focusing on milk production and consumption. By exploring a case in Ahmedabad, it highlights the challenges and processes in dairy farming across different environments, emphasising the need for sustainable practices and the essential role of milk in daily consumption.
17. The app system is addictive?
The app store offers novelty
...a guaranteed antedote to habituation (just like fashion).
Finding apps yields dopamine rewards
Unpredictability makes it more powerful.
Owning an app makes you like it more
And it makes you like apps more (endowment effect and
self herding).
We hoard apps
Giving up an app makes us uncomfortable (loss aversion).
18. And with an app your brand
owns a spot on their homescreen
19. But he hasn’t noticed that
Android is outselling iPhone
My Broadband
20. And he hasn’t noticed that in SA,
Blackberry outsells them both by a mile
My Broadband: Vodacom’s figures, Aug 2012
21. And with this much
competition, how
will you stand out?
22. To launch an app that has impact...
Ship the app for multiple platforms
And it has to be useful, easy and delightful on each
one
And you have to ship updates
And run additional marketing campaigns to get
people to know of the app’s existence
...Which may be more of a commitment than
he had in mind.
23. iPhoneAndroid
Designers are trying
to re-use the
iphone design to
the max. It’s
cheaper!
Same for Instagram,
Facebook...
Converging designs reduces costs a little bit
26. "Telkom recently unveiled its app on the Apple App Store, but there
have only been around 2 500 downloads in the two weeks since
launch." - Duncan Alfreds news 24
"What's the point?", wrote a user named PierreQ77.
30. For the right kind of
content, an app and
an app store is a
barrier.
If someone wants to
see a tweeted story,
it’s annoying to have
to download a whole
app.
App.ft.com
31. Top 5 =
Amazon, Best Buy,
eBay, Target and
Walmart
US mobile
shoppers prefer
responsive Web
33. Context: Frequency of use
Frequency of use
Several times a day Occasional Rare
Native app might be good
Web might be better
34. Context: Time
Time kill
I haven’t got much to do at the moment
Time shift
I’ve got time to do this task at, so I might as well
Time (or location) critical
I must do this now because it’s urgent
or because I am in the right place
35. Urgency + frequency
Kill Shi& Cri)cal
Rarely
O&en
Flipboard
News
Facebook
Email
Messaging
Game
News or blogs
In-store price
comparisonBanking
Research
A
To-do list
W
A A
A
A
A
A A
W
W
Get restaurant
address
W
36. Urgency + frequency
Kill Shi& Cri)cal
Rarely
O&en
Flipboard
News
Facebook
Email
Messaging
Game
News or blogs
In-store price
comparisonBanking
Research
A
To-do list
W
A A
A
A
A
A A
W
W
Get restaurant
address
W
Because of tight OS
integration
37. So responsive design makes lots of
sense for all kinds of infrequently
used content.
(There’s nothing wrong with beng
part of the 31 minutes).
39. All the factors
Responsive HTML5
Easy to update
Low barrier to
engagement
Cross platform
Native app
Secure
Easy to monetise
Fast, smooth, OS-
integrated
Discovery via app
store
40. All the factors
Responsive HTML5
Easy to update
Low barrier to
engagement
Cross platform
Native app
Custom build for
multiple platforms
Requires a
“permanent” user
commitment for
transient content
48. Fluid images are not elegant
(or even functional?)
<link rel="stylesheet" type="text/css”
media="screen and (max-device-width:
480px) and (resolution: 163dpi)”
href="shetland.css" />
<img src="birds.jpg" alt="" />
The image tag is still just for one picture, regardless of device.
Big file = Big downloads = bad.
Yay!
Boo!
49. And older browsers don’t support
anything much
Samsung E250:
“The AK47 of
mobile phones”
So that means you need to do RESS (REsponsive + Server Side).
Detect smaller handsets by type and serve them HTML and
images they can handle.
50. Making the
change to a
lightweight
responsive site
can be hard
when you have a
giant legacy of
thousands of fat
pages.
51. Content choreography is a new skillset
Mostly fluid Column drop
Layout shifter Off canvas
Kudos:
Luke
Wroblewski
52. And it needs a new workflow
§ Need to design each wireframe at multiple sizes
§ But even then you can’t predict: you have to build the
HTML and test it at different sizes, then add “break
points” at sizes where the page breaks.
§ This means: design, build, review, design, build...
Imagekudos:TrentWalton
53. So this isn’t so clear cut
(was it ever?)
Time
Development
Interaction design
UX evaluation
54. So this isn’t so clear cut
(was it ever?)
Time
Development
Interaction design
UX evaluation
55. So this isn’t so clear cut
(was it ever?)
Time
Development
Interaction design
UX evaluation
56. So this isn’t so clear cut
(was it ever?)
Time
Development
Interaction design
UX evaluation
Refinement of
responsive page designs
needs to happen right
as the page gets built.
57. New tools to help designers
design responsive
Easel.io
60. Responsive web apps
Kill Shi& Cri)cal
Rarely
O&en
Flipboard
News
Facebook
Email
Messaging
Game
News or blogs
In-store price
comparisonBanking
Research
A
To-do list
W
A A
A
A
A
A A
W
W
Get restaurant
address
W
Useful, infrequent, and
doesn’t require special
performance
61. HTML5 apps
• Reduces the update and the cross platform
problems
But...
• HTML 5 performance will always lag
• 22 Seven, Facebook have both concluded
that HTML5 wasn’t for them.
• And no app store discovery
62. But if you’re really determined you can get
good results for certain kinds of app.
63. Eg. Take-away delivery service
Eg. A unit trusts portfolio
Yes!
A niche for responsive web apps in future?
• As the responsive Web starts to get people used to
more browser-based mobile functionality,
• As HTML5 reaches a critical level of power and
speed
64. 50% of all online sales for mothers day
2012 came from mobile devices - Google
E-commerce leads the way...
66. Steve Krug's trunk test
If you were locked in the “trunk” of a car and dropped off at
a random webpage, you should be able to tell where you
are because all pages should have...
Site ID
Page Name
Sections and Subsections
Local Navigation
“You Are Here” Indicators
Search
Trunk
67. But if you put all
this on a mobile
app, it's going to
be so cluttered
that you’ll
struggle to use it.
76. Krug's signposting is there so you can resume
easily if you're interrupted.
And mobile is supposed to be a high
interrupt environment.
But apps seem to work better when we take
the signposts out.
Why?
77. Reducing furniture works in apps because...?
• People tend to adopt apps that perform a limited
function in a simple way
• Less on each screen, easier to remember where
you are
• Your phone offers fewer distractions at once
than your PC
• When you're doing something important on a
mobile phone, your concentration is actually
quite intense.
78. The hamburger and the monolith
Monolithic app
But nav drops
away when you’re
focussing on
something
79. The hamburger and the monolith
Monolithic app
But nav drops
away when you’re
focussing on
something
84. Oliver
Wendell
Holmes-- Oliver Wendell Holmes Jr
“I would not give a fig for the
simplicity on this side of complexity
but I would give my right arm for the
simplicity that lies on the other side
of complexity.
85. “
To get to simplicity: iterate
Iterative design, with its repeating cycle of design and
testing, is the only validated methodology in existence that
will consistently produce successful results.
If you don’t have user-testing as an integral part of your
design process you are going to throw buckets of money
down the drain.
Bruce Tognazzini
Founder of Apple’s Human Interface Group
86. Path’s journey to simplicty
Dave Morin
“True simplicity takes a lot of time. And in
mobile that’s especially true.”
Path 2.0 was simplified; the team spent 20
iterations or more on the home view, trying to
figure out how to fit everything in without
cluttering it.
Path looked at the quantitative data — features
used, daily active users, monthly active users —
and correlated it with extensive ethnographic
observations of what people were actually
doing.
Venturebeat.com
87. Prototyping on iOS is easy
Also...
• Fieldtestapp.com
• FluidUI (also
android)
• Tumult Hype
• Axure 6.5 for
heavy duty stuff
• Phonegap (also
android)
ipro.to/tap_iphone
88. Stroke, don’t poke
In our research, we see that
people love making gestures on
apps. Why?
Poking is quite an unnatural
gesture. We don’t do it that often
in life.
Swipes, drags and flicks seem to
fit better with what humans
(evolved to) do.
89. Gestures are hard to
discover. But a joy to
perform.
It looks like tutorials are
the price we pay for
now. If you keep it
simple, it might not be
too high a price.
90. Gestures are hard to
discover. But a joy to
perform.
It looks like tutorials are
the price we pay for
now. If you keep it
simple, it might not be
too high a price.
91. So...
Make your next website responsive.
Don’t make websites into apps when they are used
infrequently and won’t benefit from OS integration.
Go see when responsive apps make sense and
report back.
When designing apps, make the app do as little as
possible.
Then remove as much of the chrome as you can
contemplate.
Then user test it, and realise that you can still
remove more.