Designing for New Media

Madisyn Kovach

Reading Thoughts on Interaction Design: Chapters 3, 4 & 5

  • What information can ethnographic tools give you to improve the interactivity of an online banking website? (pp. 48-54)
  • Ethnographic tools used by Interaction Designers attempt to understand what people do and why they do it. Most ethnographic tools are generally poor methods of determining if someone would buy a certain product, identifying how much someone would pay for a certain product, and understanding what color, texture, material, size, or shape to make a certain product. While tools like surveys or interviews can certainly ask questions relating to these details, people have a difficult time in estimating or remembering details related to this type of preference. Instead, ethnography helps designers identify problems.  So, if I was looking on PNC’s Bank website, I would be looking for the design of the site. I would also be questioning if I can use this easily or if I struggle while I am using it. In my opinion, when looking through PNC’s website, I feel like it is a great website. For example, the layout is understanding, nothing is out of place, there are colors that make my eyes pop, and there are different size of text used.  
  • At what point is a design finished? What makes it a success? What is its purpose? (pp. 54-62)
  • It is known that a designer will create a mass of ideas, test them, and gather good feedback, all the while honing in on a particular solution. I feel like a design is never completely finished how you expected it would be.  You have to remember to please your audience. So, things might have to change in the future to keep the incoming crowd happy with the product. There are several things that can make the product a success. One thing can be the satisfaction of the customers that are using the product.  The second thing is people purchasing the product. The final thing is the reviews online. Getting good reviews can cause other customers to purchase your product.  A good designer, however, balances convergent thinking with a healthy level of divergent thinking.  The purpose of the design is to please the user and the person who created the device.   
  • Identify a product family you use regularly (can be anything from technology to consumables except for coffee). How has its branding affect your use, relationship and experience with the product? (pp. 78-84)
  • A product family that I use regularly is Apple.  I currently own a MacBook, iPhone, iPad, and Apple Headphones.  I also have owned several of their iPods including the nano, touch, and shuffle.  I started using Apple when I was about seven years of age when I got my first iPod.  I continued using the iPods when I was younger because I thought it was easy to just transfer my songs through iTunes.  When thinking I was younger I started with the flip phone and in about 8th or 9th grade, my dad told me I could choose a smartphone.  Having several Apple products before, I knew an iPhone would be the best decision. I can tell you I have not had any other smart phone other than the iPhones.  Anytime I had a problem with my phone, I would always look on Apple’s website because I knew there was a step by step process to walk you through the situation. When going to trade my iPhones, the customer service in the Apple Store was amazing.  They would always answer my questions, as well as, walking me through how to set up my phone. They also have helped me transfer everything from my old phone to my new phone. I feel like I have stayed with Apple because I never really had issues with their products or staff before.  Also, everything on their devices are user friendly.      

DFNM Ch. 1 & 2-Madisyn Kovach

  • What makes up interaction design and what are some of the industry’s challenges?
    • Worrying about:
      • Fragmented user journeys & clever but lazy users
        • Trying to get everything on the website/app but making things as easy as possible.  You do not want them to get confused using the website or app but you still want to get all of the information onto that page.  
      • New interaction paradigms
        • EX: tapping on social media apps like snapchat
    • Making sure the page is visually attractive
      • You want to make sure you are pleasing the users eye.
    •  How much information you want on your page
      • You want to make sure you are putting an equal amount of text and photos on a website.  Chances are if the website is all text, your viewer will probably not look at it.
    • The simplicity on the page
      • Making sure you can function it as easy as possible. 
    • Making the device looked finish
      • When it fits the user at a specific time
  • What is interaction design, how its evolving. What fields does it draw knowledge from?
    • Interaction Designers- find themselves in the unique position of being at the center of several worlds, all of which are presently colliding within the global marketplace. These worlds include industrial design, engineering, psychology, art, and business strategy. All of these elements must be present and well integrated in order to create a successful Interaction Design, and the Interaction Designer often seeks out the role of project manager—in charge of ensuring that all of these fields are adequately represented in the development of a product.
    • Good design is as little design as possible
    • Users should not have to think about the design. It should feel natural. 
    • Interaction Design- is the design of interactive products and services in which a designer’s focus goes beyond the item in development to include the way users will interact with it. Thus, close scrutiny of users’ needs, limitations and contexts, etc. empowers designers to customize output to suit precise demands.
    • Different Fields:
      • Interaction
      • Graphic
      • Photography
      • Multimedia
      • Interior 
      • Advertising
      • Film
    • Design shapes behavior
    • There should be a meaningful relationship between the person and the thing.

