The Home Page ·  The Integral Worm ·  My Resume ·  My Show Car ·  My White Papers ·  Organizations I Belong To

Contact Me ·  FAQ ·  Useful Links

Software Implementation Software Implementation

My Information Systems Papers and Projects

Human Computer Interaction (IFSM303) ·  Web Information Architecture (IFSM387) ·  Database Project Overview (IFSM420) ·  Expert System Project (IFSM425)

Artificial Intelligence (IFSM427) ·  Information Systems and Security (IFSM430) ·  Project Management (IFSM438)

Legal Aspects of Information Systems (IFSM474) ·  Enterprise Network Design Project (IFSM498)

Information Systems Analysis and Design (IFSM436) Individual (Sole Author) Paper "User Interface Design"


Information Systems Analysis and Design Group Project: Analysis and re-design of the "Stephen Seitz Real Estate Business" website.

The Original Task Order ·  The Initial Analysis and Re-design Proposal ·  The System Analysis Report

The System Analysis Report ·  The Project Ghant Charts Report ·  The Project and Team Assessment Report

The System Design Report

Last Update December 5, 2001

Date: 11/05/2001

On: Stephen Seitz Real Estate Business, 410-xxx-xxxx, sseitz@xxxxxx.xxx

Prepared by: BAC Consulting, Inc. (Christopher Paul, Matt Berkowitz, Charlene Seitz, Vivian Cook, and Ari Kurz)

General Project Information:

Project Name: SSRE

Project Managers: Matt Berkowitz and Charlene Seitz

SSRE’s website is a business site with two primary objectives: conveying useful real estate information to potential and existing clients, while promoting Stephen and Charlene Seitz as realtors. This site needs to have a professional look, and be able to satisfy two audiences: those who are inexperienced with real estate transactions as well as people who are experienced with such transactions. On this site, users navigate through a menu interface to reach different sites regarding the real estate process, while promoting Stephen and Charlene Seitz as their realtor representatives.

BAC Consulting Incorporated design strategy was to design a site that would meet the users needs and marketing needs of SSRE. The site required the use of frames to fulfill the requirements of the client in order to make their names and pictures visible to the user at all times. BAC also incorporated a “Request for Information” form at the bottom of the “Buyers” page and the “Sellers” page along with a separate request on the title bar in order to capture user information. "Main Event," a firm that targets real estate agents, states that “the truth is no matter how much money and time you pour into your site the chances of someone book marking and returning to your site are very low. You have act like as though you only have ONE opportunity to connect with them and do everything you can to make sure you do.” "Main Event" continues, “you must be able to have the user respond to you.”

The site was created using Microsoft FrontPage and enhanced with color graphics and varying font sizes. The images used on the website were copied, with permission and authorization, from Prudential Carrathers Real Estate, and the photos used, were scanned from personal pictures or taken from the multiple lists of homes on the web. The web pages were designed so that various web browsers, from the latest to the older versions, could access the site. JavaScript was used for the effects of the houses changing from one to another on the pages that displayed houses. A “hit-o-meter", in HTML code, was inserted on the main page of the site to count how many times the site has been accessed by users.

Each page focuses on a single topic, with similar menu layouts, and has been designed to maximize the amount of information while minimizing the size of the page. Navigation is consistent throughout SSRE’S website, by using hypertext links. Jonathan Lazar, author of the book entitled "User-Centered Web Development", states “Navigation should be provided through hypertext links. Navigation should not be provided through graphics, buttons, JavaScript, and or Java applets.” At first, BAC's design used buttons because of the professional look it displays. This was changed based on Jonathan Lazar’s theory, that “simple is better.”

The overall goal of the website, as far as usability, is to be pleasing to the viewer and easy to navigate, while providing potential clients with information on buying and selling real estate. For the user to be able to navigate through the site: appropriate task needs will be established. The site will be organized in a manner that is self-explanatory. All the user would need to do to navigate the site is to click on the links, which are underlined, to access a desired page. Knowing the task of the user, gives a better understanding of what kind of links, graphics, and tools are necessary to accomplish a task. This site is being developed using the top-down approach. By clicking on links on the home page top border, users have the opportunity to navigate to the desired page. When reaching the desired page the user also has the option of clicking on next or back.

