School of Pharmacy and Health Professions

1
School of Pharmacy and Health Professions

• School Website design
• By J Arvind

2
SPAHP- Website Design

• In the beginning

3
SPAHP- Website Design

• Why Redesign?
• The site does not work in Netscape, Firefox and
  Opera
• Multiple copies of the same information across
  website
• Not updated frequently
• Difficult to navigate
• Not ADA compliant

4
SPAHP- Website Design

• Who are the Target Users
• Alumni
• Current Students
• Prospective Students
• Faculty/Staff

5
SPAHP- Website Design

• SPAHP website timeline

1997
1999
2000
2007
2006
2001
6
SPAHP- Website Design

• Design Philosophy
• Our mission is to build innovative , creative and
  functional web environments which inform, inspire
  and empower the users to collaborate and
  communicate

7
SPAHP- Website Design

• Design Process
• Assessment/Discussion
• Concept generation/Design
• Feedback
• Implementation plan/implementation
• Testing/Beta
• Going Live/Production Server
• Feedback/ Changes

8
SPAHP- Website Design

• Information architecture today

9
SPAHP- Website Design

• How the information should be

10
SPAHP- Website Design

• What is our Design Goal for the school site
• Sites should be able to share information across
  the other school sites
• Provide a unified User Interface across all sites
  within the school
• Should implement best practices in the web design
  world and should be ADA compliant
• Should be easy to maintain and implement
• Should work across all the major browsers

11
SPAHP- Website Design

• Goal 1
• Sites should be able to share
• information across the other
• school sites

12
SPAHP- Website Design

• Examples of sharing information
• Following are some of the examples of sharing
  information without loosing the respective office
  UI.
• Share SPAHP events across all sites
• http//spahp2.creighton.edu/oasa/event20calendar.
  aspx
• Share faculty/staff directory information across
  websites
• http//olat.creighton.edu/staff.aspx
• Sharing school news via RSS feed
• http//spahp2.creighton.edu/news.aspx

13
SPAHP- Website Design

• Goal 2
• Provide a unified user interface
• across all the sites within the
• school

14
SPAHP- Website Design

• Examples of common UI
• Implementation of the top tool bar
• Office of Research site
• http//spahp2.creighton.edu/officeOfResearch
• Alumni site
• http//spahp2.creighton.edu/alumni
• Continuing Education site
• http//spahp2.creighton.edu/ce

15
SPAHP- Website Design

• Goal 3
• Should implement the best practices
• in the web design world and should
• be ADA compliant

16
SPAHP- Website Design

• Goal 4
• Should be easy to maintain and
• implement

17
SPAHP- Website Design

• Final thoughts on the new site

• Easy to navigate
• Updated news keeps the content fresh
• Updated media gallery and events calendar
• Clean and organized information

• Technical features
• Works across all browsers including IE, 6.0/7.0,
  Firefox, Safari, Opera
• Designed for 800X600 resolution which is widely
  accepted
• Degrades acceptably with lower versions of the
  browsers
• W3C recommended CSS based layout
• ADA compliant
• Easy web-based editing requires no knowledge of
  HTML or FrontPage

18
SPAHP- Website Design
19
SPAHP- Website Design

• Feedback
• Comments/Questions