Download
web design user centric sites n.
Skip this Video
Loading SlideShow in 5 Seconds..
Web Design – User Centric Sites PowerPoint Presentation
Download Presentation
Web Design – User Centric Sites

Web Design – User Centric Sites

122 Views Download Presentation
Download Presentation

Web Design – User Centric Sites

- - - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript

  1. Web Design – User Centric Sites Intranets, Extranets, Internets and creating Rollovers INBS 530 Anna Story

  2. 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.

  3. Internets versus Intranet Design • Internets have vast audience • Intranets have a specific audience with specific needs • How would the interface be different then?

  4. 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

  5. Intranet Design • specific audience • provides information • policies • calendar • dept highlights • forms, benefits, HR • telephone numbers/ directories • ERP - iProcurement

  6. Need to know • Intranet users have access on a need to know bases • information access • supply access

  7. 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?

  8. 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

  9. 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”

  10. 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

  11. 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