Since frames are used in the design, the user has these options listed on the top border at all times. Although the web site is created for potential clients, anyone who is familiar with computers and the Internet can visit the site and navigate through the site without any knowledge of how real estate works. The site is being developed to conform with 508 compliance guidelines.

The Object-Action-Interface (OAI) Model and the “Eight Golden Rules” are being followed while developing this site. The OAI model assists in building a better website. The use of objects as the main tools of navigation permits for a direct–manipulation user-interface that is easy to use. The OAI model is being used throughout all the pages that were created. For example, on the Home Page, consideration was taken for the objects such as navigation menu, picture, and page content. The action performed by the user is to click on the hyperlink. These links are created in a way that will help the user move quickly through the pages. The interface from the index page gives the user several options such as navigation to another page by selecting and activating a hyperlink.

Applying the Eight Golden Rules of Interface Design to Mr. Seitz’ website makes this site creative, concise, and useful. By striving for consistency, the user is met with a constant color scheme, fonts, headings, and subheadings on each page. By Enabling Frequent Users to use shortcuts, this site offers reduced picture size for faster site loading, as well as a hyperlink to the next page or back to main page on certain pages. The web browser in the future will provide Informative Feedback when a user places the cursor over a link, thus conforming to the standard methods of feedback. Reducing the Short-term Memory Load will be accomplished by providing users an overview of the site by the use of text on the home page about the main subjects. The other rules such as Design Dialogs to Yield Closure, Offer Error Prevention and Error Handling, Permit Easy Reversal of Actions, Support Internal Locus of Control have been considered but are not deeded critical at this time.


Return to the top of the page

SSRE Website Screens and Site Navigation

The SSRE website screens and site navigation is listed below.

Screens

Metaphor

The site’s goal is to provide potential clients with information on buying and selling real estate. This site is going to use a house as its Metaphor. The All-American dream of home ownership is associated with the picture of a house.

The mood is going to be a professional one.

Frames are going to be used.

Center

The center is going a photograph of Stephen and Charlene Seitz. Next appearing under the realtor names, the office phone number, pager number, and the e-mail address as a hyperlink. Blue (1E70C1) is background color being used and the letters are in white.

Header

Blue (1E70C1) is the header color being used.

The header is going to have the Prudential Real Estate Logo in the left corner, which will be in a white square, then the words Prudential Carruthers Realtors will be in blue (1E70C1). Right of the header there will be a picture of Stephen and Charlene Seitz.

The navigation will also be included in the header. The navigation will be broken down into seven categories. BAC would have liked to have the links change color when placing the mouse over them, but due to the time constraint, we will not able to accomplish this task because of the coding involved.

  1. Home
  2. Search for Homes
  3. Request Information on any home
  4. Buyers
  5. Sellers
  6. Real Estate Services
  7. About Us

Navigation

At any time the user can click on any category in the top border to change topics from any screen that they are currently in. After clicking on a category, the page will appear and the navigation for that page is under the heading of that page.

Under "Search for Homes-click here at the top" a form will be provided to contact SSRE about the home they want information on. This is a Maryland Home database; the user will only be able to make the one selection at top or any of the six on the left border. The user can click on any of the other options at any time

Request information will enable the user to click here to find out more about a home instead of searching for the information on their own. The user will have the six options at all times.

Buying a house is an investment, both emotionally and financially. Learn about the realities and consequences of home ownership by clicking on "Renting VS Buying," "Buying a Second Home," "Buying Process," and "Mortgages/Closing Costs." A form for requesting information is also at the bottom of the "Buyers" page to make it easy at all times for the user to submit their name. When selecting any of these options, the user can select the Back button, or click on "Go Back to the Top," where the user may select another option.

When the user clicks on "Sellers," the user has the option of clicking on "Selling Process," "Why use a Realtor," and "F.S.B.O." The navigation is at the top, and a request for information form is on the bottom. The "Selling Process" gives the steps involved in selling your home. The "Why use a Realtor" option will give the reason why to use Stephen & Charlene as your realtor. When selecting F.S.B.O., a Microsoft PowerPoint presentation is available.

