Review 1

Recently, I had been asked to look up possibilities for lavaliere microphones and one of the stores I was suggested to look up was Best Buy. So I went onto Best Buy’s website and searched for lavalieres. The search bar was immediately in my sight. When I searched, it gave me a few pages of options, but on the left side, there were different categories that allowed me to search for what I was looking for without going through the whole tab. An example would be a price range or a specific brand or wireless. It also shows next to the tab how many items are in that brand. When I added what I was looking at to the cart and went to check out, it gave me three shipping choices with the price and date of arrival by them. You would then click checkout to continue to log in to your best buy account and choose your payment method.

After reading the beginning section of “Don’t Make Me Think”, it helped me pick out the smallest details on Best Buy’s website. When I first went on, the search bar was visible and it stood out to where I needed to find it. A search bar should always be at the top of the page because it is what a viewer will be looking for most of the time when they go to a web site. I liked the order of the tabs on the side to reduce your search. I think the order it is in from what’s on sale to brand then price I think are some of the first things that come to mind if someone wants to look for specific details on a product. It was a little strange though that the page would always refresh when you checked off one box. To improve that, I think you should be allowed to check the boxes off first that you want to check out and click search. In other words, it’s an advanced search. The cart was up in the right hand corner to keep it visible while I continued to look at other items, but there was a notification by the cart to show that you have one item prepared to check out. When I was done, I just had to click on the cart. Finally, I liked how the choices for shipping were listed and it had the answers to some simple questions someone would be thinking as soon as they go to review their order. It had when you would receive it by and how much it costs. I did find it a little odd though that it had the name of the shipping type below that information. Most web sites would have the type of shipping first in bigger font, following the information. I still think it worked though, but others might disagree.

 

In conclusion, I think Best Buy’s website is well structured with the search. Not only do they give you the tools to help you find what you are looking for easier, but it is organized into what most customers would want to know first. With someone in media like me, it makes a good site to search options for on equipment and any other media material needed.

Review # 1

Overstock.com

 

For the first review, I chose to visit the website Overstock.com. Overstock initially focuses on selling returned and surplus merchandise on the online website. I have used Overstock to buy small miscellaneous items from time to time but have not used it or visited it in a while. A short while after launching I knew that Overstock.com attempted to simplify the website name to O.co but by doing this, several users were confused and struggled to get used to the change showing that simplifying something does not always make it better as stated in the reading. While scrolling down the home page, the images that are actual links to sales and categories are a positive addition to letting a user know what the website has to offer instead of just listing the sales in a categorical and somewhat boring order.

Next, the color scheme of the website is clean and easy to read with white as the background, red accents and black text. At the top center of the screen is the search bar, with the tabs listing the several categories for the many items just below. One thing to notice is that the tabs are not alphabetically listed on the website but that did not seem to be a problem. One thing that I would change about the website is some of the sizes of some of the text or categories on the pages. Although it is a nice font and simple, a large amount of the text is the same size or relatively close to each other, making it a little harder to find what I am looking for immediately.

I used the search bar to find the item that I was looking for on Overstock. The search results popped up with ways to narrow the search by price, size or even brand. I quickly found the item I was looking for and clicked on the image depicted. I was then directed to the item description which included a drop down list with the full word for the sizes, the quantity as well as the colors I could order the item in. The shopping cart button was in the top right corner and was small but like most of the other shopping cart icons on a website. After clicking it, the checkout button, differs from the rest of the site’s color scheme being that it is green instead of the theme of red, white and black.

ARTM2210 Intro to Web Site Review

–American Eagle Outfitters www.ae.com

