Tuesday, December 1, 2009
Info Vis
Exercise 4: Information Visualization
Other programmers for KoC, didn't do much either like http://koc.ithildin.com/yar/stats
So I wanted to take it a step further and make something visually aesthetic yet functional at the same time. My first idea was a bar graph which would show the amount of "clicks" each player did during different time frames (past 24 hours, past week, past month etc..). Then I got to thinking about how the game was played and the competitive nature of it. I realized I should rank people and sort the bars, descending with the winner on one side. This winner could be different depending on the time frame.
Taking the competitve idea even further I thought of an alternate type of bar graph. This one would have a giant bar across the middle horizontally. This would be labeled the average. Then each player is shown in how they relate to the average. The best are above the bar, and the worst are below it. It would inspire the users to compete to make it above the average which would in turn move the bar creating a dynamic and fun game. Also players would check back w/ the charts frequently to see if they are maintaining they're lead which is a sign of success in the program! Especially considering it could increase Ad revenue! ( Now i just need ads...).
One final thought I was playing with is the idea of using the width of the players bars to show something. The data that I tracked was merely how much was clicked at which part of the day. I'm considering using total clicks as width, regardless of time frame, but I think there could be something better. Also I'm thinking about ways to use colors still.
Assignment 4 (Garrett)
returns. It will feature a map with the number of electoral votes on
each state. Color strength on each state can indicate the percentage
of republicans and democrats. Clicking on a state will bring up more
specific information such as polling data, historical voting data, and
percentage popular vote.
Assignment 4 (Barry)
Assignment 4 (Bin Bao)
InfoVis
James J Regan IV
COO Emeritus Consulting
B.S. Computer Science
B.A. Linguistics
University of Rochester
Class 2010
Tuesday, November 10, 2009
menu system
Exercise 3: Sketches and Prototypes
--
Wyatt Anderson
wanderson@gmail.com
Sketch Restaurant Menu
27047941
I drafter a few sketches based on the knowledge that I know when I shop for things online like ebay and amazon. I come up with a simple structured online menu. On the top of the menu, it has tab for entree, appetizer, drinks, deserts, specials and combos. Once a tab is selected, it will has another tab level that will separate the category of the food. For example, if you click on entree, it will have tabs separated for rice, pasta, spaghetti, pizza and so on. After a category of food is chosen, it will have a list of food on the left with the price. Some list of favorite items might have a small picture of the food. Once a person select an item, the menu would be highlighted and 2 box appeared. The first box has an up arrow icon. When the user click it, it would add up to a chart. The second box does the reverse. When a menu is highlighted, there will be a big picture of it on the right and it has information on that item like description, ingredients, spiciness. A more info button can also be click that would put the user to a more detailed page on the menu. This could include testimonials, and maybe some recommendation that other user like when ordering it. The user can simply click back for going back to the previous menu. Below the description is the cart which has like all the stuff a user wanted to buy. But I think this might be a bad idea as user can simply be overwhelmed by the price and might make less orders. Lastly, there is a submit button that shows that the user are ready to order and that the waiter can just pick it up and start processing the order.
Menu Design
My other designs were based around a division of menu items by "drinks," "appetizers," and "entrees" which I felt wasn't creative enough, no matter how original you make the design its architecture is essentially the same. So I stepped back and used simplicity to break the cycle and the result became my favorite prototype!
-Donato Borrello
Entry #3
Monday, November 9, 2009
Storyboard
James J Regan IV
COO Emeritus Consulting
B.S. Computer Science
B.A. Linguistics
University of Rochester
Class 2010
Sunday, November 8, 2009
Menu Sketch Descriptions