"Real Estate News & Services" has various links that are useful to the user such as "Tax Assessments," "Closing Costs Estimator," "Map Quest, amongst other useful links associated with home buying and selling. When selecting "About Us" the user will be able to make any of the five selections then move forward to BI, which will also have a back button

Return to the top of the page

Description of Navigation Flowchart

Buyers

When the user clicks on the "Buyers" option, the user will have the four options listed below. The user can click on each of the "Buying Processes" or click "Back" to return to the main "Buyers" page.

Buying Process                         Rent vs Buying                        Mortgages                        Second Homes

  • Qualifying
  • Home Needs
  • Preview Homes
  • Make Offer
  • Purchase/Contract Agreement
  • Offer Accepted
  • Loan Application
  • Home Inspection
  • Loan Approval
  • Closing Activities
  • Review Documents

"Buyers" Page Navigation

Sellers

When the user clicks on "Sellers", the user will have the three options listed below. On each of the "Sellers Processes" the user can click the "Back" button to return to the main "Sellers" page.

Selling Process                          F.S.B.O                          Why use a Realtor

  • Why Use Prudential Carruthers Realtors
  • List with Stephen and Charlene Seitz
  • Establish Price
  • The Seller’s Role
  • Showing your Home
  • Develop and Implement a Marketing Strategy
  • An Offer is Submitted
  • The Negotiation Process
  • The Offer is Accepted
  • Home Inspections are scheduled
  • Appraisal
  • Loan is Approved
  • Coordinate all Activities Required for Closing
  • Review Closing Document

"Sellers" Page Navigation

About Us

Real Estate News and Services

  • Relocation
  • Lots and land
  • Vendors
  • Helpful Phone numbers
"About Us" Page Navigation

Return to the top of the page

Implementation

The site has been coded and has gone through testing. Our quality assurance team has verified that all the links are working.

  • Coding
Once BAC ha drawn up a design plan, we were able to proceed with the physical implementation of the site. Frames were employed in the design, consisting of a top header that will have the navigation at the bottom. Although the web site is created for potential clients, anyone who is familiar with computers and the Internet can visit the site and navigate through the site without any knowledge of how real estate works. The site is being developed to conform with 508 compliance guidelines.

  • Navigation

The overall goal of the website, as far as usability, is to be pleasing to the viewer and easy to navigate, while providing potential clients with information on buying and selling real estate. Navigation will always be consistent throughout SSRE's website, by using hypertext links.

For the user to be able to navigate through the site: appropriate task needs will be established. The site will be organized in a manner that is self-explanatory. All the user would need to do to navigate the site is to click on the links, which are underlined, to access a desired page. Knowing the task of the user, gives a better understanding of what kind of links, graphics, and tools are necessary to accomplish a task. This site is being developed using the top-down approach. By clicking on links on the home page top border, users have the opportunity to navigate to the desired page. When reaching the desired page the user also has the option of clicking on next or back.

  • Testing/Usability Assessment

This stage was broken down into two parts. The first part was the preliminary testing which was done by our group to test basic operability of the new site. The second part of the testing involved using outside users, who tested the site for ease of use and effectiveness and provided us with any relevant feedback. Vivian Cook, Omone Adamu, and Ari Kurz fielded outside testing.

Return to the top of the page

Usability Plan

Subjects/Demographics

The number of subjects included a sample of eight individuals, from both the family/friends population and professional population. The professional audience by Vivian’s workplace. They were the primary users who provided us with solid and objective feed back on our site. The family/friends population was provided by Ari, and Omone.

Characteristics of Target Subject Population

Family and Friends

  1. Keyonta Ackmadoo, Student-Senior in Information Systems
  2. Theresa Scott, Novice User/Internet Surfer
  3. Jon Feld, Novice User, basic word processing and Internet surfing
  4. Mathew Lecht, 4 years of experience as a computer programmer

Professional

