P5: Testing My Website and Evaluating Feedback

Test type

Test category

Expected outcome

Actual outcome

Fixes and screenshots

Friendly for visually impaired

Accessibility

I will be able to see alt image text so that those who are visually impaired can hear the text using their text to speech tool.

I realised that I have not added image alt text to my images which means my website isn’t entirely accessible.

As you can see below, I have added alt text to my images so my website is finally accessible.
 







Navigation bar

Usability and functionality

I expect that all the links and rollover effect (text is underlined) work. My navigation links should link to other web pages on my website.

I have received feedback from my peers and they both agree that my navigation bar is usable and functioning correctly. The drop-down menu is good and so are the hyperlinks.

N/A




Links work for buttons etc.

Functionality

The contact button when clicked will hopefully redirect the users to the contact page. The YouTube button should direct users to my own YouTube page.

I have received feedback from my peers and they both agree that all the links and buttons work on my website.

N/A

Videos and audio plays correctly

 Functionality

The videos that I embedded on my website should play when clicked on. The audio should play with the video unless they mute it or turn the sound off the video.

I have received feedback from my peers and they both say that the video and audio plays correctly.

N/A

Animations work

 Functionality

The title and vertical text have a slide in animation. The vertical text only slides in once but most of the titles slide in. Bounce in animation was used for my name on the home screen.

I have checked that my animations work.

N/A





Navigation

 Usability

If the users can navigate my website easily using the navigation bar, footer and buttons.

I have received feedback from my peers and they both agree that they can easily navigate around my website.

N/A



              Here is the feedback I was given to evidence the usability and functionality of my website. 

 

 

Text readability and errors

Readability

The text reads perfectly and there are no spelling mistakes.

I did have a few spelling and grammar mistakes so I am going to correct these using Grammarly.

 See below

 

 



 

 

 

 

Since I am the client and I am happy with my website, I am going to ask potential users what they think of my website. I asked Ren and Liam from my media class to complete the feedback form and I will act on the feedback I recieve from the form and the emails.



Comments

Post a Comment

Popular posts from this blog

M1: Compare and Contrast Different Media Platforms and Formats For Delivering Interactive Media Products

Image
 M1: Compare and Contrast Different Media Platforms and Formats For Delivering Interactive Media Products Before I plan my own digital media product, I need to evaluate the benefits and limitations of different media platforms already out there. This will help me decide what media product to make and how to design it to make sure it is successful.                                               Webpages Websites are made up of lots of webpages. We use websites for lots of different purposes. Web 1.0 lasted from 1989 to 2004, this was the beginning of websites. Webpages were static and you could not interact with them. Web 2.0 lasted from 2004 to 2012. This era of the web allowed us to interact with the website/web pages and it would interact with us. This was dynamic since we could make comments and the web became interactive.  We are currently in web 3.0, this...
Read more

D1: Justify the Interactivity of Your Website

Image
 D1: Justify the Interactivity of Your Website I am going to ensure that my website is interactive. I have already discussed my website interactivity ideas which you can see in my P2 blog post. I am going to use an interactive photo gallery, a drop down menu, embed or use YouTube videos on my website, include lots of hyperlinks... While creating my website, I will need to make sure I include elements of interactivity. This is web 2.0; websites became interactive so we can now comment on posts, create UGC, like and dislike things…. This has allowed us to make websites more interesting. I will use interactivity for my website, so my audience are more likely to stay on my website and look at my work. I want to create a photo gallery on my home page that shows some of my work, the audience will be able to use the arrows to move between the images, but they will move after a set time anyway. They will also be able to roll over the gallery and this will give them a name of the project...
Read more

D2: Optimising Images for My Website

Image
       D2: Optimising Images for My Website Websites need to load quickly and run smoothly for the users. To do this, I needed to optimise my images for the web. High file sizes take longer to load which slows down the performance of the website. Files types such as JPEG are best for best for images because this file format compresses the file size, but on the other hand, this can lead to a decrease in image quality. If I used a PNG for example, the file size would be much larger but the image quality would be the best. I have created my image files in Adobe Photoshop. I used the export as save for web legacy option in Photoshop, this allowed me to edit the dimensions of my image and also the quality. These two specs can be changed to decrease the file size but also change how the image looks. A good combination of this optimizes the images for my portfolio website.    I sketched the idea for my logo on paper and then created this in Adobe Illustrator. This...
Read more