As the images shows below, I annotated some changes that could be done in my design to improve it, taking in place mouse movement, logical sequencing and the dexterity required to use it.
For the design on top, I am going to change the colour scheme since it would be hard to watch for people who suffer from colour blindness. (Input)
In this design, the buttons should have a bigger size and be closer together in case that the user that will use it has some mobility deficiency, so the mouse movement is reduced. (Input)
In this design, the mood board feels very empty as it only has three images and very little text. The best way to improve it would be by adding extra meaningful images as well as text. (Output)
This design lacks of colour and the image is hard to see. Not many tools are explained and the ones that are explained are not pointed out which makes it harder for the user to see which tool is which. (Output)
This design was showed in a video which can be hard to look at for the user since it lacks of any sound and is not appealing to the eye. The design is missing some colour and images that are related to what is being explained. (Output)
This is the design of what would be a website. This design has some flows that could be easily fixed, the main ones are the lack of background as well as the reduction of the blank, unused spaces. The headers are small and the Log In and Search bar are not in the correct order. (Input)
Here are the four chosen designs that I improved to make them more suitable and visually better:
M3 Explain how the effectiveness of HCIs may be measured and evaluate the test results
Human Computer Interaction requires several aspects to make them effective, these go from instructional, cosmetic and functionality. On the instructional side, HCI should be designed so the user can use it without requiring guidance, so it should be simple enough to be understandable for any person but without losing any important features. On the cosmetic side, the program should have an appropriate colour scheme; fitting for purpose as well as easily understandable, for example, not making the background black when the text is black. For functionality, the HCI should work without slowing down, working flawlessly with a decent speed.
1) Address Book: With the test result it is clear that the visual aspect of the program is appealable for the clients as it got a high result in the test; however it lacks of any instructional aspect or error handling. The client also said that the speed of the program is more than acceptable as it got 4 out of 5 in the score.
2) Website: The website got similar results as the address book but with lower score in the visual and functionality, meaning that there is room for improvement. The website also requires instructional and any kind of error handling.
3) Video: Since this design is a video, there will not be any user interaction other than adjusting the video quality or pressing play. The video got a very low score on the visual aspect, so it will require an improvement.
4) PowerPoint: The PowerPoint got average points in every aspect other than error handling, as it does not have any. Since the score varied from 3 to 4 it means that it is a good design but it still has some room for improvement
1) Address Book: This address book design let the user search; add customers, delete them, or edit the information already added. With this new design, the buttons are very clear and with a bigger size, making them easier to click on and visually appealing. The search bar function allow the user to search any customer added to the database, filtering by name, date, type of job as well as other options.
2) Website: This e-commerce website is designed to sell jewels, the main interface offers items with reduced discount or popular items so the potential customers that get in the website can see items that they may be interested in, making it more likely to buy them. This design also has a menu that will make the customers go from one part of the website to the other as well as a log in system.
3) Video: This instructional video have the necessary details such as a title, the information presented and a figure to make it easier to understand the information that is being presented.
4) PowerPoint: This PowerPoint based on the computer development timeline presents a main menu that lets the user go to each slide directly so they can go to the section they are more interested in. This design also has a guide section, with useful information.