Ames' syllabi

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 primary goal of Apple’s website is to get you to purchase their products. It also emphasises its brand identity by being consistent with the clean look and colors seen in their products and stores. The landing page is mostly dedicated to showcasing their lineup. There is a link to the Support page prominently at the top right on the navigation bar that can be useful to a new MacBook user.

What are the functional specifications of your preferred social media’s home page? If you are not on social media what are the specs for Google? (Chapter 4: Functional Specifications, Content Requirements and Prioritizing Requirements)

The functional specifications of Google are primarily that it allows you to easily enter a search query. This field is large and placed front and center of the page, aside from which, the page is mostly empty space. There are of course links to some of Google’s other services and the user profile located in the top right corner.

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

Hierarchical: RMU’s website

Matrix: Amazon product pages

Organic: Wikipedia

Sequential: Checkout process for an ecommerce purchase

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

Almost all of the Huffington Post’s index page is content, with only the navigation bar at the top and some links at the very bottom of the page, far out of the way. The same is true for Google and Etsy, with Wikipedia additionally having a small bar on the left edge of the page.

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

The text on the landing page is boldly displayed towards the top of the page over a full page image that is mostly a single tone. A small arrow at the bottom center prompts the user to scroll down and as they do, the text fades, while the colors of the image shift to more vibrant hues. This fade in is used repeatedly as you progress down the page with new content becoming more visible as it nears the center of the page. The minimal navigation bar is hidden while scrolling down and only makes itself visible upon scrolling back up.

1. The website seems to emphasize, first and foremost, the sale of Apple products. Their most recent and updated products are put on display with sleek, advanced looking design choices to highlight them. Apple’s website provides a simplistic layout with visible options that can direct a new user of a MacBook to assistance in any way that they possibly can help, as well as solutions to frequently asked questions.
2. Entry to instagram immediately makes a clear layout. The logo marks the top of the screen, paralleled by a square plus button, similar to the shape of the images that inhabit the main portion of the site (implying this button would add a new post), a heart button that has a red dot in its top right corner when you have a notification, and a button in the shape of a speech bubble with something that appears to be lightning in the middle, implying instant messaging. Immediately, the main portion of the website begins at the top left with your profile picture and text under it that reads, “Your Story,” which explains what the profile pictures to the right of yours mean: they are the stories of other users that you follow. Below that is the main content, which is an image that likely takes up a good half of the screen, as well as the username and profile picture of the user, a description under the image, and a comment section below the description with a date for how long ago the image was uploaded. The small bottom section of the screen is the navigation, which is separated into the home page, a magnifying glass signifying the, “explore,” page, a play button with the top of a clapboard on it for the, “reels,” a shopping bag for shopping, and your profile picture to show your own profile.
3. The four listed architectural website approaches are:
   1. Hierarchal
      • Newspaper Websites
        • USA Today
        • Pittsburgh Post-Gazette
        • New York Times
   2. Matrix
      • Amazon
   3. Organic
      • Wikipedia
   4. Sequential
      • A majority of interactive documentaries
4. The immediate opening to the page presents maybe 15% navigation, and as you scroll down, it represents much less. With the three bars on the side selected though, navigation becomes around 30% of the page’s makeup. Google’s navigation makes up maybe 5% of the top of the screen, 10% of the bottom of the screen, and the search bar takes up maybe 10% on its own. The screen has no content besides navigation. The wikipedia has a sidebar and navigation bar at the top that represent maybe 10% of a widescreen view with navigation. No matter the size of the page, the size of the navigation generally remains the same, allowing for the navigation to always have prominence. The majority of the screen is taken up with content that offers links to different areas on the site. Etsy offers navigation in the header and footer of the page. When scrolled to the top, the header is around 5% of the screen, where at the bottom, the footer navigation represents 25% of the visible content.
5. Bold color choices distinguish what is most important at any given time, and even small areas of text are clustered in such a way that makes them an active presence on a page.

