Last Updated by: Benson Lam 08/25/03
Authors: Benson Lam
Developer:
  XXX
UI Designer
  Benson Lam
Date
  August 21st, 2003
URL for Developer Build
  URLXXX

This document analysis some Proofreader UI designs approach from different Competitor products in the market. Many products have spell checker UI and some also have grammar checker UI.

Proofreader UI - Research (competitors comparison)

Native Product Competitors Comparison Screens

(Clicks on image to enlarge)
Product Name/
ScreenShot
UI Features
UI Pros
UI Cons
Dreamweaver

Popup Spell Checker Dialog include: "Word not found in dictionary", "Change To", "Suggestions", and "Add to Personal" features.

Dialog page level buttons include: "Close" and "Help".

Word highlights inline in content page.

  • Word highlights inline helps user locates which word is checking in the content
  • No Dictionary feature
  • No Grammar Checker feature
  • No "Cancel" button feature to return without changing content
Excel 2000

Popup Spell Checker Dialog include: "Not in Dictionary", "Change to", "Suggestions", "Add words to", "Add", "Suggest", "AutoCorrect", "Always suggest", "Dictionary language", and "Ignore UPPERCASE" features.

Dialog page level buttons include: "Undo Last" and "Close".

Cell highlights inline in content page.

 

  • Cell highlights inline helps user locates which cell is checking in the content
  • "Added words to" feature allows user to specific a store dictionary file
  • "Dictionary language" feature allows user to choose different languages within its spell checking capability.
  • "Always suggest" feature allows automatic pick up a suggested word
  • "Ignore UPPERCASE" feature helps user to skip uppercase word checking
  • "Undo Last" feature lets the user goes back to the last checking
  • No Grammar Checker feature
  • No "Cancel" button feature to return without changing content
Netscape Mail

Popup Spell Checker Dialog include: "Misspelled word","Replace with", "Suggestions", "Language", "Recheck Page", "Check Word", "Add Word", and "Edit"features.

Dialog page level button include: "Close
".

Word highlights inline in content page.

  • Word highlights inline helps user locates which word is checking in the content
  • "Dictionary language" feature allows user to choose different languages within its spell checking capability.
  • Add/Edit Personal Dictionary feature allows user to expend and customize his own dictionary
 
  • No Grammar Checker feature
  • No "Cancel" button feature to return without changing content
Outlook 2002

Popup Spell Checker Dialog include: "Not in Dictionary", "Change to", "Suggestions", "Options...", "Add", and "Suggest" features.

Dialog page level buttons include: "Undo Last" and "Cancel".

Word highlights inline in content page.

  • Word highlights inline helps user locates which word is checking in the content
  • Features under Options menu include:
    • "Always suggest" feature allows automatic pick up a suggested word
    • Always check spelling before sending out as email
    • "Ignore UPPERCASE" feature helps user to skip uppercase word checking
    • Ignore words with numbers feature helps user to skip number checking
    • Ignore original message text in reply or forward feature helps only check content that user input.
    • "AutoCorrect" allows Word isn't the e-mail editor
  • Edit custom dictionary feature allows user to expend and customize his own dictionary
  • "Dictionary language" feature allows user to choose different languages within its spell checking capability.
  • "Undo Last" feature lets the user goes back to the last checking
  • No Grammar Checker feature
  • No "Done" button feature to return at anytime with changing content
Outlook Express 6

Popup Spell & Grammar Checker Dialog include: "Not in Dictionary", "Change to", "Suggestions", "Options...", "Add", "Suggest" features.

Dialog page level buttons include: "Undo Last" and "Cancel".

Word highlights inline in content page.

  • Word highlights inline helps user locates which word is checking in the content
  • Features under Options menu include:
    • "Always suggest" feature allows automatic pick up a suggested word
    • Always check spelling before sending out as email
    • "Ignore UPPERCASE" feature helps user to skip uppercase word checking
    • Ignore words with numbers feature helps user to skip number checking
    • Ignore original message text in reply or forward feature helps only check content that user input.
    • "AutoCorrect" allows Word isn't the e-mail editor
  • Edit custom dictionary feature allows user to expend and customize his own dictionary
  • "Dictionary language" feature allows user to choose different languages within its spell checking capability.
  • "Undo Last" feature lets the user goes back to the last checking
  • Grammar Checker feature helps user checks grammatical mistake
  • No "Done" button feature to return at anytime with changing content
Photoshop 7.0