The level of education for this population was quite high. Computer literacy is a definite, considering the professional population we are targeting are professionals who are on the computer for eight hours a day, five days a week.

  1. Laura Williams, Programmer
  2. John Hancock, Trainer/Installer
  3. Dino Doslas, Programmer
  4. Jay Fisk, Programmer

Where the Study was Conducted

Family and Friends:

Conducting a study with this population took place very informally: over the phone or by email.

Professional

The professional test group took place during the day, where Vivian personally conducted the interviews. This audience is one that required formal interactions see below.

Aspects of Site That Were Evaluated

Search for Homes, Buyers, The Buying Process, Qualifying, Home Needs, Preview Homes, Make Offer, Purchase/Contract Agreement, Offer Accepted, Loan Application, Home Inspections, Loan Approval, Closing Activities, Review Documents, Rent vs. Buy, Mortgages and Closing, Relocation, About Us, F.S.B.O., Selling Process, Why use Prudential, Why use Stephen and Charlene, Establish Price, The Sellers Role, Showing your Home, Marketing your Home and Real Estate Services.

I. Presentation

1. Is SSRE site aesthetically appealing and easy to follow?

All answered yes to this question.

2. Does SSRE site display a Professional Presentation, which is aesthetically appealing?

All answered yes to this question.

II. Ease of use

1. How easy is it to navigate through site and use features such as the search for homes or to use the buying process?

Very easy

III. Information provided

1. Is it interesting?

Most said yes, a few said too much information.

2. Do we need to omit or add anything?

No, everything seems to be on the site. You may want to delete FSBO, why give away how to sell your home.

3. Are objects and text used appropriately?

Should include phone number on site.

4. Information provided (quality and quantity): Do we provide information about Prudential and Stephen and Charlene that a potential client would find useful when evaluating them as their potential realtor? Is the quality and quantity sufficient – too much or too little?

Just right for someone who is unaware of the real-estate process.


How Subjects Responded

Depending on the availability of subjects, two methods were used. For subjects we could not meet with directly, they were sent an e-mail that contained the questions. In this e-mail study participant downloaded a text document that had the questions. The document requested that all answers be placed directly under each question. Open-ended questions will be used to enable the subject to elaborate on a particular question/topic. Subjects we met with directly were asked the same questions provided in the e-mail.

Presentation

BAC asked the user how she/he first felt when encountering Stephen’s web site. Does his site psychologically appeal to the user? Is the background a moderate one that does not distract the user? Is the color too dominant over the text and graphics, or can a user easily read and interpret the text and graphics presented. Is there too much information provided at once? These are questions we used to isolate the aspect of presentation.

Responses were favorably, however it was mentioned about the text size in the navigation needs to be larger. BAC will work on this.

Ease – of – Use: To measure the ease with which a user navigates through the SSRE site, a task to be performed by the user would be required in our interview. This, of course, applies to subjects who we are able to meet with directly. We measured ease - of - use in time intervals. For example, a user was asked to find a link for a selling process on the Selling page. Next they were asked to find a home. Vivian timed how long it took the user to complete this task.

Out of the four individuals tested, 1 took a longer time then the other 3 that were tested. Shorter completion times demonstrate high ease – of - use.

Information Provided

This aspect was the most important for the subjects. In our interview, BAC had them explore Stephen’s site and then asked if there was too much or too little information. After test subjects had explored all the links, they were asked to evaluate whether or not we had given appropriate and vital information that a person would need to complete their search when hiring a real estate agent.

All four of the individuals agreed that the information provided enabled them to make a decision on a real estate agent.


Other Questions asked to all subjects

After taking into consideration time constraints and availability (especially for the professional subjects) we limited our study to twenty questions.

1. When first arriving at the homepage, do you feel by looking at the objects and text presented that you understand what the site is about?

Difficult Easy N/A
1 2 3 4 5 6 7

2. Are the characters on the computer screen hard or easy to read?

Difficult Easy N/A
1 2 3 4 5 6 7

3. Are the images fuzzy or sharp?

Sharp Fuzzy N/A
1 2 3 4 5 6 7

4. What do you think about the frames to keep our picture and phone numbers on all pages?

Not Helpful Helpful N/A
1 2 3 4 5 6 7