1. Interaction Design is dialogue between a person and a product, system and/or service through the understanding of problem spaces and what people want and need. The industry provides challenges such as time constraints for project ideas/completion, deciding which problem needs solving, or the designer “being responsible for creating a product that affords, or encourages relationships between a product and a person in a very finite sense”. Chapter Seven also mentions “wicked problems” which are “a form of large-scale social or cultural problem that is difficult to solve because of incomplete, contradictory, and changing requirements”.
2. I answered what interaction design is above, but as for how it’s evolving, in Chapter Six it mentions how technology is beginning to become depended on in everyday activities. Kolko says, “Many people view Google or a similar search engine as an extension of themselves” which I see everyday. If you are having a conversation with someone and you both are unsure of a fact or statement that is made, someone simply pulls out their phone and google searches the question at hand. Interaction Design draws knowledge from a lot of user research data, which shows how people use technology on a daily basis and what their habits or tendencies when using technology are.

I took a couple things away from Chapter Six, including in the beginning the conversation about norms and how they are “unspoken rules” in society. I found it interesting and relatable when it talks about the example of talking on the phone loudly in a tight space such a bus. If things were reversed and that was socially accepted, things would be much different. It also states, “Norms are communicated through societal interactions, including conversation, body language, and other forms of group interactivity”. This is very interesting because it is true. Things such as conversation or group interactivity over time can create a norm.

Another takeaway I had was towards the middle of the chapter when it talked about Invisible Manifestation in relation to judgment, frames, and ethics. It said “most people rarely have the time or awareness to understand how a complicated product is affecting their life”, which I have personally found evident in my day to day life. Things such as our phones play such an important role in how we communicate, navigate, and even do things such as plan our day. Without them, some people’s day may go to shambles.

In relation to this, I spoke about this in a previous week’s reading questions, in the section regarding shifting negative behavior through design it speaks about the “increased dependency on technology with regard to common, everyday activities”. It gives the example “many people view Google or a similar search engine as an extension of themselves” which as I mentioned before is very true. People tend to use technology even when they don’t realize it. How do most people check what time it is nowadays? Their phones.

1. Ethnographic tools such as observation or user testing can improve the interactivity of an online banking website. Data could be gathered as to what is looked at most frequently when accessing banking information and then this data can be used to provide a easy-to-use website.
2. As discussed in class, there is no correct answer as to “when a design is finished”. However, it can be said that you can always add to an idea, an idea itself is a finished design, or maybe a deadline makes you ‘end an idea’, but in reality a design is never finished.
3. A product family that I use regularly is Apple. I use their phones, computers and even Apple TV. Its branding has affected my relationship and experience with the products in a positive way I would say. I love how simple Apple products are and how simply elegant they are design-wise. Apple has provided so many clean-looking products aesthetically that run smoothly and in my opinion have set the curve for technology in the past two decades.

1.

Apple’s website is easy to navigate while also being appealing to look at, this creates a welcoming environment for users.

At the top of the website, it has all Apple products listed, this makes it easy to find for someone looking to learn more about their Mac. Once clicking onto the Mac tab, you are given options to learn more about the Mac and even compare different versions of it.

2.

The functional specifications of Twitter’s home page is that it shows you tweets right away that apply to you the most. It also allows easy access to other tabs of the site such as messages and searching.

3. 

Hierarchical Structure: Nodes have parent/child relationships with other related nodes. Ex: An example of a hierarchical structure is Google, you start on the simple homepage of Google, but once you begin to search you are taken to more link that can lead you to further links.

Matrix Structure: Allows the user to move from node to node along two or more dimensions.

Ex: An example of a Matrix Structure could be a clothing website that allows users to sort the contents of the site through different desires such as size or color of the clothing.

Organic Structure: Nodes are connected together on a case-by-case basis, and the architecture has no strong concept of sections.

Ex: An example of an organic structure would be a website such as Wikipedia that has thousands of pages connected to one another in various ways.