I frequently look at American Eagle Outfitter’s website for deals on their rather overpriced clothing.  I am a bargain shopper especially during the holidays. Depending on the platform I access their site, the usability varies in level of difficulty. When I first access the site, they always have the most recent news plastered in bold blocks of information on their homepage like “New Arrivals”, “Sales”, or their “brands.”  Currently, each block of information is self explanatory. For example, if I want to shop their “Save up to 60% on Clearance” special right now, I can click “Shop Women”, “Shop Men”, or “Shop Aerie.” They are the 3 most common choices their customers make without thinking.  They have a header of 6 options ranging from “Women” to “Clearance” at the top. If I want to go to the cheapest clothing, I know to immediately click on the “Clearance” link since it simply states where it will take me.  However, they appear just as text, not as button. I believe it is through conditioning of multiple websites using this kind of technique that online shoppers know that text explaining “women”, “men”, “clearance”, etc. will take us to the specified location without necessarily having to have a “button” appearance.  One feature I have always liked about American Eagle’s website is how they always have a photograph of the product that makes it obvious about what the product is, how to wear it or use it, and that you can click the image to look at more information or buy the product.  It does not require a lot of thought. It’s so easy even my older relatives know how to maneuver the site when they are shopping for their nieces, nephews, and grandchildren.  As for the format of the site, the most important information is in larger sections that take up the majority of the site’s visual space.  Product names and prices are significantly smaller than the corresponding photograph because American Eagle deems the visual of the product is more important than the name of it, but the price follows by being larger than the product name.  Their pages are easy to scan with a helpful “Back to Top” feature since their pages tend to scroll on for what seems like forever in the internet world.  The most important information is easy to scan through quickly and the more detailed information is on single product pages where you see the image, product name, price, size information, and availability. Unnecessary information is never immediately displayed when viewing their products.  The user must work further into the site mapping to see more detailed information.  If I am in a hurry, I scroll quickly looking at contrasting colors that will cause me to pause and look at an item I may like.  It is easy to go back to a previous page without having to start back at the top again.  (This is not the case in their app on the iPad or iPhone.) Overall, I think their main webpage is easy to use, but their apps are much more difficult to maneuver and have significant bugs.  The website usually loads quickly and is not flashy so it is easy for the eye to flow through the information and not become over stimulated. Important information is bold, large, and easy to find. Hovering over bits of information all over the site makes submenus appear.  The site is layered, but the layers do not need to be accessed in order to work through the website to achieve the ultimate goal of making a purchase.

–Katie Carlton

Assignment #1

  • The goals of Apple’s website are to sell their products, inform the user, and

provide technical support. Apple addresses the needs of a user who has just

purchased their first MacBook by displaying available accessories and

showing user support if they are having trouble.

  •  Some functional specifications of a Facebook wall include the user’s post in

order to connect people, chat to talk to people, and a search bar. For the

signup page, it displays a security system to login and a signup form.

  • Hierarchical shows what’s the most important first and an example would be

Apple’s website.

A matrix structure allows the user to navigate through everything in the site

because it’s all connected and an example would be Amazon.

Organic structures have paths that don’t completely connect and an example

is Wikipedia.

Sequential structures move only forward or backward in the order that the

content is presented like a video or book.

  •  The Huffington Post has a lot of navigation to different articles so I would so

50% navigation and 50% content, Google 100% navigation, Wiki 50% nav.

and 50% content, and Esty 60% nav. 40% content.

  •  Landor guides the readers’ eyes by using a visually appealing color palette,

showcasing very clear and striking images, and having big easy to read

headings with some content.

Elements of User Experience questions

 

  • The goals of Apples website is to be easily accessed and simple navigation to any part of the site. For new buyers or and questions Apple provides a support page so that users can trouble shoot their questions or they also have the option to speak with someone one on one.
  • The function of the Facebook wall is to display a profile picture any posts the user may have made, a sample of some of their most recent photos and a friends list. The Content Inventory is needed for the set up of such a profile so that similar information such as name, birthday, photos, and posts are displayed on every profile page or Facebook wall.
  • The first structure is the Hierarchical approach and the apple home page is an example of this structure. It has links that remain at the top of every page and hold parent links to other links that can be thought of as child links. The second is the Matrix approach and websites like Amazon follow the matrix to navigate the website by selecting a type of product and narrowing down the search by also selecting a color or style of product that they are searching for. The next structure is the organic, this approach does not follow any consistent pattern and websites like Wikipedia is connected case by case instead of by a category. Finally the final structure is sequential, this approach is mostly used when a user is making a purchase on a website so they must follow steps to achieve an outcome in a sequence and not any random order.
  • On most of these sites content is fairly dominant and the actual navigation is at the bottom of the page with many links.
  • The Landor website uses contrast and color as well as hierarchy to guide the reader and also uses an arrow on the homepage to make the readers see more of their content when it is clicked. The use of bright yellow really catches the users attention and making the text black when scrolled over also catches the eye and users can’t help but read.

