Creating Visually Appealing Web Sites Rick Evans Guiseppe Getto
Jul 16, 2015
Some definitions...
Information Architecture
Create an organized structure for
information so customers can easily find
things they are looking for
Some definitions...
Visual Design
Use typography, iconography, and color to
make the site visually appealing
Some definitions...
Functionality
Define the purpose of the site and how you
provide value for your customers
Some definitions...
Usability
● Useful
● Learnable
● Memorable
● Effective
● Efficient
● Desirable
● Delightful
UCD means usability in practice...
● Effectiveness - Can customers complete tasks and achieve goals?
● Efficiency - How much effort and time do customers require to achieve
their goals?
● Satisfaction - What do customers think about the web site? Is it easy
to use? Is it delightful?
Typography
https://www.google.com/fonts/specimen/Raleway
https://www.google.com/fonts/specimen/Ovo
2em
2em
30px
Some definitions...
Content Strategy
● Define web site goals & customer needs
● Communicate in a way customers understand
● Stay up-to-date and factual
● Provide content that is usable and useful
Content Strategy + Design
1. Lead the Way With a Clear Value Proposition
2. User-Focused Design and Copy
3. Intuitive Navigation
4. Effective Calls-to-Action
5. Content Promotion
6. Trust Builders
7. Thoughtful Design
Resources to help build your own...
Squarespace: http://www.squarespace.com
WordPress: https://wordpress.org
Twitter Bootstrap: http://getbootstrap.com
Font Awesome: http://fortawesome.github.io/Font-Awesome/icons/
Questions & Answers
Rick Evans
http://triuxpa.org
Guiseppe Getto
http://guiseppegetto.com