#1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"
-
Upload
one-north-interactive -
Category
Marketing
-
view
63 -
download
0
Transcript of #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"
![Page 1: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"](https://reader031.fdocuments.us/reader031/viewer/2022022202/5882c0b91a28abb2478b5ed5/html5/thumbnails/1.jpg)
NOV 2-4, 2016
Design HealthAdopting a Digital “Lifestyle Change”
![Page 2: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"](https://reader031.fdocuments.us/reader031/viewer/2022022202/5882c0b91a28abb2478b5ed5/html5/thumbnails/2.jpg)
NOV 2-4, 2016
Michael Correy@michaelcorrey
Alexa Tuskey@LaserTuskey
![Page 3: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"](https://reader031.fdocuments.us/reader031/viewer/2022022202/5882c0b91a28abb2478b5ed5/html5/thumbnails/3.jpg)
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"](https://reader031.fdocuments.us/reader031/viewer/2022022202/5882c0b91a28abb2478b5ed5/html5/thumbnails/4.jpg)
![Page 5: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"](https://reader031.fdocuments.us/reader031/viewer/2022022202/5882c0b91a28abb2478b5ed5/html5/thumbnails/5.jpg)
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"](https://reader031.fdocuments.us/reader031/viewer/2022022202/5882c0b91a28abb2478b5ed5/html5/thumbnails/6.jpg)
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"](https://reader031.fdocuments.us/reader031/viewer/2022022202/5882c0b91a28abb2478b5ed5/html5/thumbnails/7.jpg)
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"](https://reader031.fdocuments.us/reader031/viewer/2022022202/5882c0b91a28abb2478b5ed5/html5/thumbnails/8.jpg)
NOV 2-4, 2016
The Two Types of Patients
![Page 9: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"](https://reader031.fdocuments.us/reader031/viewer/2022022202/5882c0b91a28abb2478b5ed5/html5/thumbnails/9.jpg)
NOV 2-4, 2016
Scenario 1
![Page 10: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"](https://reader031.fdocuments.us/reader031/viewer/2022022202/5882c0b91a28abb2478b5ed5/html5/thumbnails/10.jpg)
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"](https://reader031.fdocuments.us/reader031/viewer/2022022202/5882c0b91a28abb2478b5ed5/html5/thumbnails/11.jpg)
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"](https://reader031.fdocuments.us/reader031/viewer/2022022202/5882c0b91a28abb2478b5ed5/html5/thumbnails/12.jpg)
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"](https://reader031.fdocuments.us/reader031/viewer/2022022202/5882c0b91a28abb2478b5ed5/html5/thumbnails/13.jpg)
NOV 2-4, 2016
Scenario 2
![Page 14: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"](https://reader031.fdocuments.us/reader031/viewer/2022022202/5882c0b91a28abb2478b5ed5/html5/thumbnails/14.jpg)
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"](https://reader031.fdocuments.us/reader031/viewer/2022022202/5882c0b91a28abb2478b5ed5/html5/thumbnails/15.jpg)
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"](https://reader031.fdocuments.us/reader031/viewer/2022022202/5882c0b91a28abb2478b5ed5/html5/thumbnails/16.jpg)
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"](https://reader031.fdocuments.us/reader031/viewer/2022022202/5882c0b91a28abb2478b5ed5/html5/thumbnails/17.jpg)
NOV 2-4, 2016
A Solid Foundation
![Page 18: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"](https://reader031.fdocuments.us/reader031/viewer/2022022202/5882c0b91a28abb2478b5ed5/html5/thumbnails/18.jpg)
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"](https://reader031.fdocuments.us/reader031/viewer/2022022202/5882c0b91a28abb2478b5ed5/html5/thumbnails/19.jpg)
NOV 2-4, 2016
The Healthcare Cycle
![Page 20: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"](https://reader031.fdocuments.us/reader031/viewer/2022022202/5882c0b91a28abb2478b5ed5/html5/thumbnails/20.jpg)
![Page 21: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"](https://reader031.fdocuments.us/reader031/viewer/2022022202/5882c0b91a28abb2478b5ed5/html5/thumbnails/21.jpg)
![Page 22: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"](https://reader031.fdocuments.us/reader031/viewer/2022022202/5882c0b91a28abb2478b5ed5/html5/thumbnails/22.jpg)
![Page 23: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"](https://reader031.fdocuments.us/reader031/viewer/2022022202/5882c0b91a28abb2478b5ed5/html5/thumbnails/23.jpg)
![Page 24: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"](https://reader031.fdocuments.us/reader031/viewer/2022022202/5882c0b91a28abb2478b5ed5/html5/thumbnails/24.jpg)
NOV 2-4, 2016
Check-ups & Audits
![Page 25: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"](https://reader031.fdocuments.us/reader031/viewer/2022022202/5882c0b91a28abb2478b5ed5/html5/thumbnails/25.jpg)
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"](https://reader031.fdocuments.us/reader031/viewer/2022022202/5882c0b91a28abb2478b5ed5/html5/thumbnails/26.jpg)
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"](https://reader031.fdocuments.us/reader031/viewer/2022022202/5882c0b91a28abb2478b5ed5/html5/thumbnails/27.jpg)
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"](https://reader031.fdocuments.us/reader031/viewer/2022022202/5882c0b91a28abb2478b5ed5/html5/thumbnails/28.jpg)
NOV 2-4, 2016
“When you’re finished changing,you’re finished.”–BENJAMIN FRANKLIN
![Page 29: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"](https://reader031.fdocuments.us/reader031/viewer/2022022202/5882c0b91a28abb2478b5ed5/html5/thumbnails/29.jpg)
NOV 2-4, 2016
Routines & Innovation
![Page 30: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"](https://reader031.fdocuments.us/reader031/viewer/2022022202/5882c0b91a28abb2478b5ed5/html5/thumbnails/30.jpg)
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"](https://reader031.fdocuments.us/reader031/viewer/2022022202/5882c0b91a28abb2478b5ed5/html5/thumbnails/31.jpg)
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"](https://reader031.fdocuments.us/reader031/viewer/2022022202/5882c0b91a28abb2478b5ed5/html5/thumbnails/32.jpg)
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"](https://reader031.fdocuments.us/reader031/viewer/2022022202/5882c0b91a28abb2478b5ed5/html5/thumbnails/33.jpg)
NOV 2-4, 2016
Real World Examples
![Page 34: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"](https://reader031.fdocuments.us/reader031/viewer/2022022202/5882c0b91a28abb2478b5ed5/html5/thumbnails/34.jpg)
![Page 35: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"](https://reader031.fdocuments.us/reader031/viewer/2022022202/5882c0b91a28abb2478b5ed5/html5/thumbnails/35.jpg)
2008 2015 2016
![Page 36: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"](https://reader031.fdocuments.us/reader031/viewer/2022022202/5882c0b91a28abb2478b5ed5/html5/thumbnails/36.jpg)
![Page 37: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"](https://reader031.fdocuments.us/reader031/viewer/2022022202/5882c0b91a28abb2478b5ed5/html5/thumbnails/37.jpg)
2008 2014 2016
![Page 38: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"](https://reader031.fdocuments.us/reader031/viewer/2022022202/5882c0b91a28abb2478b5ed5/html5/thumbnails/38.jpg)
![Page 39: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"](https://reader031.fdocuments.us/reader031/viewer/2022022202/5882c0b91a28abb2478b5ed5/html5/thumbnails/39.jpg)
2008 2012 2016
![Page 40: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"](https://reader031.fdocuments.us/reader031/viewer/2022022202/5882c0b91a28abb2478b5ed5/html5/thumbnails/40.jpg)
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"](https://reader031.fdocuments.us/reader031/viewer/2022022202/5882c0b91a28abb2478b5ed5/html5/thumbnails/41.jpg)
NOV 2-4, 2016
Questions?
![Page 42: #1NLab16 - Design Health: Adopting a Digital "Lifestyle Change"](https://reader031.fdocuments.us/reader031/viewer/2022022202/5882c0b91a28abb2478b5ed5/html5/thumbnails/42.jpg)
NOV 2-4, 2016
Design HealthAdopting a Digital “Lifestyle Change”