ARTM2220 Designing for New Media

1.) What are the goals of Apple’s website? How does Apple’s website address the needs of a user who has just purchased their first Macbook?

Apple’s goal is to reach the users goal, meaning that the website is easy and clear to read and also easy to navigate through to find what they are looking for. They sort it all out on the navigation bar. You can choose which “Mac” you purchased or want to purchase and if you do not know they also have the names and small icons to make it easy for the user. It is easy for all ages to use. It is quick and easy and a very user friendly website!

2.) What are the functional specifications of Facebook’s wall?

The functional specifications would be to share and communicate. How does Facebook allow you to do that? By having chats, posting pictures, by having albums to store your photos in, and also being able to post things. You can also search and add friends to stay in touch with them.

3.) What are the 4 architectural approaches to information structure?

Hierarchal: The most important stuff. It is the “navigation bar.” People find the most important factors of the website on this structure. Apple’s website would be an example of this.

Matrix Structure: How things relate. Allows the user to move from place to place and navigate. An example of this would be Library.rmu.edu

Organic Structure: Not organized by patterns. It is very unique because not everyone will have the same “movement” as you can say. Not everyone ends up in the same place. An example of this would be Wikipedia.

Sequential Structure: A sequence, something like a video, a movie or a book. Amazon would be an example of this.

 

4.)What percent of the Huffington Post index page is navigation and what percent is content? 

I would say that the Huffington Post would be about 80% navigation and 20% content

Google: 80% navigation, 20% content

Wikipedia: 90% navigation, 10% content

Etsy: 60% navigation, 40% content

5.)How does www.landor.com guide the reader’s eyes and focus their attention on whats important?

I believe that their color choice of the white, the blue’s and yellow’s work very well. They really catch the eye. They have nice big typography that is always eye catching. The overall layout works well for the website and also the parallax scroll that they have really makes you read as you scroll down the page.

 

 

 

 

 

 

Elements of the user experience

What are the goals of Apple’s website? How does Apple’s website address the needs of a user who has just purchased their first MacBook? (pp. 41-56)

The goals of Apple’s website would be to provide their products but also to make money. Apple has many support systems on there site. They have troubleshooting, helpline number and store locations to help any of the issues that may occur.

What are the functional specifications of Facebook’s wall? If you are not on Facebook what are the specs for the signup page? (pp. 72-75)

For the sign up page you must enter either your email or phone number for conformation and security purposes. Also you must enter your age, however there isn’t anything checking and confirming your actual age.

What are four architectural approaches to information structure? Find one example of each. (pp. 94-106)

Hierarchy, organic, matrix and sequential. RMU.edu, Wikipedia.com, BestBuy.com, and check out section of Amazon.com. (in order)

What percentage of The Huffington Post index page is navigation, and what percentage is content? What about Google, Wikipedia, and Etsy? (pp. 116-134)

The majority of the Huffington Post is navigation. This helps you to find what you are looking for and articles that are similar. A small percent of the site is actual content. Google would have the most navigation because when you do get to the content it is no longer the Google site. Wikipedia is almost all content because it is organic and there isn’t really any navigation to certain pages but they use hyperlinks for navigation. Etsy is mainly navigation, using the matrix format you have to click through things to get to the content that you want.

How does http://www.landor.com guide the readers’ eyes and focus their attention on what is important? (pp. 144-155 )

Landor uses jQuery and flash to keep what is important in front of you. You must scroll to see new content and it uses visuals that will appear and disappear depending on the part you scroll to.

Introduction to New Media Reading Review

  • What are the goals of Apple’s website? How does Apple’s website address the needs of a user who has just purchased their first MacBook? (pp. 41-56)

I think Apple’s entire site is made with simplicity in mind. It’s made to bring the specs of all of their products into one concise site. Apple highlights some of the best features of any product as you scroll through their pages, not just the MacBook. For someone who just purchased a Mac Book, it is easy to find what will be some of the most exciting things you can do with this machine. What to learn down to the very tee what its retina screen is doing for you? What about the inner design of the product? Just click the “learn more” button and you will probably find all the information you need. That is how Apple helps any new user to their products.

  • What are the functional specifications of Facebook’s wall? If you are not on Facebook what are the specs for the signup page? (pp. 72-75)