Sequential Structure: A Sequential Structure is one that flows in a straight line without varying paths or options.

Ex: Watching a video on YouTube could be an example of a Sequential Structure, as you can only move forward in the video or rewind.

4.

The majority of Huffington Post’s Index Page is navigation as it is mostly a list of links that take you to the variety of stories offered by the website. Besides the links it is just the text that labels what each link will lead you to.

Google’s homepage is a lot more open than the previous example, however most of the options to click on are links labeled by text that will take you to different parts of the site. The main piece of content on the site is the Google logo which is often replaced by a drawing or video.

Wikipedia’s homepage is a fairly even mixture of navigation and content. The side is a wall of links labeled with text, but the middle of the page is content such as the featured article, news, or fun facts about the current day.

Etsy’s homepage is the most even mixture of navigation and content. There are links that can take you around the website, but there are also a lot of images that show what the site has to offer.

5.

The site welcomes you with an eye-catching interactive logo that changes as you scroll down. As you continue to scroll, the website uses bright boxes and large black text on a white background to help guide your eyes to what is important on the website.

1. Apple’s website is designed to emulate their user experience which captivates the user and is very interactive. The colors and animations they use are very pleasing and easy on the eye which provides for a very fun experience for anyone using or simply visiting their website.

As briefly discussed in class, Apple’s website does well to offer assistance to new or returning Macbook users. They have a support tab big and bold alongside all their other main elements such as ‘AirPods’, ‘iPhone’, and ‘Accessories’. When clicking on this ‘Support’ icon, it provides a list of things users commonly need assistance with in order to more easily help them with their needs.

2. My preferred social media is Instagram. The functional specifications of Instagram is to be able to upload, download, and view photos. Also, users are able to perform searches based on account names or photo/video titles.

3. There are many approaches to information design and organization, but the four that I found in the reading are the organization, grouping, ordering, and presentation of content. Examples of these are library science, journalism and technical communication.

4. The Huffington Post’s index page is about 65% navigation and 35% content. Although the content is what jumps out at you when looking at the home page, the content is really only a glimpse of the real story, which you need to navigate to through the link embedded in the content. Google on the other hand is 95% navigation and 5% content because they are known for being a SEARCH engine. Their main job is to provide the user with an easy way to move to what they are trying to find. Wikipedia is a mix of both, but is about 50/50 with content and navigation. They do a nice job of providing a lot of information, but within that information giving you the option to navigate to specific points of that content. Lastly, Etsy is leaning more towards content. They provide about 80% content and 20% navigation. The website is used mainly for content and purchases, so navigating to those items or ideas is a smaller piece to their website compared to something such as Google.

5. After looking at lindor’s website, I was thoroughly impressed. Besides Apple’s website, I haven’t seen one like this. It is very interactive and changes colors when you scroll. It guides the readers eye and focus very well through a linear scroll, but also through their use of color and sizing. Initially the color scheme is very dull and dark with a greenish tint, but as you scroll (which is an instinctive element as a user when using a website) the image brightens and provides a brighter, more friendly and inviting color scheme with more of a light blue tint. As you scroll it is very simplistic and easy for the readers’ eyes to follow whats important. They use a white background and yellow and red boxes to capture their attention.

• 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?

This website is very modern and well-designed and helps users find the information they need easily. It seeks to aid users in finding the best product for them, while also seeking to have them upgrade and buy accessories as needed.

• What are the functional specifications of your preferred social media’s home page? If you are not on social media what are the specs for google?

On Twitter, the functional specifications rely mostly on allowing the user to browse a feed. Unlike some other social media, the home page of Twitter brings you instantly to a feed. It then must allow you various other options, such as posting immediately from the homepage, making an account if you do not have one, and viewing other tabs for other exploration. Overall, most of the functions rely on scrolling and viewing other people’s posts, and most of the features revolve around that.

• What are four architectural approaches to information design and organization? Find one example of each.

Organic Structure: wikipedia.com

Hierarchial Structure: rmu.edu

