1 / 13

Web Design – User Centric Sites

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

parker
Download Presentation

Web Design – User Centric Sites

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

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

More Related