Foreword

Picture Your Audience…

• Not for Web Developers, Programmers,

Designers, or whatever you guys may call

yourselves

• You should already know this

• For all the other folks around campus

• The Content Contributors

Spencer Tunick - Mexico City

http://spencertunick.com/installations/urban/343

@ctbarber #UAD12

@ctbarber #UAD12

#Boots

#Tippy

Say my name…

Just as awesome as Heisenberg ———->

@ctbarber #UAD12

Web Strategery

An Effective Way to Say No to Click Here

Todd Barber

@ctbarber

#UAD12

cbarber@uthsc.edu

Information Technology Services

Web Services

The “eccentric” faculty member

that wants to use <blink>

Chancellor

President

CMS Upgrades

Redesign Committee

Provost

CIO

CFO

Auditors

Consultants

Your boss

Your boss’s

boss

Your staff

The know-it-all faculty

memberThe super nice staff member

That guy from the College of Business

That girl from the

College of Arts and Sciences

Communications &

Marketing

Information Technology

The Server

Administrator

The Dean of the College of Medicine

The new researcher that brings in lots of $$$$$$$

Department of Journalism

Department

of Art

Department of Computer Science

Department of

Sociology

School of Music

School of Health StudiesDepartment of

EnglishDepartment of Math

School of Rock

The external dining

services vendor

Internet ExplorerFirefox

Chrome

Safari

The one browser that the really

important person on campus uses

PHP

Python

Ruby

YOU

The young whipper snapper

in the office

The old guy that falls asleep in all the meetings

The font is bad

Carousels

.NET

The Athletics Department

State Government

Federal Government

@ctbarber #UAD12

@ctbarber #UAD12

@ctbarber #UAD12

@ctbarber #UAD12

@ctbarber #UAD12

We had to put some thought into it.

@ctbarber #UAD12

This is more like it

animal thinker

we want you to think about content and how it relates to all the other things

we will keep the other things updated

This was probably

more like it.

@ctbarber #UAD12

This is more like it

animal thinker

we want you to think about content and how it relates to all the other things

we will keep the other things updated

OK, this was it.

@ctbarber #UAD12

Strategery…Strategy for the people that just have to spell it correctly.

@ctbarber #UAD12

Emerging Web Technology

1. Don’t Reinvent the Wheel

2. Follow the Leaders

3. Stay Flexible

@ctbarber #UAD12

Web Architecture

1. Consumable

2. Portable

3. Simple

4. Consistent

Em

erg

ing W

eb T

echnolo

gy

@ctbarber #UAD12

Web Content

1. Adherence to Copyright and

Plagiarism Policies

2. Search Engine Optimization

3. Writing for the Web

Em

erg

ing W

eb T

echnolo

gy

Web A

rchitectu

re

@ctbarber #UAD12

Web Design

1. Intuitive User Experience

2. Harmonious Color Palette

3. Typography

4. Modular

Em

erg

ing W

eb T

echnolo

gy

Web A

rchitectu

re

Web C

onte

nt

@ctbarber #UAD12

Em

erg

ing W

eb T

echnolo

gy

Web A

rchitectu

re

Web C

onte

nt

Web D

esig

n

@ctbarber #UAD12

Em

erg

ing W

eb T

echnolo

gy

Web A

rchitectu

re

Web C

onte

nt

Web D

esig

nAccessibility

@ctbarber #UAD12

Em

erg

ing W

eb T

echnolo

gy

Web A

rchitectu

re

Web C

onte

nt

Web D

esig

nAccessibilityUsability

Gold (Au)

Standard

@ctbarber #UAD12

Em

erg

ing W

eb T

echnolo

gy

Web A

rchitectu

re

Web C

onte

nt

Web D

esig

nAccessibilityUsability

Foster Campus

Awareness &

Involvement

Gold (Au)

Standard

@ctbarber #UAD12

Em

erg

ing W

eb T

echnolo

gy

Web A

rchitectu

re

Web C

onte

nt

Web D

esig

nAccessibility

Foster Campus

Awareness &

Involvement

Usability

Gold (Au)

Standard

@ctbarber #UAD12

Pictures

• Naked Audience in Mexico City photo by Spencer Tunick

http://spencertunick.com/installations/urban/343

• Golden Gate Bridge Traffic photo by Henner Zeller (no changes made)

https://commons.wikimedia.org/wiki/File:Golden_Gate_Bridge_Front_Traffic.jpeg

License: CC BY-SA 3.0

• Rodin’s Thinker photo by Drflet (no changes made)

https://commons.wikimedia.org/wiki/File:Rodin%27s_The_Thinker.jpg

License: CC BY-SA 3.0

• Gorilla Thinker photo by Lilach Daniel (no changes made)

https://www.flickr.com/photos/lilachdan/3848628184/sizes/l/

License: CC BY 2.0

• Saturday Night Live skit images are screen grabs from Hulu

http://www.hulu.com/watch/284761

Backword

Questions?

• Lots of things we leave out because our web maturity as

a campus isn’t there yet

• Mainly the business aspects

• But I do include it for some folks

Todd Barber

@ctbarber

(Twitter & Linked In)

cbarber@uthsc.edu

Todd Barber

@ctbarber

(Twitter & Linked In)

cbarber@uthsc.edu

Overall Strategy1. Accessibility

2. Usability

3. Foster Campus Awareness & Involvement

Supporting Pillars

1. Emerging Web Technology

1. Don’t Reinvent the Wheel

2. Follow the Leaders

3. Stay Flexible

2. Web Architecture

1. Consumable

2. Portable

3. Simple

4. Consistent

3. Web Content

1. Adherence to Copyright and Plagiarism Policies

2. Search Engine Optimization (SEO)

3. Writing for the Web

4. Web Design

1. Intuitive User Experience

2. Harmonious Color Palette

3. Typography

4. Modular