SlideShare a Scribd company logo
| |February 2016
1CIOReview
T h e N a v i g a t o r f o r E n t e r p r i s e S o l u t i o n s
CIOREVIEW.COM
ENTERPRISE WEB APPLICATION SPECIAL
A10 Networks:A10 Networks:
Accelerated
Web Application
Performance
Accelerated
Web Application
Performance
FEBRUARY 02 - 2016
Lee Chen,
Founder & CEO
Justin Baird,
Director of Application Development,
CubeSmart
Justin Baird,
Director of Application Development,
CubeSmart
IN MY OPINIONIN MY OPINION
CIO INSIGHTSCIO INSIGHTS
Jeff Cann,
Chief Strategist & CIO,
Encore Electric Inc.
Jeff Cann,
Chief Strategist & CIO,
Encore Electric Inc.
WWW –What’s
with theWebBy Shawn Spartz, Director-Creative, Development & IT Operations, Graydient Creative
Why a Website?
A website is the reflection of a brand and with more than
3-billion users worldwide, the internet provides the greatest
reach available to marketers and advertisers today. With access
limited only by connectivity, this is truly the age of global
reach. Since its initial public release in 1991, the internet has
seen a world of changes, while it’s integration with daily life
has become more and more involved.
To gain perspective on the transformations we’ve
experienced thus far, let’s take a look at computing devices,
both then and now. In the same year of the internet’s launch
came Apple’s Powerbook 100, the first laptop of it’s time to
feature a keyboard with the pointing device positioned beneath
it (a trend all laptop makers continue to this day). This piece
of history debuted with internal memory of 2-8MB and a
monochromatic 640x400 pixel display. For comparison, the
latest iPhone 6S boasts internal memory of 2GB (a 1,000
percent increase) with a retina display resolution of 1920x1080.
If there’s one thing that’s constant about technology, it’s
change, and that goes for the web industry as well. Trends in
content, design and development are coming and going, which
is why we have a dedicated web team to keep up with what’s
current.
Respond with Responsive
In the past, websites occasionally had a mobile version that
would display when specific screen dimensions were detected.
These sites were often a condensed version of their desktop
counterparts, with limited navigation and an equal maintenance
required. Given the literal difference between mobile and
desktop websites, information readily available on a desktop
might often be redirected to a mobile version, leaving users
confused and likely to navigate away.
One trend that is not new, but continues to grow as screen
sizes shrink (and expand again) is responsive design. Ranging
from projected screens to mobile devices and everything in
between, having a website that will render beautifully across
any sized screen will ensure a positive brand interaction for
all users. In addition, responsive websites are a hit with recent
Google search updates, as they meet and exceed all mobile
friendly requirements, and require content updates in just one
place. Easier to use for your customers and content managers?
What’s not to love about responsive?
Embrace the Scroll
In the day of newspaper design, the term “above the fold”
was coined to indicate the portion of the paper that was
visible, even while folded in half. Many great minds have
this idea engrained, leading them to believe that all important
information needs to be listed in the initial viewport of a web
page.
A recent analysis of 25 million user sessions by ChartBeat*
notes that with today’s mobile generation, scrolling often
begins even before the page fully loads. Provided you have
quality content, people will seek it or be led there by intentional
placement of the content surrounding it. The only way users
Ranging from projected
screens to mobile devices
and everything in between,
having a website that will
render beautifully across
any sized screen will ensure
a positive brand interaction
for all users
CXO INSIGHTS
will see a fold is if you create one, so
avoid boxing in your content and ensure
you are leading your users to all points
of your page.
Déjà View: Patterns for User
Experience
Given the number of choices
one is surrounded with daily,
it’s no surprise that accommo-
dating for decision fatigue is a
current best practice. The use of
icons and patterns allows users
to easily recognize
functions and form
without any ad-
ditional education
required.
One example
of a commonly
used pattern is full
width imagery
with supporting
copy and information available when
scrolling further. This trend aims to en-
hance emotions, with breathtaking visuals
that allow visitors a more immersive web
experience.
Among the web community, there is
much debate around the mouth-watering
menu icon: the hamburger. Depicted by
three horizontally placed parallel lines, if
you’ve used the internet on a device other
than a desktop computer, you have seen
it at least 100 times. On the other hand,
it may have taken you a moment to envi-
sion it when simply described. The fact
that you may not identify this list-like im-
age with a menu, outside the context of a
mobile website, demonstrates the effective
use of icons.
You are NotYour User
In the past, websites were seen as the
place for personal promotion. Things have
changed, however, as Generations X and
Y demand businesses to instead make it all
about them. To satisfy this, content strat-
egy has emerged.
Definitions of content strategy vary,
but in context of the internet, it can be
summarized in the same objectives as a
website: Achieving business goals, ob-
jectives, and brand awareness by pro-
viding users the information they seek
- whenever and wherever that may be.
In other words, anticipating the needs of
the user and giving them what they’re
looking for, wherever they’re looking
for it (location or platform), will increase
business and buzz. A related trend and
best practice is a content-first approach
to website design. This ensures the user
is put at the forefront and that content,
which includes copy, imagery, and other
elements, is considered from the very
beginning, with graphic design created
to make it flawless and functional.
Sharing is Caring
With new applications being launched
daily, social media platforms are more
popular than platform shoes. Luckily
there are tools out there like AddThis,
which easily integrate with your web-
site, and allow your carefully crafted
content to be populated on any number
of the more than 250 platforms currently
available! The benefit to this type of so-
cial integration aids in the reach of your
brand. When users share your messages
or products with their friends, you can
receive trusted word of mouth advertis-
ing with little extra effort and help iden-
tify brand advocates.
Weaving the Web of Tomorrow
While there is no crystal ball to indicate
what’s next, we predict personalization
will be the next big trend in
web development. With re-
cent reports estimating a
near 2-billion smartphone
users, the possibilities for
a custom mobile web ex-
perience is on the rise, as
are demands from Genera-
tions X and Y. With the use
of beacons and other
proximity sensors,
businesses can offer a
truly customized ex-
perience based on real
world surroundings,
allowing for on-site
guests to receive an
enhanced ex-
perience. As
increased data
is obtained, AB
testing may become obsolete as indi-
vidual versions of perfect from one user
to the next may soon become a reality.
As the leader of a team who creates
award winning websites, augmented re-
ality applications, and so much more, I
look forward to what the future holds.
Shawn Spartz

