Teresa Ovalle

Welcome to Me

Heuristics for Mr. Bottles

Heuristics for the Mr. Bottles Website

This assignment required the use of the “Heuristics for Modern Web Application Development” as a guide to assist with evaluating www.mrbottles.com. The website was evaluated as if Message-in-a-Bottle Matt was visiting the site. This was to ensure that the site was evaluated in all areas of the site that Matt would most likely use.

Design for User Expectations:
Design the system around the users, their goals and expectations. Choose features and functions the audience will find useful and use the appropriate level of complexity for their experience and abilities. Make processes work in the way users expect, and mirror real-world processes where applicable. Ensure the interface always upholds its promise and never trick or mislead the user.

Evaluation:
When the user first opens the Mr. Bottles page, they are confronted with a talking icon that cannot be shut off. It can be annoying, especially if the user has visited the site more than once.

The opening screen is messy. It reads like a poorly managed blog. Although the text is separated by color and space, there is entirely too much of it. If the intent of this website it to be a blog, then we should organize it as such to better meet the user’s expectations. If the site’s intent is to be informational, which it most likely is, then the blog portion of the website should be included in either a dropdown menu or have it’s own button.

The dropdown menu at the time is creative, but it’s difficult to maneuver. Users expect a dropdown menu to be easy to find and easy to use.
Read the rest of this entry »

Comments Off on Heuristics for Mr. Bottles

Wireframe and Rationale for Mr. Bottles

Three students chose the Mr. Bottles website as an assignment site to work for a number of our assignments. The wireframe and the rationale below are both related to the Mr. Bottles website assignment.

Ovalle_Home Page copy

Ovalle_Appraisals copy

NOTE: The format changed from the original format to WordPress.

Rationale for Wireframe

1. Objective

To explain the rationale behind the suggestions for the wireframe of the new Home Page as well as the new Appraisals page.
Read the rest of this entry »

Comments Off on Wireframe and Rationale for Mr. Bottles

Rationale for Mr. Bottles Site Map

Three students chose the Mr. Bottles website as an assignment site to work for a number of our assignments. The site map and the rationale below are both related to the Mr. Bottles website assignment.

NOTE: The format changed when transferred to WordPress.

Ovalle_SiteMap_Week 11(v2) copy

Rationale for Site Map

1. Objective
To explain changes from current Mr. Bottles website layout to the suggest new wireframe.
Read the rest of this entry »

Comments Off on Rationale for Mr. Bottles Site Map

Object Evaluation – Week Six – Wine Saver Pump

This week’s assignment was a nice change of pace. Although my object evaluation is short, it’s a good-to-know evaluation for the wine drinker.

In the recent past, my husband has become interested in trying different brands of Cabernet Sauvignon to discover which ones he enjoys most. During the experimentation, which is ongoing, he realized that he did not necessarily want to drink the entire bottle of wine in one evening. I know, I know, this may surprise some serious wine coinsurers, but he not want to indulge until he found a few bottles of wine that he truly enjoyed.

What he noticed is that when he corked the bottle for use for the next day, the wine was not of the same caliber it had been when he first opened. We learned that this was due to the oxygenation of the wine.
Read the rest of this entry »

Comments Off on Object Evaluation – Week Six – Wine Saver Pump

20 Question Survey for PPL

For this assignment, we had to create a questionnaire and explain why it was important.  I thought this was a neat assignment.  I may use some of these questions for Pistol Packing Ladies survey.

  1. Why do you visit the PPL website?
    1. NRA Class schedule
    2. To learn about the PPL Shooting Club
    3. To see what’s new
    4. Other

                                               i.     It’s important to understand why people are coming to the website

Read the rest of this entry »

Comments Off on 20 Question Survey for PPL

Wireframes

A few years ago, I gave input into a specific web design for a specific purpose. The web designer used wireframes to help show our team to demonstrate to how she suggested the layout work for our new website. I found the wireframes to be helpful. Some things can’t be displayed well in a wire diagram, but our team was able to take the concept from the designer and manipulate it to what we were thinking. The process was very beneficial.

In Dan M. Brown’s “Communicating Design, Developing Web Site Documentation for Design and Planning” explanations about wire diagrams begin on page 166. The chapter opens with a definition of a wireframes, “A simplified view of what content will appear on each screen of the final product, usually devoid of color, typographical styles, and images. Also known as schematics, blueprints.” (pg. 166)
Read the rest of this entry »

Comments Off on Wireframes

Web Standards Assignment

I read Owen Briggs’ rant (his words, not mine) titled “So, Why Bother?” I couldn’t find a date, but I guess it was written in the early 2000’s because a couple of articles I read were all dated around the same time. This one stood out because Briggs was talking about why web standardization was so important.

This is a long quote, but dang, it’s good and truly (for me) sums up why web standards are so important. “The idea of HTML et al is a document markup language that would grow. Its architects saw we were going digital and sat back and took a long view. A very long view. They laid the foundation for a language that would work with all the conceivable technology of the time, and would be expandable to the unconceivable technology that would follow. So that documents would never be unretrievable due to age. Ever. A browser in 2050 would be able to read a 1994 document. And in 2094. And so on. They made a stand of cultural importance to the world.”
Read the rest of this entry »

Comments Off on Web Standards Assignment

Everyday Object Evaluation – Week 2

This week’s evaluation is in reference to a can of CVS brand shaving cream. The can looks good and my husband tells me that the product in the cans works well, also. He went on to tell me that the ergonomics of the can – from holding it to pressing the button to eject the shaving cream – work nicely as well.

The error in the design is the indent around the push button at the top of the can. This indent fills with warm water that becomes cold as it continues to sit. Normally this would not be an issue, but when I move the can to clean under or around it, I am often splashed with cold water. This annoys me to no end.

Screenshot 2014-09-05 22.22.25
Read the rest of this entry »

Comments Off on Everyday Object Evaluation – Week 2

Every Day Object Evaluation – Week 1

The firs example of an every day object that annoys me is our Samsung remote control for the DVD player. I find this particular remote annoying because most times when I pick it up, I pick it up upside down and begin pressing buttons. This would not bother most people I know, however, it bothers me because when I start pressing buttons with the remote upside down, I press the wrong buttons and get the incorrect responses from the DVD player.

When I complain to others about this remote, people look at me odd and some snicker and suggest that it is not the remote’s fault. They suggest that the user has the issue.

This remote is non-descript and other than two red buttons on top, there is nothing on the top of the remote that suggests that the top end is in fact the top of the remote. The other remotes I use have lettering on the top and the bottom of the remote and the top lettering clearly suggests which end is up.
Screenshot 2014-09-06 21.33.36
Read the rest of this entry »

Comments Off on Every Day Object Evaluation – Week 1