so, I started off with a more traditional menu--probably because it is what seemed more natural. I created tabs for different pages instead of having the menu scroll. each tab would be named with a category head for each of the spreads of dishes. I also wanted a way for special options to stand out. here I had them have a different background from the rest of the menu in order to create contrast. Finally, the most interesting part of this menu was that you could drag and drop dishes onto a meal timeline to indicate when you want different dishes served.
this next picture tries to highlight different ways to browse a menu. it differentiates with different tabs. the tab shown is the search. it allows you to create lists of ingredients you are interested in and lists of allergens/ingredients you are not interested in. also, there is a considerations list along the side that allows one to drag and drop different dishes onto this list so that one can decide which they want at a later point in time.
finally, here is my last menu. the left panel has the same considerations list that was present in the previous example with the addition of a random selection button. this button allows for one dish in the considerations list to be randomly added to the "receipt" list the center is a list which resembles a more traditional menu. the upper right panel has a place where one may limit the visible menu by different criterium (ingredient desired, allergens, course, et al). finally the lower right panel is the "receipt" list of elements that are to be ordered--with an order button.
- sid
Tuesday, October 13, 2009
Lib website
HotWire.com (Parish)
However, once a search was constructed, the information was returned sub-optimally. The possible flight options were presented to look somewhat similar to an airline boarding pass, I'm not convinced this is the best way to convey this information. Additionally, there was no way to sort by options other than price and number of stops. As the particular flight featured predominantly early departures, I would have been interested in seeing other flights which departed later in the day for a slightly higher price. Bi-handle selection sliders for time of arrival and departure would do much to ameliorate the issue.
Hotwire.com
However, if you input invalid information (like leaving the second date blank), the screen flashes and a bunch of prices/offers appears on right side of the website. I thought this meant they had found information, but I have no clue what the info was related to, because when I submitted valid information the entire website format changes (bad consistancy!). The new design was boring in colors and the information was far too cluttered, making it stressful to look at!
It seems like the home page is a lot more finished then their results from search page, which is kind of weak in comparison.
-Donato Borrello
Exercise 2: Interface Evaluation
--
Wyatt Anderson
wanderson@gmail.com
Exercise 2: Interface Evaluation
The main purpose of the River Campus Libraries' website is to help students, staff, and faculty locate physical and digital resources including books, articles, videos, and journals. In the past, I have found this tool frustrating. First, the search often fails if you input a query in even a slightly different format than the format used in the resource's entry. Second, I have found a variety of annoying and confusing interface bugs. However, for the purpose of this blog entry I looked at the cite to see what tasks I might have my users do in a usability study.
Since, the whole point of this cite is to locate resource most of my task will probably ask the user to locate something using the system. Resources can be located by title, keyword, author, journal, call number, and a few others. I will probably have people locate a book using some of these different restricted searches. I would also like to give people different sets of information about a book and ask them to find it without telling them which search to use. Do they look it up by the title or the author?
I also want to explore tasks that begin once a book has been found. For example, how does the user find other books by the same author? Does the cite provide the flexibility to do things like this in an intuitive way?
Lastly, I would like to create tasks that test basic navigation. Can the user easily return to the homepage? Does the user understand where links should take him before he clicks.
Nate
Exercise 2 - Interface Evaluation (Garrett Hall)
The hardest tasks in the River Campus Libraries site are those which are hard to navigate to, such as "find the call number for all UR Botany dissertations." The main navigation buttons are blue like the background so there is not enough contrast, but the alignment of items appears correct. The breadcrumb link on the top and contact info on the bottom of the page is consistent throughout. However, the navigation is not always what one would expect, for instance "Renewing Borrowed Materials" appears under "Requesting and Borrowing" as a breadcrumb, but both links are on the main page. Overall the interface seems good, but could use improvement.
Hotwire Observation
intuitive to select a city and date. However, after selecting these
specifics the site became more tedious to use. Because of the site's
business model (letting you select a hotel at random--only knowing a
rough location and the cost per night) I found it hard to
differentiate between my selections. Because there was no clear winner
in my mind, I got lost in the red and white of the interface. I
finally realized after 15 min that I was reading the same generalities
about a location that I did not actually intend to visit. Because of
the limited information about each location, choices that I make feel
even more superficial; I find myself always wanting the least
expensive option available.
-sid
Monday, October 12, 2009
Hotwire Evaluation (Barry)
The alignment can be improved so that the website looks more attractive and organised. The proximity for this website is hard for me to tell. It does not seem out of place to me. Its pretty easy to use and it even has a "change your search" menu at the left which I found very usefull. The only thing that bothered me is that when you look for flights + hotel, it will give you the price details under the total price which show me the price of hotels and flight if bought separately and what the discounts are if I bought them together. However, if I look at flights + hotel + cars, it just give me the total with no price details. So there is an inconsistency there. WIth just the total being stated, I am not sure if I get discount, paying full price or get ripped off without calculating the price myself.
Exercise 2 (Bin Bao)
Hotwire Evaluation
James J Regan IV
COO Emeritus Consulting
B.S. Computer Science
B.A. Linguistics
University of Rochester
Class 2010
Thursday, September 24, 2009
HCI - Understanding Biases
The Chipotle Restaurant has a very unconventional menu system. There was nothing to hand out, it was all written on banners hanging from the ceiling behind the counter. Admittedly it was a little unprofessional, giving away some information about their pending liquor license and the soon to be margarita's. I found this to be "unprofessional" because to me, that type of information doesn't belong on a menu!! The menu was also very small, with just a few options of meals to get. However once you made your choice you could customize it while they were building your burrito or taco, by choosing what to put inside it! Unlike most restaurants with a lot of choices but little customization (such as rare, medium or well-done on meat), this restaurant had few choices but tons of options (what type of rice and beans? chicken? hot or mild? etc etc).
Overall I liked the system, it felt really casual because of the blithe posters regarding their liquor license and also because of the interaction with the person preparing your food as you chose what you wanted on your food.
-Donato Borrello
The Biased Bistro Menu (Parish)
Understanding My Biases
ihop
Blog Post #1