More Related Content

PPT
Mobile Marketing Presentation
PDF
optimize website for mobile marketing
PDF
The mobile website kit.templated
PDF
AMA Reno Tahoe Mobile Prsentatino Final
PPT
Mobile Marketing Education PowerPoint
PDF
Mobile Website Landscape, Small Screen, Big Opportunity
PDF
Big Brand Strategies for Mobile App Marketing
PDF
What role can news app play in the marketing of paid content? The Jacobson Fl...
Mobile Marketing Presentation
optimize website for mobile marketing
The mobile website kit.templated
AMA Reno Tahoe Mobile Prsentatino Final
Mobile Marketing Education PowerPoint
Mobile Website Landscape, Small Screen, Big Opportunity
Big Brand Strategies for Mobile App Marketing
What role can news app play in the marketing of paid content? The Jacobson Fl...

What's hot (20)

PPT
CETWorld- Mobile MediaCrossMedia
PDF
Closing Keynote: “Arc of Mobility: A Perspective on a New Era of Consumer Exp...
PPT
Mobile marketing copy
PDF
Real Estate Projects - NetBiz
PDF
Mobile app usage trends
PDF
10 Webdesign Trends for 2014 by Vanksen
PDF
Digital trends for 2015
PPTX
Tablet Advertising for 2011
PDF
Driving Traffic to Your Mobile Apps & Sites
PPTX
Marketing Mobile Applications - MMA Webinar - iCrossing
PPTX
MobiTree FTMA Conference 2012: Mobile Marketing & Rules to Stay Ahead of The ...
PDF
Mobile app marketing - Latest Trends 2016
PDF
10 trends for 2014
PDF
Mobile web marketing - eSalesData
PDF
Increase Engagement With in App Advertising 2013
PDF
WHY Out-of-Home
PDF
Mobile Marketing: Everything You Need To Know
PDF
The Future of Mobile Marketing: 20 Expert Predictions For 2015
PDF
Next Generation Media Quarterly July 2013
PPT
Mobile Web 101 (by Mobile Web Up - Oct 2011)
CETWorld- Mobile MediaCrossMedia
Closing Keynote: “Arc of Mobility: A Perspective on a New Era of Consumer Exp...
Mobile marketing copy
Real Estate Projects - NetBiz
Mobile app usage trends
10 Webdesign Trends for 2014 by Vanksen
Digital trends for 2015
Tablet Advertising for 2011
Driving Traffic to Your Mobile Apps & Sites
Marketing Mobile Applications - MMA Webinar - iCrossing
MobiTree FTMA Conference 2012: Mobile Marketing & Rules to Stay Ahead of The ...
Mobile app marketing - Latest Trends 2016
10 trends for 2014
Mobile web marketing - eSalesData
Increase Engagement With in App Advertising 2013
WHY Out-of-Home
Mobile Marketing: Everything You Need To Know
The Future of Mobile Marketing: 20 Expert Predictions For 2015
Next Generation Media Quarterly July 2013
Mobile Web 101 (by Mobile Web Up - Oct 2011)
Ad