Facebook’s main focus on its login page is ease of use. The login/register page is very easy to understand. You know where you are with the simple top banner that clearly states their name. If you’re just signing up, they give you a small blurb of what Facebook is all about, 4 short lines of text. Finally, they let you sign up right there on the home page. I believe this was done to let people think that it is so easy to sign up for Facebook, so you might as well do it right now.

  • What are four architectural approaches to information structure? Find one example of each. (pp. 94-106)

The first structure is hierarchical. An example of this structure would be ESPN’s website. There is the main page, and then a banner with the various sports covered. When clicking on a specific sport, there is another page that will have an even more in-depth banner to make your search for stats or a specific team even easier. The second structure is a matrix structure. RMU’s library search engine, run by EBSCOhost, is an example of this type of web structure. You can search through the website in multiple ways, making it a matrix in nature. You can use key words to find an article, or only use dates for a certain time frame, possibly find only peer reviewed essays. You can do all of that on the libraries website. The third structure is organic. McGraw-Hill’s connect website seems organic in its nature. When navigating through e-books or learning a lesson, there is no trail of where you have been, meaning you have to start all the way from the beginning if you want to do something over. The final structure is the sequential structure. A YouTube channel with playlists is an example of sequential structure. A person’s channel is placed in order of time, and the individual playlists are also meant to be watched in sequential order.

  • What percentage of The Huffington Post index page is navigation, and what percentage is content? What about Google, Wikipedia, and Etsy? (pp. 116-134)

Huffington Post: 30/70 nearly everything in the page is linkable to somewhere else, but they do have lots of headlines that give some content information. Google: 85/15 everything here is a link. The only information you get is the one word description of what you are clicking on. Wikipedia: 50/50 there’s a good mix of actual content versus just navigation, the most balanced of the three so far. Etsy: 25/75 you get information on what you’re clicking on from the pictures that are the links.

  • How does http://www.landor.com guide the readers’ eyes and focus their attention on what is important? (pp. 144-155 )

Landor’s home page is stark white, and then the information shows up in the highlighter yellow that makes you stare right at the information. It effectively moves the eyes of the reader to each sequential piece of information.

Review #1 – eCommerce

Jennifer Hoffman
http://www.modcloth.com/

The site I am reviewing is for Mod Cloth, which sells clothing, bedding, room decor and more. This site fits the “Don’t Make Me Think” criteria. The buttons that you are meant to push to navigate through the site either hightlights when the cursor is hovering over it, or is within a bound box as a button, just as the book describes. Everything is laid out very simply, with headings such as “Dresses” “Shoes” and “Home & Gifts” to name a few. When you hover over the headings you get a drop down that lays it out to more specific categories such as “Graphic Tees” “Leggings” and “Bedding”. This organization makes it very easy to browse their products and to find exactly what you are looking for.

When you find the product that you want, it is very easy to add it to your “bag”, as there is a large pink button that says “Add to Bag” and even directly takes you to the bag to view all the items that you have saved in it. To view your bag at any given time, there is a small icon shaped as a tote bag, on the top right of the screen, right next to a large button that says “Check Out”.

Over all this site is very easy to navigate and is well designed to make saving and purchasing your items fast and simple.

Augmented Reality Project – “Combat Reality”

Combat Reality is a submersive augmented reality of combat style games. Powered by Microsoft’s Hololens, E-Tattoos, and a companion smart phone application, CR throws you into battles wherever you can go.  Join matches near you, and download fighter skins all driven by the community. View real-time match statistics while in combat and review past games and scores from the app. Combat Reality challenges you to compete with with your friends and explore new places to battle across the world.

Combat Reality Mockups

Final Review #4