5. Is the site aesthetically appealing and easy to follow?

Awful Wonderful N/A
1 2 3 4 5 6 7

6. Were the screen layouts helpful?

Never Always N/A
1 2 3 4 5 6 7

7. Position of instructions on the screen? Example: "click here for..."

Inconsistent Consistent N/A
1 2 3 4 5 6 7

8. How hard or easy is it to go back to previous screen?

Impossible Easy N/A
1 2 3 4 5 6 7

9. How much effort does it require to navigate throughout SSRE’s site?

Too much Just Right N/A
1 2 3 4 5 6 7

10. Can tasks can be performed in a straightforward manner?

Never Always N/A
1 2 3 4 5 6 7

11. Are the number of steps to complete a task following a logical sequence of steps too many or just right?
Never Always N/A
1 2 3 4 5 6 7

12. Search for a house listed, the address is as follows: MLS # Quick Jump To MLS #: AA4057624 .

13. How difficult or easy was it for you to figure out how to use the search for homes?

Difficult Easy N/A
1 2 3 4 5 6 7

14. Does the site display a Professional Presentation, which is aesthetically pleasing?

Distressing Pleasing N/A
1 2 3 4 5 6 7

15. Is the content captivating or boring?

Boring Captivating N/A
1 2 3 4 5 6 7

16. Is there too much information or too little?

Too Little Too much N/A
1 2 3 4 5 6 7

17. Are objects and text used appropriately?

Inadequate Adequate N/A
1 2 3 4 5 6 7

18. Do you think the graphics used are adequate or inadequate?

Inadequate Adequate N/A
1 2 3 4 5 6 7

19. How was the ease of use clicking on the hypertext?

Inadequate Adequate N/A
1 2 3 4 5 6 7

20. What is your overall reaction of this site, please rank how closely each aspect comes to meeting the goals of this site?

Extremely Bad Good Extremely Good N/A
1 2 3 4 5 6 7

Return to the top of the page

The Types of On-hands Interaction

The questions asked in e-mail and in person were structured in a way that required the subject to interact with the system. Some questions were based on a user's ability to perform a particular task.

When the Study was Done

BAC conducted the study after the final corrections to the website were implemented.

How We Collected the Data About Specific Aspects

An interview consisting of twenty open – ended questions was used. We used a rating scale of 1 to 7 on each question. The subject then rated the question by placing a number between 1 and 7. The number seven (7) being the highest rating and one (1) being the lowest on a scale of 1 to 7.

How We Evaluated the Data Collected

BAC developed two categories for each aspect we focused on. These categories included any suggestions/criticisms and supporting comments that subjects provided.

How We Presented the Data

Logically, data was presented based on how subjects view the pros and cons of SSRE’s website in the categories of presentation, ease of use, and quality/quantity of information provided. Original goals and how they compare to current results of the usability study were analyzed. Visually, we are presenting the data in Microsoft Excel in an outlined format that encompasses the points mentioned above.

How We Applied the Data to Our Conclusions

BAC evaluated all comments about the original goals of this website to demonstrate whether or not they were accomplished or if they were on their way to being accomplished. For example, if users felt that we had done a solid job presenting the objects and text in SSRE’s site, we presented these comments. However, if the majority of responses demonstrated that we had not met these goals, and then our conclusion would include how BAC can improve the site based on the constructive criticism provided. BAC will discuss our observed shortcomings and evaluate how we can correct them.

Performance Across Platforms (IBM PC compatible vs. MAC): Has been tested

Performance Across Browsers (Netscape vs. IE): Has been tested

Appearance in Various Screen Resolutions: Has been tested

Return to the top of the page

Testing

A study was conducted to evaluate the usability of SSRE web site. Eight participants were used for this study due to time constraints. Each participant has their own life style, their own level of education, and their own career. They were asked to participate in this study to help improve the website that BAC developed. The study was conducted in various locations. Some of the participants did the study at home on their own computer, or at school, while other participants did the study at the workplace. The participants were asked to evaluate how well the site supported common user tasks. For this task to be accomplished, the participants were asked to find information about Stephen, Prudential, and how to search for a home. The results of this study are included in this report under Website Results (See Table 1.1: "Website Results" below).