Viewers also liked (11)

PPTX
리스트
PDF
Mechatronics Certificate
DOCX
History 300 Winter Essay 2
DOCX
Deportes
PDF
Copy of putusan sidang 27 puu 2011-telah baca
PDF
Pecha kucha Morning
PDF
Pecha kucha Morning
PPTX
PDF
Resolución directoral de directivas de redes educativas santiago de chuco 2014
DOCX
Vinodcv_CW
PPT
Control De Calidad 2011
리스트
Mechatronics Certificate
History 300 Winter Essay 2
Deportes
Copy of putusan sidang 27 puu 2011-telah baca
Pecha kucha Morning
Pecha kucha Morning
Resolución directoral de directivas de redes educativas santiago de chuco 2014
Vinodcv_CW
Control De Calidad 2011
Ad

Similar to Graydient Creative_LR (20)

PDF
Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices...
PDF
Everything You Know is Not Quite Right Anymore: Rethinking Best Practices to ...
PDF
Responsive & Adaptive Design: Delivering Websites That Delight Your Users
PDF
Web Development Trends 2018
PDF
"Content First." Presentation - 2014 MSU IT Conference
PDF
Responsive & Adaprove Design
PDF
The Cupcake Effect
 
DOCX
Delivering Fast Responsive Site
KEY
The convergence of all things (wdu keynote)
PPTX
2014 web design trends
PDF
BBDO Whitepaper—Responsive & Adaptive Design
PDF
Floyd brad mobile_presentation
PDF
Ama Web Trends Presentation
PDF
Guide Series Interactive Design_PastPresentAndFuture
PPTX
Responsive Design and Information Architecture with Oracle Web Center Content...
PDF
Content Strategy for Mobile: The Workshop
PPTX
Top Tips to Deliver Quality Web Experiences From IE 9 to the iPhone
PDF
Why use responsive web design?
PDF
Community Sector Provincial Forum - St. John's [2010-10-01]
PDF
#1NLab14: Responsive Design
Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices...
Everything You Know is Not Quite Right Anymore: Rethinking Best Practices to ...
Responsive & Adaptive Design: Delivering Websites That Delight Your Users
Web Development Trends 2018
"Content First." Presentation - 2014 MSU IT Conference
Responsive & Adaprove Design
The Cupcake Effect
 
Delivering Fast Responsive Site
The convergence of all things (wdu keynote)
2014 web design trends
BBDO Whitepaper—Responsive & Adaptive Design
Floyd brad mobile_presentation
Ama Web Trends Presentation
Guide Series Interactive Design_PastPresentAndFuture
Responsive Design and Information Architecture with Oracle Web Center Content...
Content Strategy for Mobile: The Workshop
Top Tips to Deliver Quality Web Experiences From IE 9 to the iPhone
Why use responsive web design?
Community Sector Provincial Forum - St. John's [2010-10-01]
#1NLab14: Responsive Design

