Web Design – User Centric Sites Intranets, Extranets, Internets and creating Rollovers INBS 530 Anna Story
User Centric Sites • designed with the specific user in mind • based on their potential missions • demographics and technographics • experiential architecture • the creation of a user centered experience in successful completion of a web mission.
Internets versus Intranet Design • Internets have vast audience • Intranets have a specific audience with specific needs • How would the interface be different then?
Internet Design • general audience • minimal categories for global nav • sub categories • lowest common denominator for user • branding of product or company • ease of use • marketing goals required • makes money (hopefully) • provides goods or services
Intranet Design • specific audience • provides information • policies • calendar • dept highlights • forms, benefits, HR • telephone numbers/ directories • ERP - iProcurement
Need to know • Intranet users have access on a need to know bases • information access • supply access
Hospital Intranet and Internet • Copley Hospital Intranet Incomplete Prototype • Copley Hospital Internet Incomplete Prototype • How are they different? • How is experiential architecture employed? • Are the differences appropriate?
Buttons in Photoshop • Create new canvas, transparent background with RGB color • Select Rectangular or Elliptical Marquee tool • create button • pick foreground color and fill with paint bucket
Buttons • Play with effects of button and type • duplicate layers in order to create the same size and shape of button • name your layers in “layers properties”
Button Rollovers • create more buttons by duplicating layers and changing via highlighting the layer or changing text color etc. • duplicate the canvas as many times as you have buttons • crop the buttons and save each optimized for the web
Inserting in Dreamweaver • insert the button images in Dreamweaver • follow the directions in the chapter on Rollovers • the key is having your images correctly named • a naming convention is to use “over” for the button that is the over state