Redesign in Cascade Server
-
Upload
hannonhill -
Category
Software
-
view
73 -
download
3
description
Transcript of Redesign in Cascade Server
![Page 1: Redesign in Cascade Server](https://reader036.fdocuments.in/reader036/viewer/2022070318/557a984dd8b42aa0568b4928/html5/thumbnails/1.jpg)
Kelly Truong - @kelliPhoReal
Lisa McWilliams - @lisamc404
REDESIGNING IN CASCADE SERVER
#CSUC14
![Page 2: Redesign in Cascade Server](https://reader036.fdocuments.in/reader036/viewer/2022070318/557a984dd8b42aa0568b4928/html5/thumbnails/2.jpg)
Planning Implementation
Two Phases of Redesign
#CSUC14 #CSUC14
![Page 3: Redesign in Cascade Server](https://reader036.fdocuments.in/reader036/viewer/2022070318/557a984dd8b42aa0568b4928/html5/thumbnails/3.jpg)
Take advantage of latest technologies
Unclutter your site Rebrand
Benefits of Redesign
#CSUC14 #CSUC14
![Page 4: Redesign in Cascade Server](https://reader036.fdocuments.in/reader036/viewer/2022070318/557a984dd8b42aa0568b4928/html5/thumbnails/4.jpg)
Responsive Design
• Mobile Friendly
• Cross-browser Compatibility HTML/CSS Advances Social Media
Take Advantage of the Latest Technologies
#CSUC14 #CSUC14
![Page 5: Redesign in Cascade Server](https://reader036.fdocuments.in/reader036/viewer/2022070318/557a984dd8b42aa0568b4928/html5/thumbnails/5.jpg)
• Evaluate your site’s purpose
• Audit content Remove the Irrelevant Focus on the relevant
• Set a clear path Navigation Links
Unclutter Your Site
#CSUC14 #CSUC14
![Page 6: Redesign in Cascade Server](https://reader036.fdocuments.in/reader036/viewer/2022070318/557a984dd8b42aa0568b4928/html5/thumbnails/6.jpg)
• Express change
• Stand out
• Stimulate growth
Rebranding
#CSUC14 #CSUC14
![Page 7: Redesign in Cascade Server](https://reader036.fdocuments.in/reader036/viewer/2022070318/557a984dd8b42aa0568b4928/html5/thumbnails/7.jpg)
Old Site:
Which is more appealing?
#CSUC14 #CSUC14
![Page 8: Redesign in Cascade Server](https://reader036.fdocuments.in/reader036/viewer/2022070318/557a984dd8b42aa0568b4928/html5/thumbnails/8.jpg)
New Site:
Which is more appealing?
#CSUC14 #CSUC14
![Page 9: Redesign in Cascade Server](https://reader036.fdocuments.in/reader036/viewer/2022070318/557a984dd8b42aa0568b4928/html5/thumbnails/9.jpg)
Old Site:
Which is more appealing?
#CSUC14 #CSUC14
![Page 10: Redesign in Cascade Server](https://reader036.fdocuments.in/reader036/viewer/2022070318/557a984dd8b42aa0568b4928/html5/thumbnails/10.jpg)
New Site:
Which is more appealing?
#CSUC14 #CSUC14
![Page 11: Redesign in Cascade Server](https://reader036.fdocuments.in/reader036/viewer/2022070318/557a984dd8b42aa0568b4928/html5/thumbnails/11.jpg)
First
impressions
DO
matter!
Benefits of Redesign
#CSUC14 #CSUC14
![Page 12: Redesign in Cascade Server](https://reader036.fdocuments.in/reader036/viewer/2022070318/557a984dd8b42aa0568b4928/html5/thumbnails/12.jpg)
94% of people say that design is a reason why they do not trust a website. Improve trust:
• Avoid stock photos
• Avoid pre-made templates
• Showcase social media & followers
• Include media coverage links
Design Statistics
#CSUC14 #CSUC14
![Page 13: Redesign in Cascade Server](https://reader036.fdocuments.in/reader036/viewer/2022070318/557a984dd8b42aa0568b4928/html5/thumbnails/13.jpg)
Most users: Read in an
F-shaped pattern
Design Statistics
#CSUC14 #CSUC14
![Page 14: Redesign in Cascade Server](https://reader036.fdocuments.in/reader036/viewer/2022070318/557a984dd8b42aa0568b4928/html5/thumbnails/14.jpg)
Most users: Read only the first two paragraphs Only scans the first few words of
subtitles, bulleted lists, and paragraphs
70% of users would look at lists with bullets vs. 55% for lists without
Design Statistics
#CSUC14 #CSUC14
![Page 15: Redesign in Cascade Server](https://reader036.fdocuments.in/reader036/viewer/2022070318/557a984dd8b42aa0568b4928/html5/thumbnails/15.jpg)
Color schemes impact growth rates! Dark (2%) vs. Light (1.3%) Green: 3% traffic growth Red: (-1.35%) traffic growth
Design Statistics
#CSUC14 #CSUC14
![Page 16: Redesign in Cascade Server](https://reader036.fdocuments.in/reader036/viewer/2022070318/557a984dd8b42aa0568b4928/html5/thumbnails/16.jpg)
Phase 1: Planning
#CSUC14 #CSUC14
![Page 17: Redesign in Cascade Server](https://reader036.fdocuments.in/reader036/viewer/2022070318/557a984dd8b42aa0568b4928/html5/thumbnails/17.jpg)
Evaluate and Audit
① What is your site’s purpose?
② Does your content reflect this purpose?
③ How easily can your content be accessed?
Phase 1: Planning
#CSUC14 #CSUC14
![Page 18: Redesign in Cascade Server](https://reader036.fdocuments.in/reader036/viewer/2022070318/557a984dd8b42aa0568b4928/html5/thumbnails/18.jpg)
Involve your content editors
• Their insight is crucial!
Phase 1: Planning
#CSUC14 #CSUC14
![Page 19: Redesign in Cascade Server](https://reader036.fdocuments.in/reader036/viewer/2022070318/557a984dd8b42aa0568b4928/html5/thumbnails/19.jpg)
h
Think about what you want.
#CSUC14 #CSUC14
![Page 20: Redesign in Cascade Server](https://reader036.fdocuments.in/reader036/viewer/2022070318/557a984dd8b42aa0568b4928/html5/thumbnails/20.jpg)
A Warning:
#CSUC14 #CSUC14
![Page 21: Redesign in Cascade Server](https://reader036.fdocuments.in/reader036/viewer/2022070318/557a984dd8b42aa0568b4928/html5/thumbnails/21.jpg)
Designs that don’t accommodate CMS
• Class names on body tag
• Beware of old and new JS interactions
• Non-fluid widths
• Too many unique layoutsKISS
Examples of Design Gone Wrong
#CSUC14 #CSUC14
![Page 22: Redesign in Cascade Server](https://reader036.fdocuments.in/reader036/viewer/2022070318/557a984dd8b42aa0568b4928/html5/thumbnails/22.jpg)
Time to put in work!
#CSUC14 #CSUC14
![Page 23: Redesign in Cascade Server](https://reader036.fdocuments.in/reader036/viewer/2022070318/557a984dd8b42aa0568b4928/html5/thumbnails/23.jpg)
Add a new output Decide if you need new fields
• You can hide them Update current formats and static
blocks or create new ones
• You might be surprised how little you have to change
Phase 2: Implementation
#CSUC14 #CSUC14
![Page 24: Redesign in Cascade Server](https://reader036.fdocuments.in/reader036/viewer/2022070318/557a984dd8b42aa0568b4928/html5/thumbnails/24.jpg)
Create a new destination to test the design
Freeze content Publish new output to live site Voila! The site is redesigned!
• Continue to monitor for oversights
Phase 2: Implementation
#CSUC14 #CSUC14
Voila! - Implementation Magic
![Page 25: Redesign in Cascade Server](https://reader036.fdocuments.in/reader036/viewer/2022070318/557a984dd8b42aa0568b4928/html5/thumbnails/25.jpg)
The design process is a good time to consider reducing the number of templates/content types you are currently using.
Check for broken links
Other considerations
#CSUC14 #CSUC14
![Page 26: Redesign in Cascade Server](https://reader036.fdocuments.in/reader036/viewer/2022070318/557a984dd8b42aa0568b4928/html5/thumbnails/26.jpg)
Publishing from templates – you need to consider all content types currently using that template during the redesign process.
Other considerations
#CSUC14 #CSUC14
![Page 27: Redesign in Cascade Server](https://reader036.fdocuments.in/reader036/viewer/2022070318/557a984dd8b42aa0568b4928/html5/thumbnails/27.jpg)
Questions?
#CSUC14 #CSUC14
![Page 28: Redesign in Cascade Server](https://reader036.fdocuments.in/reader036/viewer/2022070318/557a984dd8b42aa0568b4928/html5/thumbnails/28.jpg)
“How to Successfully Redesign Your Website” – Haris Bacic, Forbes Magazine http://www.forbes.com/sites/allbusiness/2013/08/19/how-to-successfully-redesign-your-website/
“The Ultimate 9-Step Website Redesign Checklist” – Shannon Callarman, Cubicle Ninjas http://cubicleninjas.com/9-step-website-redesign-checklist/
“F or Z Pattern in Web Design?” – Blake Imeson, LimeCuda http://limecuda.com/f-or-z-pattern-in-web-design/
“Why Good Website Design is So Important: The Stats and Figures to Prove It” – Calvin Sellers, InstantShifthttp://www.instantshift.com/2013/09/02/importance-of-effective-website-design-infographic/
Resources
#CSUC14 #CSUC14