The Essential Guide To Building Applications People Love
The Essential Guide To Building Applications People Love
Building Applications
People Love
1 www.depalmastudios.com
Contents
Introduction 3
VII Sources 58
Introduction
1
00101
101
101 1011
010 11 010
10
100
10110
010
DePalma introduced a new design and
development approach that’ll likely set an internal
standard for the foreseeable future.
Cory Moore,
Marketing Technology and Usability Manager
4 www.depalmastudios.com
about the process. We hope this treatise helps you create a strong founda-
tion within your own organization to design and build applications your end
users will truly love.
5 www.depalmastudios.com
About the Authors
Creating an application people will love requires rethinking the role end-us-
ers play in shaping your design.
Excluding your audience until later in the process means the end result is far
less likely to solve the real problems they face each day.
Instead, users should be partners in the design process from the outset.
8 www.depalmastudios.com
That way, as the UX design takes shape and evolves, you’ll have input at
each critical stage. In the end, this means people will buy-in to the new de-
sign because their input helped to create it.
The specific steps in the process can vary, and they often overlap. At DePal-
ma, we practice human-centered design using these steps:
• Strategy
• User Research
• UX Design
• Build
• Launch & Analyze
(We’ll detail the techniques and deliverables for each of these steps in Chap-
ter III.)
9 www.depalmastudios.com
Empathy
in-person interviews
• field research and observation
• usability testing
• diary studies
Iteration
If empathy is the core of human-centered design, iteration is its failsafe.
10 www.depalmastudios.com
At each stage of the design process, these groups give their feedback on
the current state of the UX design — whether it’s a workflow, wireframe, or
prototype — and the design is adapted based on their input.
This feedback loop ensures that the design has buy-in at every stage of the
process from both users and product stakeholders.
Think of every new iteration in the design as a new detail carved into a
sculpture. In the end, the accumulation of new details helps the artist create
a sculpture they know their audience will love.
All the risks commonly associated with application and product develop-
ment are exponentially reduced.
11 www.depalmastudios.com
The history of the past two decades is littered with failed products that
couldn’t combine powerful functionality with a modern user experience.
The common denominator is that these products couldn’t offer the same
degree of usability as their competitors. They weren’t as intuitive or as grati-
fying to use. As their functionality became commoditized, their poor usabili-
ty became all too apparent.
These products and services are powerful in their own right, but they also
make it stunningly easy for users to accomplish their goals. Once someone
experiences a truly intuitive design, their expectations change, and they’ll
always seek out products with a comparable level of usability.
12 www.depalmastudios.com
Unsurprisingly, when companies invest heavily in UX design, profit follows. In
2016, venture capital firm NEA, in partnership with IDEO, Uber, and Invision
and others, surveyed over 400 businesses about how they viewed design.1
The survey found that the most successful companies — those valued at
over $1B — were more likely to believe that design directly contributed to
company growth. These companies were
30% more likely to believe that design leads to faster product cycles
13 www.depalmastudios.com
Disclaimer: there are correct and incorrect ways to do UX design.
For example, skipping the research phase, listening to users rather than
observing them, and relying on your instinct, or the instincts of other stake-
holders rather than collecting and analyzing real data are all common mis-
takes that can ruin an application before it’s ever launched.
By using a human-centered process, you can make certain that the finished
design actually supports the goals and workflows your users need to be
successful.
The Model 500 was not the first rotary phone Dreyfuss had designed for
AT&T. The telecomm giant had released its first version twenty years earlier.
But it was the first to have numerous aspects of its design informed by con-
sumer testing and feedback.
14 www.depalmastudios.com
During the design process, Dreyfuss hired John Carlin, the world’s first in-
dustrial psychologist, to lead a series of consumer tests for the Model 500.
These tests would lead to numerous improvements to the design, from put-
ting white dots behind the holes in the finger wheel to adjusting the length of
the cord.
These innovations, sourced directly from consumers, are what helped the
product sell in such historical numbers.
The approach that Dreyfuss used nearly 70 years ago had many of the hu-
man-centered design hallmarks: in-depth user research, testing, and itera-
tion.
Though the methods we discuss in this guide have adapted to digital prod-
ucts, the benefits of putting the challenges and experiences of users at the
center of the process remain just as valuable.
15 www.depalmastudios.com
II The Benefits of
Human-Centered
Design
Risk Reduction
If an application’s UX design is terrible, people will reject it. Likewise if the
product doesn’t solve an important problem for your audience, no one will
adopt it.
How do you build something people will actually use instead of launching
a product or application that you have to redesign 6 months later?
If you’ve been reading, then you know the answer: Follow a human-centered
design process.
17 www.depalmastudios.com
In the high stakes game of application design and development, this kind of
clarity is a godsend. Instead of wondering whether your new design or new
feature will be a hit, you’ll know the answer will be yes.
For Products
Products with poor UX can still get users. But they can’t grow their usage
past a certain threshold, because the support costs become untenable. The
software is too complex for people to troubleshoot on their own, so they
constantly contact support.
Unsustainable support costs are one of the most common business cases
for a UX redesign. Most of UX redesign projects we’ve worked on were driv-
en by clients who needed to reduce their customer support costs.
18 www.depalmastudios.com
McAfee was able to reduce their support calls by 90% after they redesigned
their user interface with input from their users.3
Building a user experience based on feedback derived from users will result
in higher user retention and lower churn. People will feel like your product
was custom made for them, because in many ways it was.
So Groove developed a short email series with content to improve the user
experience and better explain certain tasks. As a result, they increased their
customer retention by 40%.4
When a product has a poor user experience, it’s just more difficult to get us-
ers. Sales and marketing can be tortuous because the application is difficult
to use. People become confused rather than interested.
19 www.depalmastudios.com
Even when people want to sign up, a poor user experience can disrupt the
onboarding or acquisition process, motivating leads to quit before they
complete the process.
But when your product delivers an experience that’s intuitive and useful,
people want to sign up. Then those people tell their friends about the prod-
uct and the user base starts to grow organically. Marketing campaigns
become more successful, because onboarding is more intuitive.
20 www.depalmastudios.com
When Ingram Barge contact used to redesign their fleet management ap-
plication (more about that in Chapter III) their IT team had already tried and
failed to deliver a solution. Ingram’s users rejected the application, costing
the company a significant amount of money.
The more complex your internal systems, the more time you’ll have to spend
training new hires how to use them. Longer onboarding processes raise the
cost of training, limit how quickly new team members can be productive, and
tie up IT resources during the training process.
This problem was exceptionally apparent in one of our recent projects with a
government contractor. During our research, we discovered a daily workflow
that took over two hours. As you can imagine, training new employees was
quite expensive.
21 www.depalmastudios.com
Higher Productivity & Happiness
But there’s a catch-22. Even if the application delivers the functionality its
audience needs, it won’t improve productivity if it’s not easy to use.
GE ran into this exact problem. And they solved it through UX design. The
result was a 100% increase in productivity.
22 www.depalmastudios.com
How a UX Redesign Saved GE $30 Million6
By 2010, General Electric had quietly grown into the world’s 14th largest
software developer by revenue. GE hadn’t necessarily planned to grow this
line up business, but the company had consistently built custom applica-
tions to satisfy the requests of clients.
Unfortunately, ad-hoc projects for clients did not translate into a scalable
system for employees. There was very little consistency among systems.
Redundant work and inefficiency reigned.
GE enlisted Frog Design to help consolidate their systems and create a new
standard for design across the organization.
23 www.depalmastudios.com
Building Enterprise Design Software
In the first year after the application launched, GE saved $30 million and
realized a 100% increase in productivity.
24 www.depalmastudios.com
III The Human-Centered
Design Process
Though no two human-centered design projects
are alike, we draw from the same kit of tools for
each of them.
IDEO
What follows is the process we use at DePalma — one that’s helped us de-
sign applications for some of the world’s largest organizations.
Our process is separated into five phases: Strategy, User Research, UX De-
sign, Building, and Launch & Analyze.
26 www.depalmastudios.com
While these phases are distinct, it’s also important to note that they often
overlap throughout the design process. Every project is different, so we
make sure to keep the process flexible.
Under each phase, we’ve listed the specific techniques that we apply to
create the design.
Strategy
Before any research or design work happens, we interview stakeholders to
ascertain several vital pieces of information:
• The business case you’re trying to solve your project
• Your vision for the project
• The budget and scope of the project
• The key performance indicators (KPIs) that best quantify success
• How to prioritize each KPI
In the beginning of a project, it’s natural to want to skip right to the visual de-
sign and other deliverables, like wireframes and prototypes. Those elements
feel more concrete. They’re easier to show to other stakeholders.
However, our experience has shown time and time again that investing in
strategy and research dramatically improves the performance of the final
UX design. The more data we can use to inform our decisions, the better.
With that in mind, the precise amount of time we spend on these two phases
is up to the client. Each project is different, and we keep our process flexible
to accomodate all types of requirements.
In the end, even a couple of days spent on strategy and research makes a
huge difference.
28 www.depalmastudios.com
User Research
Research
After the strategy is defined, we spend time researching the product’s tar-
geted end users. This helps us understand the most pressing problems our
audience is dealing with and the solutions they need to achieve their goals.
Here are the typical steps in our research, though these can be adjusted
based on the needs of the client:
Surveys: To look for patterns and help gather qualitative data, we use sur-
veys to gather feedback from large groups of users.
Dairy Studies: Users are asked to record their thoughts and experiences
with their work systems so designers can analyze them.
29 www.depalmastudios.com
Analysis
Once we’ve gathered enough research, we review our findings and spend
time interpreting what we’ve learned. Then we translate this insight into
models about the audience’s day-to-day work and interactions with their
work technology.
Mental Models: A mental model diagrams a user’s goals versus the tech-
nology available to them at work. Visualizing these data points helps identify
technology and workflow gaps that prevent people from accomplishing
their goals.
Personas: To aggregate and focus our research, we build user profiles for
each segment of our audience.
Use Cases: We create a list of steps that outline the interactions between
users and the system we’re redesigning.
30 www.depalmastudios.com
Ranging from logistics coordinators, to fleet dispatchers, to harbor boat
captains, the user base was eclectic, and notoriously difficult to please. In-
gram had already tried to build the application once, but failed because the
users rejected IT’s solution.
31 www.depalmastudios.com
Our research also helped us identify three overarching pain points:
1 Different user groups had different workflows for the same process.
2 Ingram’s legacy system created duplicate work for line haul captains
and fleet dispatchers.
3 Important information was hard to find or didn’t exist in Ingram’s lega-
cy system. This created a lack of transparency and added time to the
workflow process.
Equipped with these insights, we were able to tailor a UX design that served
each persona and workflow in this complex project.
UX Design
Once we’ve presented the findings of our research and analysis, we move
into UX design. This process visualizes the users’ current workflows, op-
timizes them for a new design, and finally, creates low-fidelity mockups of
design ideas for users to review.
Then we repeat the iteration process until the design has the full support of
users and stakeholders.
User Flows: This technique visualizes each step users take in their current
workflows to complete their tasks.
32 www.depalmastudios.com
Information Architecture: To optimize how users complete their work, we
identify each piece of data that’s collected throughout a workflow and orga-
nize these data points sequentially and thematically.
Wireframes are the most efficient vehicles for user feedback, because mak-
ing edits only requires a small amount of work.
After we presented the wireframes to Ingram Barge’s users, they all stood
up and applauded. Why? Because our research had gained their buy-in and
created something that would transform how they worked.
33 www.depalmastudios.com
Clickable Prototype: After the wireframes have been perfected, we create
a clickable prototype that more closely resembles the final version of the UX
design. These prototypes allow users to navigate the new design and get an
in-depth understand of what the final experience will be like.
Build
After iterating, refining, and validating the prototype with copious user feed-
back, we start building the final design. This is also where we develop the
front-end and back-end of the application.
Because front-end development has matured into its own full-fledged spe-
ciality, we’re often hired to build that part of the application. But we are capa-
ble of full-stack development, which would happen during this phase as well.
34 www.depalmastudios.com
Here’s how it goes:
Many clients don’t request any branding work at the beginning of the proj-
ect, but after the preferences of their users become more apparent, they
usually opt to improve their branding to better suit their audience.
High Fidelity Style Guide: We apply the fonts, color palettes, and other pix-
el-perfect elements that evolve the interactive prototype into a fully-realized
design.
Design-Only Sprint 0
(macro)
Release 1
Design
Release 2
Scope
Design
Release 3
Scope
Agile
35 www.depalmastudios.com
*If we’re not contracted to perform the front-end development, we always
work in tandem with our clients’ in-house development team. They attend
our design meetings, so we can ensure our designs are feasible from a pro-
ductions standpoint.
Once the UX design and front-end development are complete, we’ll help the
client launch their application. Even at this stage, we continue to gather user
feedback, so we can continue to optimize the application.
Bug Support: If any bugs surface after the application launches, we’ll rapidly
troubleshoot and resolve the issue.
36 www.depalmastudios.com
New Feature Requests: Once the UX design of the application is launched,
we’ll plan and build any new features that the client requests.
Ongoing User Research & Analysis: After the application is live, we con-
tinue our research by monitoring how users interact with the software and
fielding any feedback they provide us.
37 www.depalmastudios.com
IV The Business Case
for Human-Centered
Design
Good design is good for business. We are
convinced that good design can materially help
make a good product reach its full potential.
Thomas J. Watson,
Former President, IBM
39 www.depalmastudios.com
Investing in UX Design is Good for Business
Whenever a study measures the ROI of UX design, the results seem to vali-
date an investment in the discipline. There is a pattern of UX design produc-
ing business value.
40 www.depalmastudios.com
Case Study: How Bank of America
Correlated Better UX to Financial Value8
Noticing a Pattern
Giving UX a KPI
The product manager began working with the design team to develop a
metric they dubbed “yield,” which measured the percentage of people who
completed enrollment out of all those who started.
By tying that dollar amount to an increase in yield, the product manager and
her design team colleagues could calculate Bank of America’s bottom line
improvement when yield increased.
Armed with this information, the design team tested prototypes of a new UX
until they arrived at a design that doubled their yield metric.
41 www.depalmastudios.com
The Takeaway
Not consulting users in the beginning of the design process can lead to
additional expenses later in the project. If you wait until after an application
has launched to get user feedback, developers will have to make expensive
changes to the application’s code.
Plus, you’ll have more things to change, because the UX design wasn’t vali-
dated with its end-users.
42 www.depalmastudios.com
Short-Term Redesigns
If your design decisions aren’t verified early and often, there’s a chance
you’ll launch your product or application and have to redesign it within six
months.
User Churn
Redesigning your product doesn’t guarantee people will like it. Without user
feedback to guide the direction of your design, you’re investing a significant
amount of resources with no assurances that users won’t still leave in the
end.
In addition to the risks, you’ll also forfeit many of the rewards that come
along with human-centered design:
• Lower training costs
• Increased user adoption / acquisition
• Higher user productivity and happiness
43 www.depalmastudios.com
V Should You Build a
UX Team or Hire an
Agency?
Now we arrive at the age-old question: should you build a team or partner
with an agency?
To make your task less daunting, we’ll discuss the advantages, limitations,
and best practices for each approach.
In order to match the standard you’ll get from an agency, your in-house team
should also include management personnel that guide the creative direction
of the project and ensure it stays on schedule.
45 www.depalmastudios.com
Here’s a breakdown of a typical UX design team, and where “UX Designers”
(a very broad term in and of itself) respective skill sets tend to categorize
themselves:
UX Researcher
UX Designer
Translates the user research into an optimized workflow using the informa-
tion architecture process. After the workflow has been refined, UX design-
ers will create wireframes that outline the new user flow and app design.
Visual Designer
Evolves the wireframes into a pixel perfect version of the final application
design. Visual designers apply color palettes, typefaces, and other brand
standards to turn the wireframes into an aesthetically pleasing user inter-
face.
46 www.depalmastudios.com
Content Strategist
Works with the UX designer and visual designer to plan the content that
users will interact with throughout the application. While designers focus on
creating an intuitive visual experience, content strategists make sure users
find the right content at the right time in their workflow.
Creative Director
Orchestrates the entire human-centered design process. Creative directors
often help visual designers develop new brand guidelines, give feedback on
wireframes and prototypes of UX designers, and collaborate with content
strategists.
Project Manager
47 www.depalmastudios.com
Strategy Launch
• Interviews
Research
UX Process Production
• Visual Design
• Observations • Development
• Surveys • Technical Testing
Analysis Design
48 www.depalmastudios.com
You’re Integrating UX into Your Organization.
UX design is quickly becoming the key differentiator for products and ser-
vices of all industries. By building a full-fledged UX team, you’re hiring talent
that can have a tremendous impact on not only your product, but also on
your entire organization.
What do your UX designers do after that issue has been resolved? If you’re
going to bring on in-house UX resources, you need to make sure they’ll have
consistent work once your primary project is completed.
49 www.depalmastudios.com
Working on the same project for an extended period time can imbue a
designer with a substantial amount of specialized knowledge, but it may
stagnate the overall standard of their creative work.
Like all digital skills, UX design requires tools of the trade. Part of assembling
an in-house design team is equipping them with the necessary technology
to do their job. Which of course, comes at an additional cost.
50 www.depalmastudios.com
UX Agency Must-Haves
A Research-First Process
A Senior UX Leader
Although human-centered design has been around for some time, the skill
of translating the principles to create digital products is still relatively new.
A lot of agencies may have UX designers on staff, but the influence of a se-
nior UX leader will make a tremendous difference on the creative standard
an agency is able to deliver.
If an agency doesn’t have at least a few UX-specific case studies, it’s fair to
assume they haven’t done that much UX work.
51 www.depalmastudios.com
An Incremental Approach to Design
First, it’s nearly impossible to perfectly estimate the cost of design work
based on a few conversations. Dividing the work up makes it easier to per-
fect subsequent estimates over time.
Overall, this approach enables the design team to perform work faster and
more efficiently, while also perfecting their cost estimates.
52 www.depalmastudios.com
A Team of Specialists
And the price is often comparable to hiring a single mid-level designer in-
house.
Any agency worth hiring will follow tried and true processes that they’ve re-
fined from years of client work. Whether it’s through higher quality research,
53 www.depalmastudios.com
risk mitigation through iteration, or simply consistent communication, a
systematic workflow will repeatedly deliver value throughout the design
process.
And even then, their capabilities will be exponentially lower than those of an
agency.
If you do hire someone full-time, it’s important to consider what that person
will do after they’ve completed the big UX project that’s on your mind right
now. Will they have enough work to continue justifying their value?
Agency relationships can be turned on and off as needed, giving you greater
control over ongoing costs.
54 www.depalmastudios.com
Disadvantages of Hiring an Agency
Let’s face it. Agencies will say what they have to in order to close a deal —
particularly in software development. That leads to a lot of “oh yeah, we can
do that,” and other empty talk when you’re trying to understand an agency’s
capabilities.
Agencies who commit too quickly to budgets and timelines should also raise
some red-flags for you. Experienced UX practitioners will carefully study
your project requirements before proposing anything concrete. If it feels like
the process is moving too fast, then it probably is.
It’s common for agencies to specialize in certain industries, and this is true
in UX design as well.
55 www.depalmastudios.com
VI Human-Centered
Design at DePalma
DePalma Studios was conceived as a UX design firm. Not as a print agen-
cy who pivoted to digital. Not as a marketing agency who’s using graphic
designers to build a user experience.
Even though we’ve grown into a full-stack development shop, we have been
and always will be a UX design agency.
It’s our belief that putting humans at the center of the design process is the
only way to solve the complex technological problems facing organizations
around the world.
That’s why we’ve used the very same process we’ve outlined in this guide to
help Fortune 500 companies, local governments, healthcare organizations
and small startups build applications that their users love.
If you have a project you’re working on, or if you want our input on a chal-
lenge your organization is facing, email us at workwith@depalmastudios.
com.
We’ll set you up with a free consultation with our Director of User Experience
and co-author of this ebook, Pavel Bukengolts.
57 www.depalmastudios.com
VII Sources
1
http://www.nea.com/blog/the-future-of-design-in-start-ups-
survey-2016-results
2
https://www.scientificamerican.com/article/5-of-the-best-de-
signed-products-ever-mdash-and-what-made-them-great1
3
https://pragmaticmarketing.com/resources/articles/clean-cut-
ting-edge-ui-design-cuts-mcafees-support-calls-by-90
4
https://www.dtelepathy.com/blog/products/how-to-reduce-
churn-with-ux
5
https://uxdesign.cc/improving-conversion-rates-by-75-just-fix-
ing-minor-ux-problems-case-study-7761cd00ba1a
6
https://www.frogdesign.com/portfolio/ge-ux-centers-of-excel-
lence
7
https://www.dmi.org/page/2015DVIandOTW?
8
http://www.adaptivepath.com/uploads/documents/apr-005_
businessvalue.pdf
Need to build an app your users will love?
We know what to do.
Email us at [email protected]
depalmastudios.com
59 www.depalmastudios.com