42
NOV 2-4, 2016 Design Health Adopting a Digital “Lifestyle Change”

#1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"

Embed Size (px)

Citation preview

Page 1: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"

NOV 2-4, 2016

Design HealthAdopting a Digital “Lifestyle Change”

Page 2: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"

NOV 2-4, 2016

Michael Correy@michaelcorrey

Alexa Tuskey@LaserTuskey

Page 3: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"

NOV 2-4, 2016

How many of you have had a check-up

with your doctor this year?

Page 4: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"
Page 5: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"

NOV 2-4, 2016

How many of your websites have had a

check-up this year?

Page 6: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"

NOV 2-4, 2016

Stats

§ Given 15 minutes to consume content, two-thirds of peoplewould rather read something beautifully designed thansomething plain. (Source: Adobe)

§ 39% of people will stop engaging with a website if imageswon’t load or take too long to load. (Source: Adobe)

§ 38% of people will stop engaging with a website if thecontent/layout is unattractive. (Source: KoMarketing)

Page 7: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"

NOV 2-4, 2016

Even More Stats

§ 47% of people expect a web page to load in 2 secondsor less (Source: Econsultancy)

§ You have 10 seconds to leave an impression and tell themwhat they’ll get out of your website and company. After this time (and oftentimes before), they’ll leave(Source: NN Group)

Page 8: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"

NOV 2-4, 2016

The Two Types of Patients

Page 9: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"

NOV 2-4, 2016

Scenario 1

Page 10: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"

NOV 2-4, 2016

“I am here for my yearly checkup. What am I

doing well and what do I need to improve upon

with my health?”

Page 11: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"

NOV 2-4, 2016

“My site was recently built/redesigned within the

last three years. What can I do to keep it fresh

and make it better?”

Page 12: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"

NOV 2-4, 2016

Examples

§ Already responsive, but would like to add more current and up-to-date technology

§ Content/Photography needs refreshing

§ Brand has evolved and needs to be reflected

§ Load speeds are slow and need to be increased

§ Cosmetic/aesthetic updates

Page 13: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"

NOV 2-4, 2016

Scenario 2

Page 14: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"

NOV 2-4, 2016

“I am severely sick/out of shape. I need to change

my life. How do I begin again, the right way?”

Page 15: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"

NOV 2-4, 2016

“I can’t remember the last time I redesigned my

site/have never even touched it. How do I rebuild

it the right way?”

Page 16: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"

NOV 2-4, 2016

Examples

§ Site isn’t responsive

§ Current grid structure no longer works with the content

§ Using outdated code/technology

§ Site is unattractive, contrast is bad, imagery is dated

§ Too many to list!

Page 17: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"

NOV 2-4, 2016

A Solid Foundation

Page 18: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"

NOV 2-4, 2016

“Designers of the future should be like architects. We need to aspire to design and build beautiful

things that last.”

–CHRISTIAN MILLER, OWNER/CURATOR OF ATTACKTHEFRONT.IO

Page 19: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"

NOV 2-4, 2016

The Healthcare Cycle

Page 20: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"
Page 21: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"
Page 22: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"
Page 23: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"
Page 24: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"

NOV 2-4, 2016

Check-ups & Audits

Page 25: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"

NOV 2-4, 2016

“Digital web design is like painting, except the paint never dries.”

–NEVILLE BRODY, FOUNDER OF BRODY ASSOCIATES

Page 26: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"

NOV 2-4, 2016

Why Get a Website Audit?

§ Digital design is never permanent

§ Web trends are cyclical

§ Up-to-date content is imperative

§ Websites should look good from the inside out (clean code, keywords, no Flash)

§ Technologies are always advancing

Page 27: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"

NOV 2-4, 2016

Prevention

§ Most important reason to give your website a yearly auditis PREVENTION, even if the site is new and healthy

§ Aids in determining risk factors for your site

§ Saves you money in the long run

§ Advice for moving forward

Page 28: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"

NOV 2-4, 2016

“When you’re finished changing,you’re finished.”–BENJAMIN FRANKLIN

Page 29: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"

NOV 2-4, 2016

Routines & Innovation

Page 30: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"

NOV 2-4, 2016

“Innovation means taking risks, exploring new avenues,

and making the most of opportunities. It does not mean

doing things just because you can. There needs to be a

focus on what matters, and what matters is not technology,

but the people who use the technology.”

–CHRIS LAKE, CEO AT EMPIRICALPROOF

Page 31: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"

NOV 2-4, 2016

How Do We Build a Solid Foundation?

§ Striking a balance between best practices and trends

§ It’s good to take risks to push ourselves to stay creative

§ Innovation for the sake of the user is key

§ There’s a big difference between taking risks in major functionality decisions versus small enhancements that don’t affect usability

Page 32: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"

NOV 2-4, 2016

Foundations or Ace Bandages?

§ False foundations: diets are not blueprints for the future

§ You must make a lifestyle change

§ Are you cherry-picking elements because you like the way they look, or are you thinking about how they’re going tolook down the road?

§ Will you have to drop these features eventually because they’re depriving your users of a real experience?

Page 33: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"

NOV 2-4, 2016

Real World Examples

Page 34: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"
Page 35: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"

2008 2015 2016

Page 36: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"
Page 37: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"

2008 2014 2016

Page 38: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"
Page 39: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"

2008 2012 2016

Page 40: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"

NOV 2-4, 2016

In Conclusion…

§ Preventative audits are key for your site’s health

§ Stay current with technology, but implement trends wisely

§ If your site is up to date, measure and maintain with self-checkups

§ If it’s time for an overhaul, lay down a solid foundation

§ Iterative updating over time is the best way to save yourcompany time and money

Page 41: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"

NOV 2-4, 2016

Questions?

Page 42: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"

NOV 2-4, 2016

Design HealthAdopting a Digital “Lifestyle Change”