Posted on by DomMerlo

Elements of User Experience Response

  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.