Chapter 3,4,5 reading responses

  • What information can ethnographic tools give you to improve the interactivity of an online banking website? (pp. 48-54)

The different types of diagrams can help give information to improve interactivity of a banking website. An ecosystem diagram (pg 48) gives user engagement points. It illustrates the various system touch points, and can give the banking site information on how to structure things. It will show them how the user will interact with their site and find them. This is valuable information and can help improve the relationships between users and the their interaction choices. A journey map (pg 50) actually describes the sequences the users take as they go through the different touch points. This is used to hypothesize how this site will be found, navigated, and learned. This can help the site focus on how intuitive they need to make the site, where to place the site, and the process that users go through. It can help with best case-scenario steps, or focus on failures and deviant paths to help make the site more interactive. This can help direct users to the right place.

  • At what point is a design finished? What makes it a success? What is its purpose? (pp. 54-62)

A factor of success in design is the relation from form to function. Can you convince users that the form you created is what it is supposed to look like? If form does not relate to function anymore, how can you relate form to emotional and social qualities? These are important questions to answer in design. (pg 56). The proper understanding and use of signification also plays a role in success (pg 56). Design can have a lasting and substantial effect on the world. Every design decision matters. (pg 57). Visual form is one of the most basic methods to be successful. The purpose of design is to improve all aspects of human life. (pg 60). Design has many stages, but is finished when it begins influencing the outside world. In a sense though, it can never be finished if the design has longstanding effects on the world.

 

  • Identify a product family you use regularly (can be anything from technology to consumables except for coffee). How has its branding effected your use, relationship and experience with the product? (pp. 78-84)

Labtops: The branding, particularly by apple, has affected my relationship and use of the product. Apple markets with a lot of integrity and attention to detail (pg 79-82). They focus on the most minute details and have created a strong trust between their products and consumers. This affects how I view my labtop, and enhances the experience of using it. I feel very mindful when using it, there is no unnecessary clutter or details. Everything is very sleek, professional and virtually perfect, which in turn makes the experience a very smooth feeling to it. Using my Macbook for designing makes me feel more professional. This is because of their marketing and design choices. Apple pays attention to the concept that consumers will pay the premium price for the premium experience (pg 82). I did not really enjoy the price, but the experience definitely is worth the price and then some. It creates a poetic interaction, which keeps bringing me into their products (pg 83).

Thoughts on Interaction Design Ch 1 & 2 responses

What makes up interaction design and what are some of the industry’s challenges?

Interaction design makes up the different technical aspects and requirements that are used as tools to create interaction and the creative ideas to tell a narrative. It is usually filling the roles of interaction designer and information architect. (pg 41)  It is becoming an expert in how humans relate to each other, the world, and the changing nature of technology and business. (pg 17) The process starts with building a scenario that includes a product and a person. Then a story is created with precise details. Finally, the principles of the story add a point of view and the main goal of the story. (pg 23) Another important part of interaction design would be participant observation. The product needs to fit into the culture in which it exists. (pg 25) An industry challenge would be the expert blind spot. It is the fact that the designers have a bias towards their work, and they think that others will know the same information they do. It is forgetting what it is like to be a novice as you become more of an expert. Localization is also a problem. Point of view also affects the industry. Having an open mind affects the design process. Finding the right mix between creative and analytical skills is crucial to be a successful designer. ( pg 31) The overall messiness of the process of design can be hard to interpret as designers and especially clients. The “over the wall” problem affects designers because of the lack of communication between designers and engineers. Designers need to communicate their creativity to a large organization. It is more than just being creative. (pg 52)

What is interaction design, how its evolving. What fields does it draw knowledge from?

Interaction design merges the worlds between designer and artist. It is a dialogue. Interaction design is a creative process focused on people. (pg 20) It creates an argument, but also invites the user to help create the dialogue. (pg. 14)  It is the creation of dialogue between a person and a product, system, or service. (pg 15) The field is relatively new, recognized for roughly 20 years, and it evolves as fast as technology and communication does. It draws knowledge from cognitive psychology and the art world respectively.  It is also closely related to disciplines such as interactive design, product development, and marketing. (pg 17) The difference between marketing and interaction design however is that interaction design focuses on actual behavior gathered from small groups and uses qualitative data. (pg 28) The heart of interaction design is that it should be user-centered, and that the only way to understand what users want is to interact with them. (pg 39)

