{"id":3226,"date":"2018-09-10T20:52:12","date_gmt":"2018-09-11T00:52:12","guid":{"rendered":"https:\/\/rmu.andrewyames.com\/?p=3226"},"modified":"2018-09-10T20:52:12","modified_gmt":"2018-09-11T00:52:12","slug":"the-elements-of-user-experience-response","status":"publish","type":"post","link":"https:\/\/rmu.andrewyames.com\/?p=3226","title":{"rendered":"The Elements of User Experience Response"},"content":{"rendered":"<ul>\n<li>What are the goals of Apple\u2019s website? How does Apple\u2019s website address the needs of a user who has just purchased their first MacBook? (Chapter 3)<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>Apple\u2019s website, being a website with large amounts of information displayed in a clean and simple format, represents all that Apple is.\u00a0 By thinking about the goals of any company and specifically analyzing Apple\u2019s website, it\u2019s safe to assume that making money as a company is a primary goal.\u00a0 Their website advertises their newest products, giving information on everything the user will gain by purchasing one of their items.\u00a0 In addition, Apple focuses heavily on brand identity.\u00a0 Apple focuses on having a very forward thinking mindset, by always having the newest technology, but creating it in a way that feels very simple for everyone to use.<\/p>\n<p>&nbsp;<\/p>\n<p>If a user were to purchase their first MacBook on Apple\u2019s website, their needs can be extremely different than another user looking to purchase a Macbook.\u00a0 Apple works to please many different users by advertising their simple design, user friendly nature, and customizable features.\u00a0 By constantly having a simple design, users who are uncomfortable with technology and users who can adapt very quickly to technology can both use this item. Apple simplified the information that is displayed and places it in a hierarchical format.\u00a0 This means that the farther the user scrolls down the main page dedicated to MacBooks, the user learns more specific information about their MacBooks.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li>What are the functional specifications of Facebook\u2019s wall? If you are not on Facebook what are the specs for the signup page? (Chapter 4: Functional Specifications, Content Requirements and Prioritizing Requirements)<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>Functional specifications are used to help in the process of designing and developing a product.\u00a0 In the case of websites, it helps programmers understand how something needs to be designed to reach an end goal.\u00a0 Facebook, when one has an account with them, has a wall that is what the user sees immediately upon entering Facebook.\u00a0 This wall is a place where the user sees all information posted in chronological order by people they follow or pages they like.\u00a0 Some functional specifications that would have to be involved in programming that is having the newest posts go to the top of the page.<\/p>\n<p>Facebook has a relatively open platform in the sense that many different forms of content can be uploaded.\u00a0 Users can post articles from other websites, or upload videos, photos, or just blocks of information.\u00a0 The content is all represented on the wall, the biggest organization method that I mentioned before, being time it was uploaded.\u00a0 So the only content requirements are that there is something being posted and since the user is the one uploading it, the programmers simply have to create the space and ability to upload it.<\/p>\n<p>Facebook also has to consider prioritizing their needs.\u00a0 They want users to participate in sharing information on their platform to keep growing but they also rely on advertisements and large shareholders to financially maintain the company.\u00a0 So a specific example would be that Facebook needs to reach an agreement where enough advertisements are placed on the platform to please their shareholders and financial needs but don\u2019t place too many where it bothers the users, possibly deterring them from using the site.<\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li>What are four architectural approaches to information structure? Find one example of each. (Chapter 5: Information Architecture)<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>The first form of information structure is hierarchical structure which generally gives different nodes relationships with each other where once an initial topic is selected, more specific topics become available or are connected to the current page.\u00a0 An example for this form of structure is Robert Morris University\u2019s website.\u00a0 Upon entering the site, there are broad nodes available that once you select one them, you begin to funnel down into more specific nodes of information.<\/p>\n<p>Another form of information structure is the matrix structure that allows users to sort through information or travel between different nodes using different categories.\u00a0 This means that users with different needs can search through the same content to find what they are looking for.\u00a0 The New York Times uses this as one of the forms of organization on their website.\u00a0 Users are able to determine which category they want to be looking in, when the article was written, or search for keywords in an article.\u00a0 Overall they use a hierarchical structure and matrix structure.<\/p>\n<p>Organic structures don\u2019t have a definitive pattern.\u00a0 A lot of websites that use them are vague with their topics or maybe just beginning to explore a topic.\u00a0 A website that somewhat uses an organic structure is Wikipedia.\u00a0 Overall there isn\u2019t a form of organization besides searching for a topic.\u00a0 Within the different pages, other pages are connected to it through in page links or recommended pages based off of the topic you are reading.<\/p>\n<p>Last, the sequential structure is a form similar to reading a book, where the user just goes through a one-line path of information.\u00a0 After one page is reached, you simply move on to the next page.\u00a0 A good example for this form of organization is the Boat Pennsylvania Course, where the user goes through online training to obtain their boating license.\u00a0 Once the user starts the process, they simply go through the series of pages to learn the information and ultimately, if they pass, obtain their boating license.<\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li>What percentage of The Huffington Post index page is navigation, and what percentage is content? What about Google, Wikipedia, and Etsy? (Chapter 6)<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>The Huffington Post displays their top stories as well as breaks down different categories of stories.\u00a0 Due to the fact that their main page is heavily dedicated to their newest stories, and the navigation is only set up by showing the different categories of stories, I would say that the navigation only takes up 20% of the page and the content takes up 80% of the page.<\/p>\n<p>Google\u2019s landing page is simply the google logo and forms of moving to other google pages.\u00a0 I would have to say, since no content is displayed on google.com, that it is 100% navigation on the page.\u00a0 As soon as the user searches for something on google, then the content begins to grow to more like 60% of the page.\u00a0 But the navigation aspect of being able to travel between pages is still the main focus.<\/p>\n<p>Wikipedia is also dominantly focused on navigation as it has such a wide variety of pages that it allows the user to find what they want to.\u00a0 If the page begins where the user selects the language they want to read, then the navigation takes up 90% of the page and the content only takes up 10%.\u00a0 When the user searches something, the ratios switch dramatically.\u00a0 On these pages, the content takes up 95% of the page and the navigation is only 5% as the main form of navigation is to search for an article or begin clicking on random articles and then go to related articles.<\/p>\n<p>Etsy, being an e-commerce website, focuses on helping users find items they want to purchase.\u00a0 As soon as the user opens the website, they view a mix of options to search for specific items, or items that are extremely popular on the website at the time.\u00a0 The navigation takes up roughly 30% of the page and the content takes up the other 70% of it.<\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li>How does http:\/\/landor.com guide the readers\u2019 eyes and focus their attention on what is important? (Chapter 7: Follow the eye )<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>The visual aspects of a website can help with the success of the website.\u00a0 By leading the eye to certain elements of the website, it helps persuade people to go through certain parts of the website.\u00a0 With the Landor website, the eye is immediately drawn to the statement on the landing page.\u00a0 It describes the purpose\/main goal of the company.\u00a0 Landor uses strong contrast in size and color to draw the user into their site.\u00a0 Within their navigation menu, their main topics are very bold while specific projects are placed in small text.\u00a0 It\u2019s a successful website for someone visiting it for the first time as well as someone who has see it before.\u00a0 The bolded topics help give users a general overview of what Landor does.\u00a0 The eye is immediately drawn to the large typography with the high black and white contrast.\u00a0 In addition, Landor is depending heavily on imagery and simple colors of the website to draw the user in to something that looks interesting to them, with the hope that they will dive deeper and look at their work.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>What are the goals of Apple\u2019s website? How does Apple\u2019s website address the needs of a user who has just purchased their first MacBook? (Chapter 3) &nbsp; &nbsp; Apple\u2019s website, being a website with large amounts of information displayed in a clean and simple format, represents all that Apple is.\u00a0 By thinking about the goals &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/rmu.andrewyames.com\/?p=3226\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;The Elements of User Experience Response&#8221;<\/span><\/a><\/p>\n","protected":false},"author":101,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,6],"tags":[],"class_list":["post-3226","post","type-post","status-publish","format-standard","hentry","category-artm2220-designing-for-new-media","category-reading-response"],"_links":{"self":[{"href":"https:\/\/rmu.andrewyames.com\/index.php?rest_route=\/wp\/v2\/posts\/3226","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rmu.andrewyames.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rmu.andrewyames.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rmu.andrewyames.com\/index.php?rest_route=\/wp\/v2\/users\/101"}],"replies":[{"embeddable":true,"href":"https:\/\/rmu.andrewyames.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3226"}],"version-history":[{"count":1,"href":"https:\/\/rmu.andrewyames.com\/index.php?rest_route=\/wp\/v2\/posts\/3226\/revisions"}],"predecessor-version":[{"id":3227,"href":"https:\/\/rmu.andrewyames.com\/index.php?rest_route=\/wp\/v2\/posts\/3226\/revisions\/3227"}],"wp:attachment":[{"href":"https:\/\/rmu.andrewyames.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3226"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rmu.andrewyames.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3226"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rmu.andrewyames.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3226"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}