Matrix Structure: amazon.com

Sequential Structure: kotaku.com

• What percentage of The Huffington Post index page is navigation, and what percentage is content? What about Google, Wikipedia, and Etsy?

The Huffington Post brings you immediately to content and has very few points of navigation. The first image is a huge header for an article, and then there are many smaller images for many other articles.

Google’s home page is only navigation. The first sight is a search bar, to which you might enter what you are searching for. It may also recommend familiar sites to you as you have used them before.

Wikipedia is also heavily based on navigation with a search bar being most present, though it also has more content upon scrolling down.

Etsy, though it has a large search bar on top, immediately brings you to content even if you are not a returning user. The main goal is to sell you things, and the content comes immediately.

• How does http://landor.com guide the readers’ eyes and focus their attention on what is important? 

The website starts with a big image and display, and the display does not leave until you scroll far down. It makes the user force their attention on the starting image. As you scroll down, content takes a second to arrive as it fades in from white, so the audience must really pay attention to see the content or they will scroll right past it.

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

User control, responsiveness, real-time interactions, connectedness, personalization, and playfulness makes up interaction design. They are the basic factors that contribute to what makes people able to interact with a design. Some of the industry challenges are lazy users, patterns of technology usage, and data-driven design. Designers are frustrated with how users are smart and understand how to use designs but want to be spoon-fed how to use them at the same time. Features of phones and social media are always changing, for example, tapping the screen replacing scrolling. Lastly, keeping users engaged is vital when considering data-driven design.

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

Interaction design is always evolving. Technology is constantly getting smarter and becoming more convenient for people to use. Interaction design draws knowledge from consumers. Designs are revitalized based on the users’ needs and the overall accessibility to the product or service provided. Designers are consistently learning and adapting their designs based on how users react to them.

I felt this chapter to be one that fascinated me much more than any prior entry, particularly because of its enticing considerations of changing or evolving cultural perspective rather than the standard expectations of the geographically divided cultural perspective. The elements of rapidly evolving local culture are something that has become more commonly recognized than ever in the ever accelerating era of the post-industrial world, likely due to the interconnected technological advancements that are capable of being made on a much larger communication scale. This chapter not only assesses those, bringing a surprisingly dated discussion of children born in the year 1990 and their immersion into technology (something that reads as particularly strange to someone born in the year 2000, born not only into advancements in digital technology, but the very existence of the commercialized world wide web), but also discusses the ethics involved with design that persevere through all design choices. These are frequently described using terms reminiscent of economic study to describe the choices and psychological processes of consumers who would be receiving a product of group-effort artistic design.

Interaction design is a form of design that revolves around user experience with a specific creation. It can be both physical and digital. The challenges that the industry could face would be agency models dying, fragmented user journeys, data-driven design, etc.

Interaction design is growing in favor of post-modern media and functions through different types of technology. There are certain fields that have a part in this: Graphic design, psychology, marketing, engineering, and also, website development.

• 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 for Apple’s website are to help users compare features and select the best model for their needs. Apple’s website features icons that are universal to shopping navigation and descriptions for the features that are not common amongst the average user.
• What are the functional specifications of your preferred social media’s home page? If you are not on social media what are the specs for google? (Chapter 4: Functional Specifications, Content Requirements an Prioritizing Requirements)
  • CPU — 0.2 ( the required processing power)
  • CPU — 1.4 ( graphical requirement)
  • RAM — 1.2 ( required amount of RAM)
  • OS — Android 2.2 and above (required android operating system version) iOS 5 and above (required iPhone/iPad operating system)
• What are four architectural approaches to information design and organization? Find one example of each. (Chapter 5: Information Architecture)
  • Hierarchical Structure: cnn.com
  • Organic Structures: wikipedia.com
  • Sequential Structures: wikiHow.com 
  • Matrix Structures: amazon.com