ARTM2220 Week #1 Questions

Madisyn Kovach

Designing for New Media

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? (Chapter 3)

The goals of Apple’s website are to make the company money and to save the company money. When looking at Apple’s website, there is a step-by-step process listed on their website to help users that just purchased their first MacBook.   Apple wants the users to have a quick and simple service when having an issue.  Apple has also set up their website based on demographic. If you think about it, people from the ages of 10-70 could be purchasing their first MacBook.  So, the website is user friendly to all ages.  Also, the Apple site wants the user to have good impressions.  Apple wants to make sure their site is helping the users with questions, so they are saving their own time and money.  If the user has a good service, they will probably buy another one of 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? (Chapter 4: Functional Specifications, Content Requirements a Prioritizing Requirements)

Functional specifications provide the developer and the designer with a vision or concept of the final website. A functional specification does not define the inner workings of the proposed system.  Instead, it focuses on the people interacting with the system.  When looking on Facebook, the functional specifications include tagging friends in posts, posting your thoughts or pictures, and scrolling to see what other people have posted.   

What are four architectural approaches to information structure? Find one example of each. (Chapter 5: Information Architecture)

There are four architectural approaches to information structure. These four architectural approaches include hierarchical structure, matrix structure, organic structure, and sequential structure. The most obvious example of a hierarchical system in computers is a file system, in which directories have files and subdirectories beneath them.  When looking at a matrix structure, a good example would be on Amazon. When looking up a product, you can look on the left side of the computer and see different boxes that you could check off.  For example, you could say I just want prime items to be shown. You would hit the box that says prime and then Amazon items that are only prime will pop up.  For organic structure, a good example would be when you are on an educational website. You can find a several page document but if you were to leave the page, it would be hard for you to get back to the same exact spot on the page.  The final architectural approach is a sequential structure.  A good example for a sequential structure is when you are checking out on a website.  It takes you through a step by step process. These are examples of the four architectural approach to information structure.    

What percentage of The Huffington Post index page is navigation, and what percentage is content? What about Google, Wikipedia, and Etsy? (Chapter 6)

When looking at the Huffington Post, I say there is about 90% navigation with 10% content.  When looking on the website, there are several options that you could use to navigate your way through the site.  While searching Google, I found that about 65% is content and 35% is content. Searching for the presents of Wikipedia’s navigation and content, I found that they have 15% navigation and 85% content.  While searching Etsy, I found that almost 80% is navigation and 20% is content.    

How does http://landor.com guide the readers’ eyes and focus their attention on what is important? (Chapter 7: Follow the eye)

When looking at landor.com, I found several things that could guide the readers’ eyes and focus their attention on what is important.  You could tell just by searching that they were trying to interest you in research, design, and consulting methods that the branding industry still uses.  They also used several navigation keys that brought you to a lot of the content. In my opinion, this website also used a strong color palate.  When having a black screen with white font, and then you hover over a word and it changes to yellow it will catch the readers’ attention on something different. Also, this website uses a very strong grid.  The readers will not get confused or lost when looking at images and reading what it put down. 

makst299 Review #4

makst299

Madisyn Kovach

ARTM2210

4/23/19

Review #4

Review #4:

The website that I have chosen that is very similar to my groups “Eye-Pop” Page is giraffe.com.  I have chosen this page for several reasons. These reasons include the color of the website, the type of layout, and the images created.  These are just a few reasons why I chose this website.

The first reason why I chose this website was because of how similar our colors were.  When designing Eye-Pop, we designed it with bright colors with dark backgrounds. When seeing giraffe.com, the first colors that made my eye pop was the yellows, pinks, and blues.  This was the first reason why I feel like giraffe.com is similar to our Eye-Pop page.

The second reason why I chose giraffe.com is because the layout of the website.  The layout is very similar to our eye-pop page. I looked on a few of their pages and they have very similar different layouts.  I feel like we have a similar layout because ours is clear and simple but still will catch the readers eye.