Graydient Creative_LR

  • 1. | |February 2016 1CIOReview T h e N a v i g a t o r f o r E n t e r p r i s e S o l u t i o n s CIOREVIEW.COM ENTERPRISE WEB APPLICATION SPECIAL A10 Networks:A10 Networks: Accelerated Web Application Performance Accelerated Web Application Performance FEBRUARY 02 - 2016 Lee Chen, Founder & CEO Justin Baird, Director of Application Development, CubeSmart Justin Baird, Director of Application Development, CubeSmart IN MY OPINIONIN MY OPINION CIO INSIGHTSCIO INSIGHTS Jeff Cann, Chief Strategist & CIO, Encore Electric Inc. Jeff Cann, Chief Strategist & CIO, Encore Electric Inc. WWW –What’s with theWebBy Shawn Spartz, Director-Creative, Development & IT Operations, Graydient Creative Why a Website? A website is the reflection of a brand and with more than 3-billion users worldwide, the internet provides the greatest reach available to marketers and advertisers today. With access limited only by connectivity, this is truly the age of global reach. Since its initial public release in 1991, the internet has seen a world of changes, while it’s integration with daily life has become more and more involved. To gain perspective on the transformations we’ve experienced thus far, let’s take a look at computing devices, both then and now. In the same year of the internet’s launch came Apple’s Powerbook 100, the first laptop of it’s time to feature a keyboard with the pointing device positioned beneath it (a trend all laptop makers continue to this day). This piece of history debuted with internal memory of 2-8MB and a monochromatic 640x400 pixel display. For comparison, the latest iPhone 6S boasts internal memory of 2GB (a 1,000 percent increase) with a retina display resolution of 1920x1080. If there’s one thing that’s constant about technology, it’s change, and that goes for the web industry as well. Trends in content, design and development are coming and going, which is why we have a dedicated web team to keep up with what’s current. Respond with Responsive In the past, websites occasionally had a mobile version that would display when specific screen dimensions were detected. These sites were often a condensed version of their desktop counterparts, with limited navigation and an equal maintenance required. Given the literal difference between mobile and desktop websites, information readily available on a desktop might often be redirected to a mobile version, leaving users confused and likely to navigate away. One trend that is not new, but continues to grow as screen sizes shrink (and expand again) is responsive design. Ranging from projected screens to mobile devices and everything in between, having a website that will render beautifully across any sized screen will ensure a positive brand interaction for all users. In addition, responsive websites are a hit with recent Google search updates, as they meet and exceed all mobile friendly requirements, and require content updates in just one place. Easier to use for your customers and content managers? What’s not to love about responsive? Embrace the Scroll In the day of newspaper design, the term “above the fold” was coined to indicate the portion of the paper that was visible, even while folded in half. Many great minds have this idea engrained, leading them to believe that all important information needs to be listed in the initial viewport of a web page. A recent analysis of 25 million user sessions by ChartBeat* notes that with today’s mobile generation, scrolling often begins even before the page fully loads. Provided you have quality content, people will seek it or be led there by intentional placement of the content surrounding it. The only way users Ranging from projected screens to mobile devices and everything in between, having a website that will render beautifully across any sized screen will ensure a positive brand interaction for all users CXO INSIGHTS will see a fold is if you create one, so avoid boxing in your content and ensure you are leading your users to all points of your page. Déjà View: Patterns for User Experience Given the number of choices one is surrounded with daily, it’s no surprise that accommo- dating for decision fatigue is a current best practice. The use of icons and patterns allows users to easily recognize functions and form without any ad- ditional education required. One example of a commonly used pattern is full width imagery with supporting copy and information available when scrolling further. This trend aims to en- hance emotions, with breathtaking visuals that allow visitors a more immersive web experience. Among the web community, there is much debate around the mouth-watering menu icon: the hamburger. Depicted by three horizontally placed parallel lines, if you’ve used the internet on a device other than a desktop computer, you have seen it at least 100 times. On the other hand, it may have taken you a moment to envi- sion it when simply described. The fact that you may not identify this list-like im- age with a menu, outside the context of a mobile website, demonstrates the effective use of icons. You are NotYour User In the past, websites were seen as the place for personal promotion. Things have changed, however, as Generations X and Y demand businesses to instead make it all about them. To satisfy this, content strat- egy has emerged. Definitions of content strategy vary, but in context of the internet, it can be summarized in the same objectives as a website: Achieving business goals, ob- jectives, and brand awareness by pro- viding users the information they seek - whenever and wherever that may be. In other words, anticipating the needs of the user and giving them what they’re looking for, wherever they’re looking for it (location or platform), will increase business and buzz. A related trend and best practice is a content-first approach to website design. This ensures the user is put at the forefront and that content, which includes copy, imagery, and other elements, is considered from the very beginning, with graphic design created to make it flawless and functional. Sharing is Caring With new applications being launched daily, social media platforms are more popular than platform shoes. Luckily there are tools out there like AddThis, which easily integrate with your web- site, and allow your carefully crafted content to be populated on any number of the more than 250 platforms currently available! The benefit to this type of so- cial integration aids in the reach of your brand. When users share your messages or products with their friends, you can receive trusted word of mouth advertis- ing with little extra effort and help iden- tify brand advocates. Weaving the Web of Tomorrow While there is no crystal ball to indicate what’s next, we predict personalization will be the next big trend in web development. With re- cent reports estimating a near 2-billion smartphone users, the possibilities for a custom mobile web ex- perience is on the rise, as are demands from Genera- tions X and Y. With the use of beacons and other proximity sensors, businesses can offer a truly customized ex- perience based on real world surroundings, allowing for on-site guests to receive an enhanced ex- perience. As increased data is obtained, AB testing may become obsolete as indi- vidual versions of perfect from one user to the next may soon become a reality. As the leader of a team who creates award winning websites, augmented re- ality applications, and so much more, I look forward to what the future holds. Shawn Spartz