A01_WEBSITE REDESIGN

Look at the collection of interfaces that you interacted with over the weekend and pick one that you think needs to be redesigned. Over the next few weeks, we will be researching and exploring user experience in relationship to these interfaces. If you don’t think any of the interfaces in your inventory will work, let me know and we can find you one that will.


01_E01: TAKING INVENTORY

Document every interface you use for 24hrs. Create a PDF outlining the good, bad, and ugly about each one. Post PDF of all your interfaces on the blog. For next class, choose the best one and the three worst ones to show to the rest of the class.


 

01_E02: FINDING PROBLEMS
Make exhaustive studies of the usability of your chosen interface. Look at all the possible ways one may navigate through it. Consider how its aesthetics reflect its use.

Don’t move on too quickly. Spend as much time as you can growing intimately aware of all the problems with your interface. We will move into planning and redesigning later, but not yet! Slow down.


01_E03: IDEATION FOR PROBLEM SOLVING

Organize the contents of your site to be the most clear way to navigate through it. Consider how a user would want to access the information you are presenting.

You may want to create wireframes (not aesthetic design) to visualize the user interaction.

You may also need to create a spread sheet of your site’s contents. This would be especially helpful if your site needs to have cross-referenced ways of accessing the same content.


01_E4: DESIGN OF ALL PAGES

Post images of all your pages for critique.


01_E5: PHOTOSHOP VERSION
Using this 960 grid template, create a pixel-acurate version of your design. Use layers to build the site so that you can have the same navigation layer for each different page.


01_E6: IMPLEMENTATION
Yay! Now make it.

Make a working version of the main pages of your site.