Human Computer Interaction Design Principles

Question: Examine about the Human Computer Interaction Design Principles. Answer: Presentation The reason for the report is to dissect the site https://www.myer.com.au/on the Human-Computer Interaction plan standards. The work area adaptation of the site has been utilized to lead the examination. The fundamental highlights of the site alongside the positive and negative parts of the equivalent have been featured in the report. Proposal and recommendations alongside the surveys from two different clients has likewise been delineated in detail in the report. Site Overview The site https://www.myer.com.au/for the brand MYER is an online retail location that gives the clients the items having a place with style, excellence and way of life space. It additionally incorporates a blog that rundowns the absolute most recent patterns in these fields to help the clients to get right decisions (Myer, 2016). Principle Features The site is for the most part separated in to four expansive areas as Header, Menu, Body and Footer. The header shows the brand name plainly alongside the Search capacity to straightforwardly reach to the ideal alternative. Alongside these, the header contains login usefulness and the catches that connect to store locator, inventory, list of things to get and sack. Header Section The menu present underneath the header area has the accompanying alternatives: Ladies Men Miss shop Magnificence Children toys Home Electrical Deal Myer one Blog Every one of the menu alternative has sub-choices present under it with connections to the item classification. Mouse drift on any of the menu alternative shows the sub-choices present under the equivalent. The body segment of the site comprises of various item pictures masterminded flawlessly and the connections to purchase the equivalent. The footer segment comprises a portion of the basic connections which the client pays special mind to, for example, Contact Us, About Us, administrations and offers. The base right of the footer area shows a connect to the well known informal communication stages. The privilege most vertical sheet gives a connect to the store area for Myer. Footer Section The accompanying wireframe shows a fundamental structure of the landing page of the site. Positive Aspects The site has been planned with HTML and JavaScript and scores entirely well on the intelligent and ease of use viewpoints. To add introduction data to the website pages, style language called CSS has been utilized (Sklar, 2014). The positive parts of the site are as recorded beneath: Proficiency and Usability The site has been intended for the client to pay special mind to and shop the items from the design, magnificence and way of life classifications. It drills down all the items perfectly explicit to the classifications (Preece, Sharp and Rogers, 2015). Decrease of momentary memory loads The presentations that have been decided for the site are kept basic and the numerous page shows are united effectively (Designprinciplesftw.com, 2016). Route Route is a significant part of ease of use in the website composition which is an ace in the hole in this specific case. The site permits simple route between all the pages present inside. Simplicity of use The parts of the site are plain as day in nature and the site is likewise simple to use as far as data present and lucidity of the equivalent. Look Feel The whole look and feel of the site is engaging with its right decision of topic and hues that works out positively for the motivation behind the site. Order of Control The order of impact between the different components and segments of the site are unmistakably obvious and clear (Trenchard-Seys, 2010). For example, the zoom highlight is empowered in the guide that is shown on the Store Locator page. Negative Aspects There are a couple of negative viewpoints about the site which are as recorded beneath: Irregularity The site ought to keep up consistency over the entirety of the pages which are one of the prime HCI plan standard. In any case, there is a touch of irregularity for this situation on the inventory page which doesn't have a similar header and menu segment as the remainder of the pages. Header Section for list page Link: https://catalogues.myer.com.au/list/a-new beginning/57b68d7yg.html?pid=promotedCatalogue#pageNo=0 Blunder Handling The site additionally doesn't score well on the blunder dealing with. One case to help the equivalent is, if a client doesn't enter anything in the Search box and endeavors to look, there is no activity that is performed by the site. Be that as it may, an improved arrangement is show a message educating client to enter a pursuit esteem in the hunt box. Intelligibility of text The text dimension, shading and style that have been decided for the website pages permit simple perceivability, lucidity and meaningfulness. In any case, there is covering of text on a couple of pages that would not look great to the end client. Covering of text Link: https://www.myer.com.au/shop/mystore/StoreLocator Site Review Other Users Survey 1 The principal survey was finished by a companion, Sarah. Sarah is a style originator and is 35 years old. She was especially dazzled with the format and posting of items on the site. She anyway felt that since the site has a place with the space of design and magnificence, the shading plan that has been utilized could have been a little more splendid that would go conversely with the body and substance. She was searching for a greater amount of reds, yellows and greens on the site. She was entirely content with the general client experience. As per me, the point that is raised by Sarah is very substantial and ought to be followed considering the subject of the site. Utilization of more splendid hues will go with the equivalent. Audit 2 The subsequent audit was finished by another companion Jacob. Jacob is an investor and is 45 years old. Jacob found the site great as far as the plan, shading plan, topic and format. He anyway felt that the alternatives, for example, About Us and Contact Us ought to have been available on the highest point of the site as opposed to at the base. He likewise felt that all-tops content plan ought to have been utilized for the 10 menu alternatives as opposed to every one of them written in little characters. As indicated by me, the content that is utilized in the menu choices is fine the manner in which it is. Be that as it may, the other purpose of concern raised by Jacob is substantial. Clients do get a kick out of the chance to see the Contact Us and About Us alternatives directly in front when they open a site. These will be move to the header zone. Suggestions Based on the investigation of the site and the remarks got during the survey from different clients, following enhancements have been recommended. The pictures that are available on the site ought to have an alt-text that can be consolidated effectively in the HTML tag for pictures. The client additionally thinks that its agreeable to feel associated with the site through the highlights, for example, Contact Us and About Us. Consequently, these alternatives ought to be moved in to the header segment of the site. The consistency ought to be kept up over all the website pages. Header and footer area must be kept the equivalent on all the pages. The foundation of the site can be turned somewhat more fascinating instead of the decision of keeping everything white. A foundation containing a self-design or an alternate shading, for example, peach or turquoise would make the site increasingly alluring and speaking to the client. End The site for Myer scores well on the intuitiveness and convenience structure standards. It satisfies a portion of the essential prerequisites of the HCI structure standards. In any case, there are a portion of the minor issues that were found in the site as far as consistency and blunder taking care of. The audit from the two different clients likewise proposes that the site satisfies the client desires and has gotten a decent input as far as the client experience. A portion of the proposals, for example, utilization of alt text, enhancements regarding consistency, clarity and the foundation shading have been recommended to improve the intelligence and ease of use parts of the site. References Designprinciplesftw.com. (2016). Shneiderman's Eight Golden Rules of Interface Design | Design Principles FTW. [online] Available at: https://www.designprinciplesftw.com/assortments/shneidermans-eight-brilliant guidelines of-interface-plan [Accessed 2 Aug. 2016]. Myer. (2016). Myer. [online] Available at: https://www.myer.com.au/[Accessed 2 Aug. 2016]. Preece, J., Sharp, H. furthermore, Rogers, Y. (2015). Past human-PC collaboration. [online] Available at: https://workgroups.clemson.edu/AAH0503_ANIMATED_ARCH/879Readings/Interaction%20Design%20-%20Beyond%20Human-Computer%20Interaction.pdf [Accessed 2 Aug. 2016]. Sklar, J. (2014). Standards of Web Design. [online] Available at: https://www.nelsonbrain.com/content/sklar28705_1111528705_02.01_chapter01.pdf [Accessed 2 Aug. 2016]. Trenchard-Seys, P. (2010). 11 Principles of Interaction Design clarified. [online] Paul Trenchard-Seys/the Short Bored Surfer. Accessible at: https://shortboredsurfer.com/2010/08/13/11-standards of-association configuration clarified/[Accessed 2 Aug. 2016].