1 / 15

The Higher-Ed Web Design Process

The Higher-Ed Web Design Process. Randy Franklin University of Nevada, Reno. About UNR and our department. 15,000 students 2 Web Services employees (IT) 1 Director of Electronic Communication (Marketing/Comm) - A lot of potential for disgruntled clients. Design shop process.

jeslyn
Télécharger la présentation

The Higher-Ed Web Design Process

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. The Higher-Ed Web DesignProcess • Randy FranklinUniversity of Nevada, Reno

  2. About UNR and our department • 15,000 students • 2 Web Services employees (IT) • 1 Director of Electronic Communication (Marketing/Comm) • - A lot of potential for disgruntled clients

  3. Design shop process Facilitates internal project management - How do you manage many projects at once • Solves many client pitfalls • Scope creep • Client capriciousness • Detachment of the client from non-academic projects Helps creative types think more structurally Helps structural types think more visually Create system to do incremental reporting

  4. 5 Phases of the process • Defining the project • Developing Site Structure • Visual Design • Production & Quality Assurance • Launch & Beyond

  5. Defining Stages • Initial client meeting (“Uhh, we just need a website!”) • - Determine initial audience (80% of the time this is ‘prospective students’) • May take multiple meetings depending on the importance of the project • - Possible focus groups • Client survey (1st client task) • Creative brief (1st deliverable) • - Sign off?

  6. Developing Site Structure Stage Information Analysis & Content Planning • Time to structurally think about how content • is placed within the site • Take stock of current website and print information • - Produce the content inventory

  7. Developing Site Structure (cont’d) • Client meeting • Produce the content plan • Produce the site map • - Sign off!

  8. Visual Design Stage • Sit down with the creative brief • Pull in existing brand directives • Specific ideas for design elements (Pictures of Lake Tahoe!) • Thumbnail sketches • Develop wireframes from sketches • DENIM from Berkeley • Gray Box Methodology • Grid theory

  9. Visual Design Stage (cont’d) • Skin the wireframe • Assemble the photography, palettes, miscellaneous visual element • Create the proof • Meet with client to explain proof • Possible proof changes

  10. Production & QA • Client content is due! • Flesh out the site • - CSS/XHTML frontend production • - Backend production • Determine folder structure • Create Dreamweaver/Contribute-basedtemplates • Mostly “smoke testing” and “user acceptance” • This stage should be relatively painless becauseso much planning has been done!

  11. Launch & Beyond • Approved on the testing server? • Launch! • Quick test • Client meeting to wrap-up and train for siteadministration • Tweaking already?!

  12. Positives of the Design Process - Avoid consultation/external costs (content planning, information architecture, wireframing). - Content is separated from presentation (Contribute-based content flow) - Provable quick-wins which can be reported - Gives a structural approach to a very organic, creative process.

  13. Other process? - Adaptive Path User Experience driven process. - Systems Development Life Cycle.

  14. Something to think about? Should we be giving departments custom designs? What are the positives and negatives for the educational environment??? How does the role of academic freedom play into this?

  15. Comments/Questions? • randyf@unr.edu

More Related