Three aspects were evaluated while the participants were navigating through the site. First, time to complete the task. Second, the number of errors encountered while completing the task, and third the ease of completing the task. The researcher provided the participants a written questionnaire that contained twenty questions. It took participants about 15 minutes to complete the questionnaire. To be able to answer the questionnaire the participants had to navigate through SSRE’s web site. For example, the researcher asked the participants to find a specific house. The researcher asked the participant to time themselves to determine how long it took them to find the information.

The formative evaluation, conducted by Vivian at her workplace, the subjects had completed a questionnaire and had also answered questions verbally (see attached questionnaires). Two of them commented on how much BAC had developed on SSRE’s site, and they thought that no changes were necessary except to fix items such as a phone number to the Home page, and to change wording under Sellers page to click here to be consistent with other screens. Overall they stated that the site was appealing, had consistency, efficiency, ease of use, flexibility, and a good format. These subjects felt that BAC had developed a user-centered design that had speed, accuracy, and satisfaction for the user.

Friend’s Subjects’ Comments Were as Follows

Mathew Lecht noted that he had a runtime error on search home link. He felt that BAC had met its goals in providing a web site that was easy to use and navigate.

John Feld received illegal operation error on buyer’s links, felt overall that the site was pleasing, and had interesting content.

BAC Walkthrough of Site

Vivian: Move margins over, navigation from black to blue background, move navigation up, and add phone number to home page.

Charlene: When viewing in Netscape, pictures rotate but they do not fade in or out as they do when using in IE. The header in Netscape "Don’t Settle for Less... Settle With the Best..." does not come up at all, whereas in IE that phase drops down one by one. Forms look better in 3D in Netscape than IE. Pictures were sharper in Netscape than in IE.

Christopher: Navigation: can’t see if system settings are on high. Linking Problems: When on the "Buying Process" page when you click on the link "vendors", under the "Qualifying" Heading, the link takes you to a Vendor Page. When you click the "back" link, instead of taking you back to the vendor page, the "back" link takes you to a new page called "Real Estate News and Services".

Power Point Presentation: Getting error messages, couldn’t get out (froze), had to do a ctrl-alt-delete to get out, then the presentation came up.

Grammar/spelling corrections as noted on each page Rent VS Buying, Second Home, Home Needs, House Requirements, Special Needs, Searching Homes, Make offer, Purchase Contract Agreement, Loan Application, Home Inspections, Closing Activities.

Matt: Vendors: Back link on Buying Process went to Real Estate News. Buyer’s link problem: Buying Process says return to top, but goes to chart. F.S.B.O. Do we want to have so much information on the site regarding this process, making it easy for someone to sell a house themselves? Real estate news and services: What does FHA and Mip stand for, requires an explanation. Useful phone numbers “back” at the bottom of page takes user to the Sellers page.

Omone: Navigation print needs to be larger.

Ari: Need to add phone number. On submit request forms there is no data integrity checking. Key fields may be left empty or information entered into wrong field.


Results of the Walkthrough Process

All of the above comments were corrected except the PowerPoint presentation and the data integrity checking issue. The PowerPoint presentation is in the process of being reviewed to determine the cause of the problem. The data integrity is currently being corrected on all the forms and will be corrected before November 17, 2001.

Results from Testing

After collecting all results from the research, the results were compared and analyze using Microsoft Excel. Also, the researcher compared the overall reaction/response from the participants by asking the participants to choose a number from 1 to 7, in which 1 was considered the lowest score, and 7 the highest. This information was entered into Microsoft Excel (See "Table 1.1: Website Results" below.)

Table 1.1: Website Results

In conclusion, the study performed helped the researcher improve the website in a way that will enable the user to navigate the site better.

Return to the top of the page

The Integral Worm • Christopher Paul • Independent Senior Technical Writer/Editor

The Home Page ·  The Integral Worm ·  My Resume ·  My Show Car ·  My White Papers ·  Organizations I Belong To

Contact Me ·  FAQ ·  Useful Links

Return to the top of the page