Dr. Jan Stelovsky's Rule (Homework 3)

| Original page | Improved page |

The user is the king

Organized each page in user's points of view.

 

Use common sense
  1. Define your user
    Prospective user : Instructor&TA, and ICS415 students
    Improvement : Instructor&TA, ICS students, and Reviewers

  2. Define your and your user's goals and objectives
    Goal : enhance my web programming skill.
    Objective : learn each materials given in class and lesson


  3. Put the links where you'd expect them as viewer
    Linked in main page to expect users to see each assignment

  4. Think about every page element - word, image, bullet, letter
    Checked unlinked picture
    Improvement : Checks spells and appearance
Keep it simple
  1. Take advantage of standards
    Used the mono font for the tags
    Used the color font for the tags


  2. Eliminate: (1 )any obvious or unnecessary text, graphics or other media (2) anything distracting
    Took the wallpaper
    Took pictures to demonstrate HTML example


  3. Don't make the user wait
    Used anchor to jump each tag from the top on the page

  4. Keep it focused
    Highlighted the topic and change the color for the tags

  5. Who is the target user?
    Instructor, TA, and Reviewers
Be consistent
  1. Do same things in the same way all the time
    Adjust the appearance of previous assignment page to that of improved page
Discriminate
  1. Do different things differently
    Made table and put all the comment into it to organize each page

  2. Structure
    Used table structure for each page
    Improvement : Divides the links on the top into the 1. and 2.

  3. Order according to: (1) importance (2) logic
    Thought and arranged the order in terms of what user wants
Be precise
  1. Rephrase until it's optimal
    Tried to read my sentence several times
    Improvement:
      Takes out <CAPTION> tags since it's not directly related to multi-column formatting.

      Rephrases the "BACK TO TOP" to "BACK TO MAIN"

  2. Labels (e.g. buttons, menus) matter
    Put the menus of tags on the top of the page.
    Improvement : puts the number to each title.


  3. Avoid colloquialisms and insider terms (e.g. "stuff", "wysiwyg")
    Improvement : Tried to avoid colloquialisms as much as I could.

 

BACK TO MAIN