Reading Response 1- Tristan Coyle

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 the apple website are to show off their products and to display what there products are about. It shows the sleekness and style that their products embody. It’s goal is to direct people to purchasing their products and them come back for support if needed. It displays their different line of products and grabs your attention. Once you purchase something, there website switches up from a guided process to a more open place to find what you need to fix or troubleshoot your new purchase. The support part of the sight lets you have more reign to search for what you need help with.

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)

There is a search bar at the top of the page with a navigation hub where you can check notifications and other features. On the actual page there is the status box to post in. There are several shortcuts on the left of the feed. On the right of the feed there is birthdays, trending, language choice, and finally there is messenger all the way on the right.

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

The four different approaches are hierarchical, organic, sequential, and matrix. An example of a hierarchical would be apple’s main site. It starts at one place and then branches off into others and gives you more specific options to choose from. An organic site would be wikipedia or superbad.com. It has no real set sequence and the path can change differently every time. A sequential website would be checkouts on sites where you can purchase something such as Amazon. It leads you directly to putting in the information and processing the order. Finally, a matrix site would be ThinkGeek or Amazon not including the checkout.

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 is roughly 80% content and 20% navigation. The main navigation is at a bar at the nav bar at the top of the page with scrolling content below. The content is interactive though and you can click on the stories to go to your desired page. Google’s homepage is roughly 90% navigation and 10% content, because the content displayed when you search something is only a portion. There is instead navigation to go to the site. Wikipedia is pretty close to google’s homepage with the ratio. It is roughly 80% navigation. When you search something, the navigation goes down to 20% with a navigation bar on the right side and content everywhere else. The content can be interacted with and keywords can navigate to different pages. Etsy’s homepage is roughly 30% content and 70% navigation. It has a nav bar and a search bar, but provides some content as you scroll down. It has a mix of information and different navigation buttons to shop for what you want.

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

They use different design principles to really guide the experience. They use hierarchy and dominance to show each item in importance. It starts out with their welcome blurb very large catching your eye to read it. They also use color to take notice from the background and focus it on the welcome blurb. Then, as you scroll down the color changes and the products become what is important to see. After the presentation of the dental products, it opens up to scrolling through different projects and such. It operates in such a way as that you have to scroll through each item to keep going, and this causes you to look through them one at a time. They continue to use color to emphasize things and it goes on as well.

Review 4

cafedesamispa.com

I chose Cafe Des Amis to be the competition for the final project. The site overall is not a strong presentation. The layout of the site is just a white box centered and a red background. The hierarchy of site is not very consistent. The logo is the largest item, but then the second biggest thing is the hours and address before the menu and the other items. The alignment and sizes are completely random and not organized. The social media buttons are not even on the main strip and are off onto the red bar. They are large and distracting. There is a use of texture in the header, but it really doesn’t work with the color scheme or seem to serve a purpose. It has a cloth look to it. The navigation is a standard menu bar with sections, but the site doesn’t give any breadcrumbs to where you are at currently. Nothing is highlighted and there isn’t a trail. The only thing that tells you is if it the specific page has a page id. There aren’t any “you are here” indicators as mentioned in the book. The site doesn’t pass the trunk test. A good thing is that the layout does stay consistent throughout the site. It doesn’t really guide you, it’s more of a see what you can click and hope for the best. It uses a matrix architecture. In the end, the website could use a lot of work on the technical and design aspect.

Our website has some similarities, but differ in polish. We have a set header and footer that stay consistent, but things are aligned and the hierarchy is consistent. The logo and site id are largest, then the navigation bar and the images inside the page. The actual content of each page changes and isn’t just a white block. We have graphics that are animated and jquery. Our site includes indicators to where you are on the site having page names and the sections highlighted to where you are located. Our color scheme includes reds and yellows, which are commonly used in the food industry because it increases the metabolism and can make you hungrier as stated in the color article. We used many different shapes and graphics to make the layout dynmaic and interesting while still being easily navigated. Objects and images are being rotated and changed for each page. We use a use of shadow to add depth to our skewers. Overall, our website stands out significantly to cafedesamispa.com.

Tristan Coyle.

Review 3

Review of sixpennkitchen.com and www.peterallens.com

Sixpennkitchen.com is a fairly simple, but soundly designed website. The homepage has the primary navigation bar at the top that stays there throughout the site including the site ID as the biggest icon. It has utilities in the top right and information at the bottom that follows on the whole site as well. When navigating to a different page, it has the “you are here” indicators as talked about in the book. On the menu section it has local navigation below the primary bar to go between the different menus.

