Fermilab Education Office Homepage Updated in 2014 We want to appeal to our main audiences providing them with pathways to get the information they need.

Slides:



Advertisements
Similar presentations
RESPONSIVE AND MOBILE DESIGN BY: CHRIS PASQUARETTE APRIL, 2013.
Advertisements

External Site Links by Awnya Boam. Links are found… …almost everywhere on the internet. They allow users to travel from one site to another.
CONCEPTS FOR FLUID LAYOUT Web Page Layout. Website Layouts Most websites have organized their content in multiple columns (formatted like a magazine or.
Gary Browning and Vincci Kwong Indiana University South Bend 2014 ILF District 1 Conference Responsive Web Design for Libraries.
. Website and file organization. How websites work.
Good & Bad Websites. From WEB 1. Submit one bad or ugly web site or web interface. This is ugly website because there are.
Designing Your Page Step 1: Design for a Computer Medium A computer screen is not a printed page. Readability changes depending on color, layout and format.
Chapter 8 Designing with Cascading Style Sheets. Chapter 8 Topics Building three different types of complete Web pages using CSS: Build a style sheet.
Website: Best Practices. Sources: The World Wide Web Consortium the main international standards organization for the World Wide Web Research-Based Web.
Chapter 2 Web Site Design Principles Principles of Web Design, 4 th Edition.
Web Page Design ECE 3940 Megan O’Byrne 10 September 09.
Do’s and Don’ts of Web Design By: Cassandra VanHumbeck.
Responsive Design What it is and why you need it.
MAT153 Web Design 1 A Brief Overview of the Web Design Process.
UNDERSTANDING WEB AND WEB PROJECT PLANNING AND DESIGNING AND EFFECTIVE WEBSITE Garni Dadaian.
TUTORIAL 8: Enhancing a Web Site with Advanced CSS
‘Mobile first’ Alexander Roberts ISS Web Team Manager Swansea University.
Kathy E. Responsive Design and Twitter Bootstrap.
Week 11 Further Web Design Concepts and Tools FTP, CMS, Wordpress and Responsive Web Design.
Festival Apps Matt Clarke David Cradduck. The growth in the mobile market.
Delivering Library Resources and Services to Mobile Users The Library on the Small Screen Cynthia Ramlo User Experience Designer User Experience and Digital.
Welcome To Web Page Design Mr. Ursone. Accessing the Web Web Page: where you see text, graphics, sounds, etc. Web Page: where you see text, graphics,
San Diego 2014 SharePoint Saturday San Diego November 15, 2014 UCSD Extension SharePoint Saturday San Diego November 15, 2014 UCSD Extension.
Developing A Website. Reminder 1 You want your website to be _______? 1)Artistic 2)Easy to use 3)Interactive 4)Multimedia-driven.
Build a Free Website1 Build A Website For Free 2 ND Edition By Mark Bell.
CONCEPTS FOR FLUID LAYOUT Web Page Layout. Website Layouts Most websites have organized their content in multiple columns (formatted like a magazine or.
Taking Your Website On The Road Technology No Where to Go.
Web Design Rules. #1 Easy to Read Includes: Includes: Navigation Navigation Color Color Text Text Graphics Graphics Backgrounds Backgrounds Borders Borders.
Website Project Development Presentation by APNARAJ.COM.
Web site development: Basics & MS FrontPage. What I hope to demonstrate n n Basics of a good web site n n How to most effectively communicate via the.
INTERACTIVE BRAND COMMUNICATION Class 6 Creative Issues II: Creating Effective Online Advertising.
Designing web pages for handheld mobile devices Improving the client experience.
How the Web Works Building a Website – Lesson 1. How People Access the Web Browsers People access websites using software called a web browser. To view.
Elements of Website Design. Homepage ● first page of the website ● website title ● general introduction ● authors or creators information ● date updated.
Website Design, Development and Maintenance ONLY TAKE DOWN NOTES ON INDICATED SLIDES.
+ Group Activity for VT Library web site Zerrin Ondin Mahdi Nabiyouni T.C.Jones Farzaneh Tabataba Ahmed Elbery Mohammed Farghally.
Marjorie R. Asturias Happiness Engineer WordPress.com Designing Websites for 2016 and Beyond.
Monday, 18-March-2013 Session workout Presented By: Pikon Roy Karmakar.
WEB DESIGN PRINCIPLES Dale Blasingame School of Journalism & Mass Communication Texas State University.
Browser Compatibility Testing, using different browsers Conditional Statements.
Online Magazine Press LO: To examine the pre-release material and predict what you may be asked.
Social Media Marketing Plan By: Lindsay Buchanan.
Unit 13 – Website Development FEATURES OF WEBSITES.
The Importance of Responsive Web Design Provide By
Learning Aim A.  Websites are constructed on many different features.  It can be useful to think about these when designing your own websites.
Web Design Principles. Designing a Website Choice of a site color scheme. Choice of text font and size. Placeholder text. Use of white space. Location.
NOTE: To change the image on this slide, select the picture and delete it. Then click the Pictures icon in the placeholder to insert your own image. Web.
CONCEPTS FOR FLUID LAYOUT Web Page Layout. Essential Questions What challenges do mobile devices present to Web designers? What are the basic concepts.
Presentation by: Rebecca Chambers WebDuck Designs
What's up with
Portal Talking Points 2015.
Concepts for fluid layout
The BMA website How we can help you.
CS 321: Human-Computer Interaction Design
Elements of Design.
Web Design M. Jacie Yang Assistant Professor
NSCF WEB DEVELOPMENT SCOPE AND FEATURES.
Online Marketing fundamentals
Publishing and Maintaining a Website
3.02 Publishing Animations
Elements of Design.
Chapter: 2 Diving into Mobile: App or Website?
Amazing Ways to Improve Your Website Usability
Step 1: Design for a Computer Medium
CMP Creating Your Personal and Small Business Web Sites
For use on your feedback page
Web Design Principles.
Homepage-Parent/ Index Page
Objective Explain concepts used to create websites.
Concepts for fluid layout
Presentation transcript:

Fermilab Education Office Homepage Updated in 2014 We want to appeal to our main audiences providing them with pathways to get the information they need. We use images to appeal. Educators Physicists Students Visitors Undergraduates We spent a lot of time thinking about what the audiences might want. We use twitter for fresh information. Already needs update—missing: Responsive Web Design

Educators Page

Student’s Page

Best Practices: What People Want in a Website Good navigation Elements where expected Works on all browsers Works across range of devices - RWD Responsive Web Design: optimal viewing and interaction experience —easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones). There are lots of articles on good web design.

Worst Practices: (Ideas from one of the best practices sites) Failing to lead visitors to do what they are at the site to do. poor use of images, color, text, navigation, etc. Treating website like a newspaper with aggressive use of space Not paying attention to typography (web is predominately text) Failing to figure out what to take away rather than what to add “add less, not more” Not engaging or memorable