The website i choose to review that i feel would be competition for my groups fusion restaurant website is P. F. Changs. i feel that this would be a good compareison are website as it combines chinese food with different cultures of food just as are website combines ice cream and potatoes. The layout of the website is fairly simple everything on the page is very easy to get as far as the menu tabs and others on the top off the page. The navigation i feel could be a little better because if you would click the menu page it brings you to different menus instead of the menu itself, as it is with all the other tabs as well. I also feel that the layout as far as the color palette goes it is very bland and could use more then just the two colors it has which makes the website unappealing to the user i feel. I feel a more brighter color palette would have been a better choice to give it more life. i feel the texture of the website works very good with the website the text and the way things are arranged works very well i think. over i would change the color and the navigation for the different tabs but everything else works very well.

Review 4

Potato Bar Spud’s Poutinerie would be good competition for our Cream and the Crop restaurant because it includes very unique menu items. It looks like a popular college student place to go to. I can imagine this restaurant in a location such as the Strip District. After looking at the menu I found a bunch of unique options which is similar to our restaurant menu. Their website had the restaurant’s name in the upper left corner that stayed in place and a main navigation key at the top of the page. The navigation keys lead to the menu, restaurant locations, about the restaurant, franchising, and community information. When you put your mouse over any of the navigation keys on the top of the page, a yellow border appears. The background is a kitchen style looking stone tile that is stationary on the screen. Each navigation key has an orange sponge textured border. In the reading it says that texture should give off a feeling and the kitchen stone tile look gives off a home feeling.   Also in the reading, orange is thought to promote happiness, enthusiasm, and creativity. At the bottom of the page are more navigation keys such as Spud’s store, franchise login, faq, become an associate, and Spud’s club. All of the main navigation keys are on every page the website allows you to go to. There isn’t much information on the main page of the restaurant’s website. The menu only offers two pictures of items on the menu. The menu is organized into many sections. Our menu will include many pictures of our menu options. You do have to go back a page once you’re on the menu page in order to get to the other navigation keys. Shown on the locations page is a picture of more food and map views of their restaurants. I don’t believe their color scheme works for the website. I also found that when you place your mouse over the food pictures on the main page, a small sign pops up telling you what the transition into the next picture is going to be. Our Cream and the Crop restaurant website will stand out because of the many pictures and pages loaded with things to read. Our website has smooth transitions between different pages and easy navigation. Our website includes much more information about the restaurant itself and the faces behind the food than most restaurant websites.

Review #4

Today I will be reviewing another restaurants website, but this time I will also be comparing it to the website that my group is currently finalizing. The restaurant that I was to find to review is that which could be in competition with my own imaginary fusion restaurant, “Cream & the Crop”, a restaurant I feel fits this bill is “Gaucho”. This is a small restaurant that serves Argentinian food, and boasts a wood fire stove. The reason I believe this business is in direct competition with “Cream & the Crop” is the location in Pittsburgh’s strip district as well as it’s unique style and reasonable costs. I will be comparing the restaurants’ websites, but first I’ll discuss the use of layout, color, texture and navigation.

Firstly I will jump into the overall layout of the Gaucho site. On the homepage we see a large container floating in the center of the screen with margins around it. In the top right hand corner of the container is the menu, featuring; restaurant, menu, find us, and reviews. It is slightly off putting that the entire top left hand side of the home screen is blank, as this is where users typically begin their search for a site ID and navigation bar. Then inside the box below the menu is a large logo followed vertically by an embedded commercial, and below that the address and hours of operation. Upon opening each of the pages in the main navigation menu I notice that apart from the home screen the rest of the site features a site ID at the top left of the screen. The center container is the only change on each page, getting larger or smaller to fit the menu, reviews, or map. The two boxes stating the address and hours of operation remain the same on every screen as well. Overall I think this site’s layout is simple and works well enough, but could be enhanced if the menu was in a place that felt more natural, and if each pages didn’t feel so disconnected from one another.

