160 likes | 263 Vues
This document outlines the design and development process of the University of Texas at Austin's iSchool website as part of a course project by Amit Sharma in Fall 2005. It details the tools used, including Macromedia Dreamweaver and Microsoft Visio, and highlights significant website features before and after changes. The project faced challenges such as browser compatibility and tool limitations. The document includes references for further reading on information architecture and website design principles, showcasing the iterative process of creating user-centered web experiences.
E N D
School of Information – (Current Student Section) By: Amit Sharma | inf 385e Fall 2005 - iSchool, UT- Austin http://www.ischool.utexas.edu/main.html
Website available at: • http://www.ischool.utexas.edu/~amit/main.html Tools used: • Macromedia Dreamweaver MX 2004 (Design & Coding) • Microsoft Visio 2003 (Wireframes) • Text Editor – Notepad (Javascript) • Browsers - Mozilla Firefox , Internet Explorer (Display) http://www.ischool.utexas.edu/main.html
Main Page (Before) http://www.ischool.utexas.edu/main.html
Main Page ( After ) http://www.ischool.utexas.edu/main.html
Site Statistics • Total No. of Pages : 17 • Validation Results(http://validator.w3.org) : Validated : 11 Not validated : 06 (due to URL on pages which were not recognized by w3.validator) http://www.ischool.utexas.edu/main.html
Graphics and Logos used University of Texas at Austin School of Information Logo Images taken from Personal Camera & iSchool Site http://www.ischool.utexas.edu/main.html
Changed Features (1) Course Description (Before) http://www.ischool.utexas.edu/~amit/main.html
Changed Features (1) Course Description (After) http://www.ischool.utexas.edu/~amit/coursedescription.htm
Changed Features (2) Courses division (based on Academic Tracks) http://www.ischool.utexas.edu/~amit/library.htm
New Features (1) iSpace ( One stop for all information needs) http://www.ischool.utexas.edu/~amit/ispace.htm
New Features (2) My Courses Page http://www.ischool.utexas.edu/~amit/yourcourses.htm
Design Decisions • Dividing the main page according to specified users. • Labels ( e.g. iSpace, iZone, iPlace, my Courses). • No. of Levels for website. • Content to include in iSpace. • Number of images on a single web page. • Division of courses by Academic Tracks. http://www.ischool.utexas.edu/~amit/main.html
Problems Faced (1) Mozilla Firefox Internet Explorer 6.0 • Browsers http://www.ischool.utexas.edu/~amit/courses.html
Problems Faced (2) • Tools don’t behave the way you expect (Dreamweaver producing extra code). • Logo of iSchool ( a small file which on expanding produces blurriness in text). • Trade off between Size Vs Mission of site. • How to make users enter and visit the site again http://www.ischool.utexas.edu/~amit/main.html
References • Rosenfeld, L. & Morville, P. (2002). Information architecture for the world wide Web, 2nd edition. Sebastopol, CA: O'Reilly & Associates, Inc. • Van Duyne, D., Landay, J. A., & Hong, J. I. (2003). Design of sites: patterns, principles, and processes for crafting a customer-centered Web experience. Boston, MA: Addison -Wesley, Inc. http://www.ischool.utexas.edu/~amit/main.html
Thank You Website address: http://www.ischool.utexas.edu/~amit/main.html - Amit Sharma