Popup Spell Checker Dialog include: "Not in Dictionary","Change To", "Suggestions", "Check All Layers", and "Add" features.

Dialog page level button include: "Done".

Word highlights inline in content page.

  • Word highlights inline helps user locates which word is checking in the content
  • Add words feature allows user to expend and customize his own dictionary
  • Check All Layers feature allows user to check spelling on every layers
 
  • No Grammar Checker feature
  • No "Cancel" button feature to return without changing content
 
Word 2000

Popup Spell Checker Dialog include: "Different Description Names display for different checking functions", "Suggestions", "AutoCorrect", and "Check grammar" features.

Dialog page level buttons include: "Undo" and "Cancel".

Item (Word or Sentence) highlights inline in content page.

  • Item (Word or Sentence) highlights inline helps user locates which item is checking in the content
  • Features under Spelling Options menu include:
    • Check spelling features allows user check spelling as he types
    • Hide and Show spelling errors in the document
    • "Always suggest" feature allows automatic pick up a suggested word
    • Always check spelling before sending out as email
    • User can specify which dictionary to use
    • "Ignore UPPERCASE" feature helps user to skip uppercase word checking
    • Ignore words with numbers feature helps user to skip number checking
    • Ignore Internet and file address feature helps user only check content.
  • Edit custom dictionary feature allows user to expend and customize his own dictionary
  • "Dictionary language" feature allows user to choose different languages within its spell checking capability.
  • Features under Grammar Options menu include:
    • Check grammar as you type
    • Hide grammatical errors in this document
    • Check grammar with spelling
    • Show readability statistics
  • Recheck Document allows you to recheck the document without leaving the Checker UI
  • A preset of Writing Style settings helps user to define the document style.
  • Undo Last" feature lets the user goes back to the last checking
 
  • No "Done" button feature to return at anytime with changing content

Web Product Competitors Comparison Screens

(Clicks on image to enlarge)
Product Name/
ScreenShot
UI Features
UI Pros
UI Cons
Excite Mail

New Spell Checker Page features include: Selected word appears Blue and Bold in a list box, "Change To", and "Suggestions".

New Spell Checker page level buttons include: "Done" and "Cancel".

  • Word highlights inline at the list box helps user to locate which word is selected for spell checking
  • "Change To" editable field displays the first item shows and highlight from the Suggestion listing dropdown box
  • "Done" feature lets the user returns at anytime with changing
  • "Cancel" feature lets the user returns without changing
  • No custom Dictionary for user to add or edit his own dictionary
  • No "Dictionary language" feature capability to choose different languages within its spell checking
  • No Grammar Checker capability to check grammatical mistake
  • No Breadcrumb indicator feature to show the navigation
Go Mail

New Spell Checker Page features include: Checking message fixed height box with all misspelled words highlighted, Selected one in bold, "New spelling", and "Suggestions".

New Spell Checker page level buttons include: "Done" and "Cancel".

If content is excessed the height of the list box. The end of the content display [...].

Page also indicates Breadcrumb, Help features.

  • All misspelled Words highlighted inline allows user to first glance the mistake(s) in content
  • "Change To" editable field displays the first item shows and highlight from the Suggestion listing dropdown box
  • "Done" feature lets the user returns at anytime with changing
  • "Cancel" feature lets the user returns without changing
  • Breadcrumb indicates page location navigation
  • Fixed Height list box with limited the viewing capability
  • No custom Dictionary for user to add or edit his own dictionary
  • No "Dictionary language" feature capability to choose different languages within its spell checking
  • No Grammar Checker capability to check grammatical mistake
  • No scroll bar on the list box to allows fixable content, instead using a More Text [...] as a indicator.
MSN Hotmail

New Spell Checker Page features include: Selected word appears Red Italic Bold in a fixed height box., "Enter New Spelling", "Suggestions", and "Add to Dictionary".

New Spell checker page level button includes: "Close".

  • Misspelled word appears Red Italic Bold inline in the fixed height box
  • "Change To" editable field displays the first item shows and highlight from the Suggestion listing dropdown box
  • "Close" feature lets the user returns at anytime with changing
  • No custom Dictionary for user to add or edit his own dictionary
  • No "Dictionary language" feature capability to choose different languages within its spell checking
  • No Grammar Checker capability to check grammatical mistake
  • No Breadcrumb indicator feature to show the navigation
Lycos Mail

New Spell Checker Page features include: All misspelled words display with editable field and question box.

User clicks on the Question Box icon will popup a new edit word dialog. This dialog will include features like: Edit field, suggestion field, and "Add to Dictionary".