Moving on to color and texture in the design. The site uses a handful of colors to help unify the pages into one company scheme, but fails in some regards. The main colors of the site are a pale yellow, black, and light gray. These colors are used on every page, grey for main containers and menus, black in the text and logo, and a yellow background that also features a photo. This scheme works effectively to give the whole place a feel of south of the boarder food, but a few problems effect the overall effectiveness. Mostly the page that features the menu, on this page the main container has another container inside itself, this is the menu and it is very dark grey nearly black, with white text and a reddish boarder. the dark grey with white text is not seen anywhere else on the site and feels out of place. The reddish boarder could be explained as matching a strip of color between the yellow background and the background image, but these two colors even appear to be slightly different. As far as texture goes many of the colors are flat, which I don’t this is bad. Gradient effects are used sparingly on the menu bar to give a sense of roundness, and it works to create more interest on the menu bar. The largest problem as far as texture goes is the image that is found in the background of the site. The image is not high enough quality to be blown up so large, and has not been edited well enough to match the color scheme of the rest of the site.

Lastly is navigation, one of the most important things to keep in mind when creating a site. As already discussed there is an issue with the menu being located in the top right as opposed to the top left, this could confuse users as the first place they look is to the top left for a site ID and menu options. That being said the menu does it’s job, with a simple hover effect that shows what can be clicked on and what can’t be. But there is no way to tell what page the user is on based on the menu bar. This problem is made worse by having the word Gaucho before each page name so that’s all that can fit into the tab above. There is also no courtesy navigation at the bottom of the page, which is a useful tool when navigating a site. Other issues include blue lettering in places when they are not clickable links, and the logo sometimes linking to the homepage and sometimes being just a graphic. Overall the navigation is simple and while it does it’s job, it could also be improved on for the user.

The Gaucho website is not bad, it is very simple and does what it needs to in many ways. I feel that “Cream & the Crop” will have a superior website that will be usable and visually appealing. It will do this by having a more unique layout featuring a fixed menu that scrolls with the user, as well as unified pages. With a constant color scheme that gives a feeling of an old fashion ice cream shop while reinforcing textures that bring up visuals of potatoes. And finally by clearly showing where the user is, and featuring multiple ways to navigate to the same page, for a more organic user experience.

Taylor Gearhart – Review 4

As a doughnut fusion restaurant, I chose to review a website that directly competes, a popular doughnut restaurant in Chicago, Illinois: Glazed and Infused. The website’s address is https://www.goglazed.com/index.php. The website immediately stood out to me, it’s simple but vibrant and definitely was designed well. The Glazed and Infused Website uses a lot of mediums together: illustration, type, and photography within the same page. In other words, there’s a lot to look at.

Upon first looking at the website, there is a blatant color scheme which successfully ties the elements of the page together. The prominent color of the website is a bright orange, which creates cohesion and instills brand recognition. Otherwise the color palette is cream and black, which complement and calm down the vibrancy of the orange. There is an interesting texture to the background color, which gives it a vintage paper feel. This in combination with sketchy illustrations and detailed photographic textures creates a retro yet modern mood to the website. I think that the website does a good job to attract a certain audience.

The layout and navigation of the website are fairly standard. The homepage draws you into a button labeled “Order Here” which takes you to the menu page. The rest of the homepage is general information about the restaurant. Otherwise there is a navigation bar near the top of the website which lists important categories like menu, locations, etc. Hovering over these aspects of the navigation bar places an orange bar over the text, and upon clicking it leads you to another page with information and photography. Photography is a major aspect of the website’s layout and uses large photographs of the restaurant and doughnuts to head each page. The photography is great and looks very appealing; I think that using large, indulgent photographs was a wise decision to entice viewers to purchase their food.

Everything is fairly well organized apart from feeling a bit cluttered. One thing I did not like about the website is a panel at the bottom of the page which has several, but not all of the same buttons as the top navigation bar. I do not like that you cannot access all elements easily from one navigation bar alone; for instance, the social media icons are only found at the bottom of the page. A lot of the same information is repeated and I feel as though the website needs to be more streamline and simple. Overall, the website had a fairly straightforward layout, but a lot of the information and pages were overwhelming with content.

In comparison to my restaurant’s page I think it competes well. Both websites use a selective color palette and a vibrant, retro appeal. I think what will make our website stand out is its more modern take on a classic food item. The one-page website with a streamline design and minimal information will make it easier for the viewer to be guided through content.

Review 4

In this review I used carrabbas. There use of color and texture were very good. It has great depth with the background image and foreground image. layout is also good but is not a traditional and could get confusing. They do a good job at navigation but could use more features to make it pop and easier on the user. in our website we use excellent navigation with clear information.