• What percentage of The Huffington Post index page is navigation, and what percentage is content? What about Google, Wikipedia, and Etsy? (Chapter 6)
  • The Huffington Post focuses on presenting content and has simplified navigation tools.
  • Google’s main function is to navigate between other websites and is therefore mostly reliant on navigation features with small parts of content.
  • Wikipedia is meant to navigate from content to content and is therefore content-centered 
  • Etsy’s main purpose is to find information about a product so most of the page is centered around navigation and some featured content
• How does http://landor.com guide the readers’ eyes and focus their attention on what is important? (Chapter 7: Follow the eye )
  • Landor.com Feeds small bits of information in a visually stimulating way through the way they instill functions that slow down the scrolling process and section content that fills the screen. This helps control the reader’s eyes and forces them to take in the main ideas that Landor wants the reader to get.

• 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 apples website is to not only describe and list their products, but also sell them as well. They describe the physical components of their products and the multitude of ways it is used. In terms of the need of someone who has purchased their first macbook, its a little lackluster. They don’t provide any info on the setup and details of the macbook, rather they just promote accessories for the macbook.
• What are the functional specifications of your preferred social media’s home page? If you are not on social media what are the specs for google? (Chapter 4: Functional Specifications, Content Requirements an Prioritizing Requirements)
  • The functional specifications is essentially what the system actually does. For example instagrams functional specifications would be the buttons at the bottom that take you to different aspects of the app( like the search, profile, and liked function) In addition, the home page has posts made by other people and at the top are stories posted by others.
• What are four architectural approaches to information design and organization? Find one example of each. (Chapter 5: Information Architecture)
  • four approaches are the Hierarchical structure, the matrix structure, organic structure, and sequential structure. Hierarchical structures are the most common and can be seen used in many design projects. The matrix structure is useful for customization of shopping such as choosing the color or size of items for online shopping. The organic structure is free flowing and is best used for idea generation and connection meaning that it is best used in the early stages of idea generation and purpose. Sequential structures are the most basic and are seen everywhere in books, articles, and video.
• What percentage of The Huffington Post index page is navigation, and what percentage is content? What about Google, Wikipedia, and Etsy? (Chapter 6)
  • The huffington post is 90% content, and 10% navigation. This is done on purpose by categorizing things effectively reducing the need to navigate as much.
• How does http://landor.com guide the readers’ eyes and focus their attention on what is important? (Chapter 7: Follow the eye )
  • They do this by limiting the amount of knowledge given at any point. In specific you only view an image with a small amount of text accompanying it. By doing this, you reduce the amount of things that could distract the eye resulting and ultimately focusing the audience’s attention

• What information can ethnographic tools give you to improve the interactivity of an online banking website? (pp. 48-54)
• Ethnographic tools can give insight into the demographic of the users that the banking website is going to be geared towards and to establish common goals within the ethnographic groups. Also, surface-level factors such as language, colors, and symbols all depend on the social influences of key ethnographic groups. 
• At what point is a design finished? What makes it a success? What is its purpose? (pp. 54-62)
• A design can never be truly finished. There will always be modifications that can be made to accommodate the ever-changing needs of the users. However, typically a design is accepted as complete when it fulfills the objectives to the best of the designer’s knowledge. When the design fulfills the objectives and is widely understood and accepted, the design is at its most successful. The purpose of design is to meet both the needs of the creators and the users. 
• Identify a product family you use regularly (can be anything from technology to consumables except for coffee). How has its branding affected your use, relationship, and experience with the product? (pp. 78-84)
• I have grown up constantly experiencing all of the games and gaming systems that fall under the Nintendo brand family. I think some of the features about Nintendo that makes it one of my favorite brands is the diversity in styles of quality gameplay that can all be played on the same device (for example sandboxes like Animal Crossing, open-world adventures like Legend of Zelda, and combat like Super Smash Brothers). Also, I respect Nintendo’s new direction with trying to mature their gaming library to accommodate their audience that has grown up with the brand. They have also been consistently innovative with the gaming systems and have created new gaming experiences with most of the major new releases so it does not become stagnant.