New Spell checker page level buttons include: "Cancel", "Save Settings", and "Check Again".

Page also indicates Breadcrumb feature.

  • Misspelled Words appear within an editable field and along aside with an question mark button for advance editable mode
  • "Change To" editable field displays the first item shows and highlight from the Suggestion listing dropdown box
  • "Check Again" feature allows user to check again the page within leave the Spell checker UI page
  • "Save settings" feature allows user to save and return to the main page
  • Confusing popup window with 2 set of Replace/Replace All buttons
  • No custom Dictionary for user to add or edit his own dictionary
  • No "Dictionary language" feature capability to choose different languages within its spell checking
  • No Grammar Checker capability to check grammatical mistake
NetZero Mail

New Spell Checker Page features include: All misspelled words display with editable field and a suggestion dropdown.

New Spell Checker page level buttons include: "Return to Message" and "Send".

  • Misspelled Words appear within an editable field and along aside with a suggested spelling dropdown box.
  • "Return to Message" feature allows user to return to Message at anytime with changing
  • "Send" at anytime feature allows user to send message at anytime during the spell checking process
  • No custom Dictionary for user to add or edit his own dictionary
  • No "Dictionary language" feature capability to choose different languages within its spell checking
  • No Grammar Checker capability to check grammatical mistake
Yahoo Mail

New Spell Checker Page features include: Selected word appears Bold in a list of box., "Change to", and "Suggestions".

New Spell Checker page level buttons include: "Send", "Save as a Draft", "Edit Your Message", and "Cancel".

  • Word bolded inline at the list box
  • "Change To" editable field displays the first item shows and highlight from the Suggestion listing dropdown box.
  • "Send" at anytime feature allows user to send message at anytime during the spell checking process
  • "Save as a Draft" feature allows user to save anytime as a Draft
  • "Edit" feature allows user to return to the message at anytime with changes
  • "Cancel" feature allows user to return to the message without changing
  • No custom Dictionary for user to add or edit his own dictionary
  • No "Dictionary language" feature capability to choose different languages within its spell checking
  • No Grammar Checker capability to check grammatical mistake
  • No Breadcrumb indicator feature to show the navigation
OCAL

2 levels of Popup Spell Checker Meeting includes: One misspelled word displays with editable field and question box.

Question Box will popup after the first popup window. Then Word to edit in this window, which includes: Edit field, "Apply Changes", "Add to Dictionary", "Cancel"

New Spell Checker page level buttons include: "Done" and "Cancel".

  • "Done" feature lets the user returns at anytime with changing
  • "Cancel" feature allows user to return to the message without changing
  • Popup page with all misspelled words appear in a editable field with a question mark button aside
  • 2 levels Popup spell checker method makes the UI very confusing and hard to us
  • No custom Dictionary for user to add or edit his own dictionary
  • No "Dictionary language" feature capability to choose different languages within its spell checking
  • No Grammar Checker capability to check grammatical mistake
  • No Breadcrumb indicator feature to show the navigation
SpellCheckNet

New Spell Checker Page feature includes: All misspelled words display with suggestion dropdown.

New Spell Checker page level button includes: "Apply changes".

  • Misspelled Words appear as the suggested spelling dropdown make simple spelling check easy of change.
  • "Apply Changes"feature allows user to save and return to message at anytime with changing
  • No custom Dictionary for user to add or edit his own dictionary
  • No "Dictionary language" feature capability to choose different languages within its spell checking
  • No Grammar Checker capability to check grammatical mistake
  • No editable field spell checker capability
JSpell

Popup Spell Checker Dialog feature include: "Not Found", "Replace With", "Suggestions", and " Learn".

Popup Spell Checker Dialog page level button includes: "Finish".

Word highlights inline in content page.

  • Word highlights inline at the content page along with a popup window shows one misspell word at a time.
  • "Replace With" feature allows user to use the editable field selected area but by default suggestion selected from the first one on the Suggestions listing.
  • "Finish" feature allows user to save and return at anytime with changing
  • "Learn" feature allows user to add the word into the temp dictionary
  • No custom Dictionary for user to add or edit his own dictionary
  • No "Dictionary language" feature capability to choose different languages within its spell checking
  • No Grammar Checker capability to check grammatical mistake

Summary of Results

 

For Web Client Proofreader, the suggestion would be after clicking the "Spell & Grammar Check" Button in the compose page, the UI should refresh within the page with Spell & Grammar Checking component shown. Design detail to be followed.