I went to John's Tex Mex Eatery to do an observation for assignment #1. This outing exposed some of my biases and habits in a restaurant setting.
First, I rarely order a drink other than water. So when the waiter is giving the drink options, I usually don't pay attention. Therefore, it is possible that during the interface design process or during my observations I might glaze over some important aspects of the drink ordering exchange.
Second, when I finish eating I usually move directly to the matter of paying the check. However, many people don't think about it until the waiter brings it to the table. Some people feel pressured to leave when the check arrives; I simply feel that it gives me the option to leave. Perhaps the restaurant system should have a "bring check" option. This would allow people to get the check when they wanted it.
Recognizing these biases should help with my remaining observations and design suggestions.
Nate Snyder
Wednesday, September 23, 2009
Exercise 1 - Understanding Biases (Barry)
Secondly, I think the menu is also very plain and lame. It has no picture associated with the food at all even though it has varieties of food like thai food, chinese food, dimsum and sushi. The font are small and the spacing of the words seem to be close making it look messy and harder to read. Sometimes the menu has a lot of redundancy word.
So usually, when we come to this restaurant, we already know what we need to buy because we do not want to be bothered by the poorly design and unattractive menu.
Ordering Bias
James J Regan IV
COO Emeritus Consulting
B.S. Computer Science
B.A. Linguistics
University of Rochester
Class 2010
Exercise 1 (Bin Bao)
Based on the experiences my friends and I have, I plan to target my system to a Chinese restaurant. In terms of biases, I have the following items in my mind:
1. Most of my friends are just graduate students, who are probably sensitive to the price.
2. As a guy, I think most guys are more interested in ordering meat.
3. People like to ask their friends for suggestions when ordering.
4. People like to order the recommended food from the menu.
5. People like to order food with pictures.
Exercise 1 - Understanding Biases (Garrett Hall)
I chose Taco Bell as the restaurant chain to study. After visiting one of the locations, I realized Taco Bell has the following advantages:
A) All my friends are familiar with the menu which will reduce bias of my order affecting their order.
B) Menu items are close in price which reduces the bias of the price of my order affecting my friend's order (which happens—I don't order filet mignon if everyone else gets cheeseburgers).
C) The menu is complex enough with substitutions and combinations to necessitate some kind of ordering interface.
D) Sitting down at Taco Bell I can collect as many observations as I need to.
Ordering Tendencies
picked up the menu. Being mostly vegetarian and completely picky, I
started looking for items that I would think about eating. I noticed
that I started with entrees, moved to appetizers and finally looked
over the side options. After making a rough list of foods I would eat
and loosely ranking which ones I wanted most, I began to discuss what
others were looking at, if they were getting a drink or an appetizer
etc. I found that the discussion that followed had the greatest impact
on which items I wanted to order (whereas the initial run through of
the menu was mostly taking things out that I wouldn't want).
-Sid
Tuesday, September 22, 2009
Good and Bad Design
This GE toaster oven, generously donated by Grandma Snyder, makes crisp toast and delicious broiled fish; however, its controls are poorly designed.
In order to toast, you must turn the top knob to 450 degrees, the bottom knob to "Toast" and the middle knob to the desired toasting time. The flaw is that you must turn the top knob to 450 in order to toast or broil. The top knob should only be necessary when using the bake function. This was clearly a known design flaw that was covered up by the notation on the bottom knob: "Set Oven ℉ to 450". Properly designed, the top knob should only be used for the bake function.
Good:
Since we see this type of sign everyday, we take for granted its design. In an instant this sign tells me that there is a bathroom behind this door and that it is for men and not women. By utilizing a universal cultural convention that women wear dresses and men wear pants it tells us this without words. The english word "man" could be added to the sign but it really would not add any extra information.
Wednesday, September 16, 2009
Bad Design (Bin Bao)
but is "standby". But it is so counter-intuitive, because that little
button is so widely used as symbol for shutting down in our daily
life. I once showed my vista (English version) to my cousin, and she
doesn't know English at all. She said: I don't know English, but I
know how to turn the computer off. Then she clicked that icon, but
didn't get what she expected. Well, don't challenge people's general
knowledge about the world.
(I don't have windows vista installed now, so the picture is from the internet)
Good Design (Bin Bao)
my TV as well. It automatically matches with my TV and requires no
extra human interference. It doesn't support all functions as my TV
controller does, but does have two key features, turning on/off TV and
adjusting the volume. Another key feature, changing channels, relies
on the dish receiver. This extra TV support is simple and effective,
which gets rid of the headache of switching between two controllers.
Friday, September 11, 2009
Good design
The nokia 5800 is a good design hand phone. It has a touch screen that is highly responsive and you can change the view of the screen from landscape view to portrait view. The hand phone is really light and the size is just right.
The interface is easy to navigate and it has a higher resolution compared to older model phones but it has a flaw on the gallery (they cannot separate pictures into separate folders). You can open many application simultaneously without lagging the system.
It also has quality speaker and you can use it to access the internet using WI-FI just like an i-phone. It has a good quality camera at 3.2 pixels with a lot of additional function like night mode and close up.
At the bottom of the phone you have three button which has green, white , and red colors in the middle of it. Green button can be used to call someone, white is used to open the menu and also has a notification light in case you got a miss call or a message. The red button will exit everything and go to the starting point.
Overall it is a good design and easy to use.
Bad design
Moreover, the fan makes an incredibly loud sound. This happens because the fan moving really fast even at low speed. I am a really fan of quietness so the loud sound of the fan really annoys me. I usually just open the fan at low speed because it sounded less noisy compared to medium and high speed for obvious reasons. And I even might turned it off and rather be hot then be annoyed by the noise.
This fan can also attracts a lot of dust to it. With its weird shaping, the dust got stuck in the front of the fan and its cover. It is also hard to clean the fan from outside because of the shape. You have to open it and I have no idea how to because it looks different than other fan.
Overall, I found this fan rather annoying and somewhat bad yet I am still using it because I do not want to spend more money on a new fan.
Thursday, September 10, 2009
GREAT design
This device is one of those things that you see and use every day but really but really don't come to appreciate it until you take time off and admire its simplicity. Its only has one switch to control it. The switch can be in 3 positions:
Left – for hot
Middle -for off
Right – for cold
On the top it has a handle for easy carrying and the surface and the inside is made of a material that can be cleaned very easily. Inside there is a self which you can remove to add more space. The door is very easy to use. Turning the knob will unlock it, and it will automatically lock when you let go of the knob. It's also light weight compact and cute!
Bad design
**The bath sponge which I had, looked like the blue bath sponge presented but it was modeled after Patrick star from the cartoon Sponge Bob Square Pants
It's also hard to notice bad design, when I first bought this it looked like pretty cool and I thought to myself this is a pretty nice design. But when I used it for the first time I noticed that
The eyes would scratch me.
It was made out of a weird material so it would fell weird when rub against your skin.
The Bath sponge had pants so I could only use half of it to take a shower.
Bad Design - Donato
This phone was designed to have the ability to be used as an mp3 player in addition to as a phone. To make it "sleek" and "cool" they put the mp3 player on the back, and screens on both sides! In order to switch functionality you have to press a button on the side. While I don't have a lot of personal experience with it, my mother simply can't answer the phone! My best guess is that it is stuck on mp3 player functionality (which she also can't figure out) and thus the phone part isn't allowing her to accept the phone call. She at first thought the phone was defective and had it replaced only to find that the phone is working as it was designed: poorly.
Good Design - Donato
http://upload.wikimedia.org/wikipedia/commons/thumb/c/c0/Xbox360_WiredController.jpg/800px-Xbox360_WiredController.jpg
The xbox wire is one of the more clever innovations I've seen in wires. It has the ability to come apart near the connection to the Xbox. The purpose of this is to protect the user from potentially pulling the Xbox off the shelf if the user is moving too far away from it. This is actually really effective, it has saved me once already! It also doesn't come undone accidentally, it has the perfect amount of strength, I've never had it randomly come unplugged. So it was a basic improvement to a typical wire, with no perceived draw back, but with a huge fiscal benefit in protecting your expensive Xbox purchase!
Bad Design: Speaker Case (Joel Parish)
Good Design: Volume Control for Computer Speakers
Bad Design (Wyatt Anderson)
--
Wyatt Anderson
wanderson@gmail.com
Good Design (Wyatt Anderson)
--
Wyatt Anderson
wanderson@gmail.com
Wednesday, September 9, 2009
Good Design (James Regan)
High Sierra Access Laptop Backpack

James J Regan IV
COO Emeritus Consulting
B.S. Computer Science
B.A. Linguistics
University of Rochester
Class 2010
Bad Design - (James Regan)
![]() |
James J Regan IV
COO Emeritus Consulting
B.S. Computer Science
B.A. Linguistics
University of Rochester
Class 2010
Saturday, September 5, 2009
Exercise 0 - Bad Design (Garrett Hall)

Bad design: The power setting on my microwave. First of all it is a wheel, implying that it goes from lowest to highest power, however the labels in clockwise order are "warm, defrost, low, medium high." The label "warm" corresponds to temperature, "defrost" to a mode, and "low, medium, high" to a power level, making absolutely no sense combined on a single control wheel. I can only guess "warm" is less power than "defrost," although without checking the manual (which was lost long ago) I will never be certain.
- Garrett Hall
Exercise 0 - Good Design (Garrett Hall)

Good Design: The navigation button on my HP iRiver mp3 player. The clearly denoted up/down and left/right movement allows one to adjust the volume and track number, respectively. I always preferred this to the iPod click wheel that leaves me unsure of what I'm controlling through clockwise or counter-clockwise rotation. The buttons for play/pause and play mode are separate buttons rather than part of the navigation button, which reduces the risk of accidently pushing the wrong button when I'm changing track or volume. The button is elevated making it easy to find and clear that it can be pushed. I've had the same player for nearly 6 years without any problems using the interface or any hardware malfunctions, and having tried out the interface of other media players never felt compelled to buy a new one.
- Garrett Hall





