The third reason why I feel like Eye-Pop and giraffe.com are similar are because of the vector graphics featured on the page.  When looking at a website, you usually just see real photographs that someone took. Even though giraffe.com has some real images, most of the side images that are shown are all vector images. I find it unique to not only have real photos on your web page.

All in all, I feel like giraffe.com is very similar to our Eye-Pop page. I feel like our website will pop out a little more than giraffe.com.  I feel like Eye-Pop includes several more colors, little animations, and cool images. These are just a few reasons how I feel that giraffe.com is a similar website to Eye-Pop.     

Review #3

Madisyn Kovach

ARTM 2210

Spring 2019

Review #3

Tuesday, April 2, 2019

Review #3:

The first website that really pulled me in was https://www.prada.com.  When I opened the website, I could easily understand what that website was trying to sell.  The next reason why I enjoyed this website was because there was not a lot of information to read.  We tend not to read web pages, we just scan them. Another reason why I liked the Prada website was because it had a lot of links for me to easily make my way around the website.  The other thing that I enjoyed was the simple color used on the page. The layout was all black and white and then some pictures shown had pops of red in them. Also when looking a this website, I liked when you clicked on a link how everything was centered.  It was a simple layout but a nice use of strong colors. This is why I really enjoyed the Prada website.

The second website that I found really interesting was http://www.lavinlabel.com.  This website is used for home and travel inspiration through unique visual storytelling.  The first thing that really caught my eye when first opening the website was the soft colors being used and the amazing font choice.  The as I was scrolling down on the page, I really enjoyed seeing the different kind out layout used. There was a variation of big and small pictures with just a little amount of text.  These pictures and text shown had a lot of unity.   When I was exploring this page, it was very easy to find my way around.  There were several links that could easily take me to other pages. The other thing that I really enjoyed was how it linked you to her social media pages.  This is so I could just see more pictures of things that she does. In my opinion, this page was stronger than the Prada website just because of the different layout.  Also, I felt like this website had more emphasis on what she was trying to sell because of the several pictures she used. This is why I enjoyed looking at the Lavin Label website.

Madisyn Kovach Review #2

Madisyn Kovach

ARTM2210

Review #2

February 26, 2019

Review 2:

I looked at several of website but the one that really stood out to me was https://owltastic.com. The site used a beautiful dark blue and yellow that just really catches your eye.  I also saw that they used the color white. You do not see that often. I also really enjoyed looking at the texture. The texture included yellow stars with a low opacity. I liked that the opacity was low because it made you look longer to see what the background included.  I also chose this site because it was easy navigation. Scrolling up and down is simple but I feel like it is the best decision because that’s what people expect. On of the other websites I looked at scrolled left to right and it took me more than three minutes to figure it out.  You want the viewers to be able to use your website and not get confused. I also love the text used. Even though it is a fancier kind of font it is still easy to read. There are several elements that make the site easy to scan, read, and understand content. The headings are bolded which makes it very easy to read.  I feel like this site’s design is very well. Color is really important when I am designing. So, in my opinion this website has a really good color combination, as well as amazing images with movement on the page. This is why I decided to choose https://owltastic.com as my favorite website.

Madisyn Kovach Intro to Web Design: Review 1

Madisyn Kovach

Intro to Web Design

ARTM2210

Review #1

2/12/19

The website that I chose to look at was Amazon.  There are a lot of things that work on the website.  For example, there are a good amount of different tabs that are organized on the top of the home page. In the left corner there is a tab that you can open to see what different categories Amazon has to offer.  The second thing that works on amazon is the recently searched list under the search bar. Say you are so satisfied with one of the products bought from Amazon but you forget what the brand was or what tab you searched through to find that product.  You just go into your recently purchased tab and find all the product that you purchased. The final thing that is good about Amazon is once you search something you can look to the left side and go further into detail with your search. For example, say you are searching movies.  You can search movies in the search bar and when getting to that page, on the left side will show the prices you would like to spend, what type of format you would like to purchase, and the types of genres that are sold. So checking all of those recommendations can help you finally find a movie that you are really interested in buying. When looking on the website, there was not anything that I noticed that did not work.  The only thing that I would make an improvement on is combining the tabs that offer your current search history and your current purchases. That is to give one less tab on the homepage and make it a little more simple.