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 rendition of the site has been utilized to lead the examination. The primary highlights of the site alongside the positive and negative parts of the equivalent have been featured in the report. Proposal and recommendations alongside the audits from two different clients has additionally 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 design, magnificence and way of life area. 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 isolated in to four expansive areas as Header, Menu, Body and Footer. The header shows the brand name obviously alongside the Search capacity to straightforwardly reach to the ideal choice. Alongside these, the header involves login usefulness and the catches that connect to store locator, index, list of things to get and sack. Header Section The menu present underneath the header segment 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 choice shows the sub-choices present under the equivalent. The body area of the site comprises of various item pictures orchestrated conveniently and the connections to purchase the equivalent. The footer segment comprises a portion of the regular connections which the client pays special mind to, for example, Contact Us, About Us, administrations and offers. The base right of the footer segment shows a connect to the famous long range informal communication stages. The privilege most vertical sheet gives a connect to the store area for Myer. Footer Section The accompanying wireframe shows an essential plan of the landing page of the site. Positive Aspects The site has been structured with HTML and JavaScript and scores truly well on the intelligent and ease of use perspectives. 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 underneath: Productivity and Usability The site has been intended for the client to pay special mind to and shop the items from the style, magnificence and way of life classes. It drills down all the items perfectly explicit to the classifications (Preece, Sharp and Rogers, 2015). Decrease of transient memory loads The presentations that have been decided for the site are kept straightforward and the numerous page shows are solidified effectively (Designprinciplesftw.com, 2016). Route Route is a significant part of ease of use in the website architecture 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 clear as crystal in nature and the site is additionally 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 subject and hues that works out in a good way for the motivation behind the site. Chain of importance of Control The chain of importance of impact between the different components and segments of the site are obviously noticeable and evident (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 perspectives about the site which are as recorded underneath: Irregularity The site ought to keep up consistency over the entirety of the pages which are one of the prime HCI structure guideline. Be that as it may, there is a touch of irregularity for this situation on the list 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 mistake dealing with. One example 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. Nonetheless, an improved arrangement is show a message advising client to enter a hunt an incentive in the inquiry box. Lucidness of text The text dimension, shading and style that have been decided for the site pages permit simple perceivability, clearness and lucidness. Nonetheless, 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 planner and is 35 years old. She was especially intrigued with the design and posting of items on the site. She anyway felt that since the site has a place with the area of style 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 indicated by 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 brilliant 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, subject and design. 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 additionally felt that all-tops content plan ought to have been utilized for the 10 menu choices instead of every one of them written in little characters. As per 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 legitimate. Clients do jump at the chance to see the Contact Us and About Us choices directly in front when they open a site. These will be move to the header region. Suggestions Based on the examination of the site and the remarks got during the survey from different clients, following enhancements have been proposed. 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. Subsequently, these choices ought to be moved in to the header area of the site. The consistency ought to be kept up over all the pages. Header and footer segment must be kept the equivalent on all the pages. The foundation of the site can be turned somewhat more fascinating as opposed to 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 progressively alluring and speaking to the client. End The site for Myer scores well on the intuitiveness and ease of use plan standards. It satisfies a portion of the fundamental prerequisites of the HCI plan standards. In any case, there are a portion of the minor issues that were found in the site as far as consistency and blunder dealing with. The audit from the two different clients additionally recommends 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 as far as 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. what's more, Rogers, Y. (2015). Past human-PC connection. [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-connection configuration clarified/[Accessed 2 Aug. 2016].