Peterallens.com is another well designed site, but a little  bit fancier that sixpennkitchen.com, while still getting the point across. This site also has the site id, primary navigation, page name, utilities, and a bottom bar with information that is on every page. The menu bar is at the top along with the site id.  The differences are really just the placement and some more eye-pleasing attributes such as the gif of the food in the background, and the page name being placed under the navigation bar.  The home page has a welcome blurb talking about the restaurant. Overall though, the content is pretty similar between the two sites.

Compare: balance, unity, emphasis, and layout

Both websites have a good balance to them. They are both centered for the most part, but peterallens.com has the site ID on the left while sixpennkitchen.com has it centered in the middle of the menu bar. Sixpennkitchen.com has the site id slightly bigger than the rest of the menu, so with emphasis your eye goes to there first. It is the same with the other site, except it is way larger and definitely more appealing and holds your focus better. Peterallens.com does a good job of using emphasis on where to look first. It goes from the site ID to the background gif then to the page name or welcome blurb, and then the actual content. Sixpennkitchen.com also does a good job while being a bit more basic. The layout’s are both really similar with the menu bar, bottom bar, etc. They are both simple and effective and create a strong unity with both websites. Nothing looks really out of place and everything seems to fit together well on both sites. Both sites have everything included in the trunk test except a search bar, which really is not needed as much for a restaurant website. Overall, both sixpennkitchen.com and peterallens.com are solid designed websites according to the book and the principles of design. Sixpennkitchen.com is more basic, but still gets the job done just as well as peterallens.com

Tristan Coyle

Review 2 thinkbear.net

thinkbear.net Review

Thinkbear.net is a portfolio website displaying Jens Nielsen’s work as a digital designer. It is a single page site sectioned off into four different areas. When you scroll, it goes to the next page. The website gallery also has left and right arrows to scroll through more work. The layout is very simple and intuitive. Everything is clearly laid out for one to learn more about the designer and his works.

The site is able to stay consistent without losing clarity. It sits in the perfect medium. Although very simple, the website has clear visual hierarchy on what is most important and the order to look at things. His name is the largest considering this is a portfolio of his. The social media links are grouped close together and are the same size. Each area of the website is clearly sectioned off when you scroll and each has a purpose. The different items that can be clicked are pretty noticeable and some are even animated. His photos zoom in when you hover over them indicating that you can click on them. They then take you to the actual Instagram photo. Overall, the site has good spacing and is lacking any clutter. It has a very crisp and organized feel to it.

Texture: The use of shadows and rotation on the website display creates a really intuitive 3d effect. The background is a very clean and minimalistic. The portrait on the first section has a grainy texture to give a really rugged look when combined with the black and white.

Color: The first web paige has a black and white background with very vibrant colors for the social media buttons. It then rotates to very vibrant colors involving his work. Then it alternates back to black and white for his summary and finally ends on more of his work in color. The alternating pages works really well. The background is a light shade of grey that does not distract from the important details on the pages.

In conclusion, thinkbear.net is a very well designed site with a simple purpose that executes quite flawlessly. It is simple, but intuitive. Everything is easy to read an navigate due to the lack of clutter and good hierarchy. The buttons and objects are easily defined. Each area looks unified to the whole site. The logo and social media buttons follow you as you scroll on every page except the photograph gallery and really help with the unity.  The site definitely creates a smooth and relaxing experience while you learn more about the artist himself.

Tristan Coyle

Review 1: Thinkgeek

Review 1:  Thinkgeek.com

The website that was chosen to be reviewed was thinkgeek.com. I tested its ability to navigate and how much the website “made me thing.” I went onto thinkgeek searching for something related to pokemon. I immediately saw the search and knew where to type in my search. I used it and found what I was looking for. I went back to check if there was another way to find the desired results. Through use of the intuitive tabs, I found the pokemon tab and it led me to the same results. This was useful knowing that if I didn’t want to search through the website, all I had to do was just type in my desired search right at the top of the page, but I could also use the tabs that are very self-explanatory to find the products. Thinkgeek gives you the option without making it confusing. I’m able to easily scan the site and find the things that interest me quickly. For the most part, you can tell where you can click without wondering. There is a good variety on screen to really pick and choose where you want to focus on. It is quite easy to find the products you want. Users do not have an autofill dropdown box when you are typing though, so spelling is up to them. That would be the biggest improvement I would offer to the sight. The autofill option would make it a more intuitive and pleasant experience. The front page also does seem to be a little over cluttered so maybe taking out a few of the elements can really bring it together more.  Overall though, it is a strongly intuitive site that holds your attention and navigates easily.

Tristan Coyle