Web Trends 2016
-
Upload
tom-osborne -
Category
Internet
-
view
7.606 -
download
1
Transcript of Web Trends 2016
![Page 1: Web Trends 2016](https://reader031.fdocuments.net/reader031/viewer/2022022412/58f9b360760da3da068bd57a/html5/thumbnails/1.jpg)
Winter 2016
Tom Osborne, Design Director at Viget
![Page 2: Web Trends 2016](https://reader031.fdocuments.net/reader031/viewer/2022022412/58f9b360760da3da068bd57a/html5/thumbnails/2.jpg)
![Page 3: Web Trends 2016](https://reader031.fdocuments.net/reader031/viewer/2022022412/58f9b360760da3da068bd57a/html5/thumbnails/3.jpg)
● Three villains–what to beware of
● Hero trends–what to focus on instead
Illu
stra
tion
by
Jose
ph
Le
![Page 4: Web Trends 2016](https://reader031.fdocuments.net/reader031/viewer/2022022412/58f9b360760da3da068bd57a/html5/thumbnails/4.jpg)
Templates and automated design tools help
us get online but they don’t help us get
noticed.
Villain #1
Illu
stra
tion
by
Jose
ph
Le
![Page 5: Web Trends 2016](https://reader031.fdocuments.net/reader031/viewer/2022022412/58f9b360760da3da068bd57a/html5/thumbnails/5.jpg)
“In the act of creativity, being careful guarantees sameness and mediocrity, which means
your work will be invisible.” George Lois, author of “Damn Good Advice”
Source: Damn Good Advice (For People with Talent!): How To Unleash Your Creative Potential
![Page 6: Web Trends 2016](https://reader031.fdocuments.net/reader031/viewer/2022022412/58f9b360760da3da068bd57a/html5/thumbnails/6.jpg)
Extensive template galleries offer designs for many different platforms. They offer good structure and elegantly designed frameworks. However, if not customized they won’t differentiate enough to help us stand out.
![Page 7: Web Trends 2016](https://reader031.fdocuments.net/reader031/viewer/2022022412/58f9b360760da3da068bd57a/html5/thumbnails/7.jpg)
Platforms like The Grid promise to automate and curate designs based on your content. This is progress in an interesting direction but will it be enough to get noticed?
![Page 8: Web Trends 2016](https://reader031.fdocuments.net/reader031/viewer/2022022412/58f9b360760da3da068bd57a/html5/thumbnails/8.jpg)
Brands that use relevant imagery through illustration, photography, video, or infographics will create more memorability within their market sector.
![Page 9: Web Trends 2016](https://reader031.fdocuments.net/reader031/viewer/2022022412/58f9b360760da3da068bd57a/html5/thumbnails/9.jpg)
Brands that we visit often will offer more content custom tailored to our likes and interest as they get to know us better.
![Page 10: Web Trends 2016](https://reader031.fdocuments.net/reader031/viewer/2022022412/58f9b360760da3da068bd57a/html5/thumbnails/10.jpg)
Spend valuable time on your narrative through well
articulated text and supporting visuals.
Low End: DIY
Middle: Find a freelancer High End: Hire a designer or agency.
![Page 11: Web Trends 2016](https://reader031.fdocuments.net/reader031/viewer/2022022412/58f9b360760da3da068bd57a/html5/thumbnails/11.jpg)
The demand for online video and interactive
entertainment is on the rise as is the use of
mobile devices. Cost prohibitive data plans
mean that it will still be important for the
web to be fast, light, and snappy.
Villain #2
Illu
stra
tion
by
Jose
ph
Le
![Page 12: Web Trends 2016](https://reader031.fdocuments.net/reader031/viewer/2022022412/58f9b360760da3da068bd57a/html5/thumbnails/12.jpg)
Syndacast predicts 74% of all internet traffic
in 2017 will be video.
Source: Syndacast.com
![Page 13: Web Trends 2016](https://reader031.fdocuments.net/reader031/viewer/2022022412/58f9b360760da3da068bd57a/html5/thumbnails/13.jpg)
Netflix, Amazon, Hulu, YouTube, HBO, ESPN, and so many more are fighting for our screen time. In the music biz, Pandora, Spotify, Apple Music and more are doing the same.
![Page 14: Web Trends 2016](https://reader031.fdocuments.net/reader031/viewer/2022022412/58f9b360760da3da068bd57a/html5/thumbnails/14.jpg)
The rise in streaming content comes after recent pushes by Microsoft, Apple, Google, and more to “flatten” design to help speed up delivery of graphical elements.
Source: flatvsrealism.com
![Page 15: Web Trends 2016](https://reader031.fdocuments.net/reader031/viewer/2022022412/58f9b360760da3da068bd57a/html5/thumbnails/15.jpg)
As consumers, we want to find what we’re looking for quickly and easily. Then once we find something we watch, listen, play, read, learn, and experience deeply.
Source: Apple.com
![Page 16: Web Trends 2016](https://reader031.fdocuments.net/reader031/viewer/2022022412/58f9b360760da3da068bd57a/html5/thumbnails/16.jpg)
Don’t overwhelm your audience with too many
choices.
Be cautious and wise with use of data-sapping content.
Quickly get users to useful, immersive, and enjoyable
destinations.
![Page 17: Web Trends 2016](https://reader031.fdocuments.net/reader031/viewer/2022022412/58f9b360760da3da068bd57a/html5/thumbnails/17.jpg)
As we age, more of us will encounter
disabilities — visual, hearing, mobility, or
cognitive. Our tolerance for prohibitive
access will decrease.
Villain #3
Illu
stra
tion
by
Jose
ph
Le
![Page 18: Web Trends 2016](https://reader031.fdocuments.net/reader031/viewer/2022022412/58f9b360760da3da068bd57a/html5/thumbnails/18.jpg)
“In the US, about 75 million people have some type ofphysical disability.”
Source: Disabled-world.com
![Page 19: Web Trends 2016](https://reader031.fdocuments.net/reader031/viewer/2022022412/58f9b360760da3da068bd57a/html5/thumbnails/19.jpg)
“Of today's 20 year-olds, just over 1 in 4 will become disabled
before they retire.”
Source: Disabled-world.com
![Page 20: Web Trends 2016](https://reader031.fdocuments.net/reader031/viewer/2022022412/58f9b360760da3da068bd57a/html5/thumbnails/20.jpg)
Most families have or will have a loved one with some form of impairment. The more we embrace the idea that technology is designed to help us all, the more we’ll see beneficial business opportunities.
![Page 21: Web Trends 2016](https://reader031.fdocuments.net/reader031/viewer/2022022412/58f9b360760da3da068bd57a/html5/thumbnails/21.jpg)
Well-formatted, machine-readable text benefits both search engine optimization and screen reading technology for visual impairments.
![Page 22: Web Trends 2016](https://reader031.fdocuments.net/reader031/viewer/2022022412/58f9b360760da3da068bd57a/html5/thumbnails/22.jpg)
Font style, text size, and color contrast all contribute to better readability.
Source: Viget.com
![Page 23: Web Trends 2016](https://reader031.fdocuments.net/reader031/viewer/2022022412/58f9b360760da3da068bd57a/html5/thumbnails/23.jpg)
Studies have shown that imagery paired with text leads to faster comprehension.
![Page 24: Web Trends 2016](https://reader031.fdocuments.net/reader031/viewer/2022022412/58f9b360760da3da068bd57a/html5/thumbnails/24.jpg)
Be a good web citizen. Educate yourself on barriers to
comprehension and access.
Hire an expert, if you need to.Be inclusive, to those of us with disabilities and impairments by
implementing good accessibility practices.
![Page 25: Web Trends 2016](https://reader031.fdocuments.net/reader031/viewer/2022022412/58f9b360760da3da068bd57a/html5/thumbnails/25.jpg)
Sameness Bloat Exclusion
![Page 26: Web Trends 2016](https://reader031.fdocuments.net/reader031/viewer/2022022412/58f9b360760da3da068bd57a/html5/thumbnails/26.jpg)
At the end of the day, it’s unique, interesting, and useful content that draws us in and keeps us coming back for more.
When wayfinding works in understandable, sensible, and predictable ways, we find better destinations more quickly and consume them deeply.
Inclusive and accessible content is best for humanity and a tremendous business opportunity for anyone looking to gain an edge on competition. The web is meant for us all.
Sameness Bloat Exclusion
![Page 27: Web Trends 2016](https://reader031.fdocuments.net/reader031/viewer/2022022412/58f9b360760da3da068bd57a/html5/thumbnails/27.jpg)
I’m a designer that leads a team of designers at
Viget. We design and build extraordinary web-
based software for a variety of clients from many
different industries. Learn more at Viget.com.
Twitter: _@troz or @viget
Thanks for listening.
Villain #4
![Page 28: Web Trends 2016](https://reader031.fdocuments.net/reader031/viewer/2022022412/58f9b360760da3da068bd57a/html5/thumbnails/28.jpg)
● Squarespace: http://www.squarespace.com/
● The Grid: https://thegrid.io/
● Freelancer.com: https://www.freelancer.com/
● Fiverr: https://www.fiverr.com/
● Upwork: https://www.upwork.com/
● Flat vs. Realism: http://www.flatvsrealism.com/
● Disabled World: http://www.disabled-world.com/
● WebAIM: http://webaim.org/
● Color Contrast: https://viget.com/inspire/color-contrast
● 2015 Design Trends: https://2015.avocode.com/
![Page 29: Web Trends 2016](https://reader031.fdocuments.net/reader031/viewer/2022022412/58f9b360760da3da068bd57a/html5/thumbnails/29.jpg)
● Designing with banner advertising: https://viget.com/work/wral
● Designing for accessibility: https://viget.com/inspire/designing-for-accessibility-what-to-watch-for
● Accessibility in projects: https://viget.com/inspire/how-to-implement-accessibility-in-agency-projects-part-1
● Accessibility costs: https://viget.com/advance/accessibilitys-costs-are-lower-than-you-think
● How to work with designers: https://abookapart.com/products/youre-my-favorite-client
![Page 30: Web Trends 2016](https://reader031.fdocuments.net/reader031/viewer/2022022412/58f9b360760da3da068bd57a/html5/thumbnails/30.jpg)
● Xerox: http://www.office.xerox.com/latest/COLFS-02UA.PDF
● Syndacast: http://syndacast.com/video-marketing-statistics-trends-2015/
● Ooyala: http://go.ooyala.com/rs/447-EQK-225/images/Ooyala-Global-Video-Index-Q2-2015.pdf
● DisabledWorld: http://www.disabled-world.com/disability/statistics/
● Viget: https://viget.com/inspire/color-contrast
● NeoMam: http://neomam.com/interactive/13reasons/
● A List Apart: http://alistapart.com/article/accessibilityseo
![Page 31: Web Trends 2016](https://reader031.fdocuments.net/reader031/viewer/2022022412/58f9b360760da3da068bd57a/html5/thumbnails/31.jpg)
This presentation is available on Slideshare.net at: http://www.slideshare.net/trozbo/web-trends-2016