This page will go through any features, design choices, bootstrap and theory implemented onto my main CV site.
The website in question can be found here: https://andrewconway298.github.io/IMDCA2/
I feel that my site has implemented all 5 of the key usability principles
My website was designed with mobile in mind from the start and is hosted on a github web page making it available to any device supporting a web browser and internet connection.
I feel that my website has a very clean look to it and tells a story as you progress down the page. The design is simple and consistent with no overly complicated gimics.
By presenting my site in an orderly fashion and eliminiating anything that the user may deem unnecessary I feel that the site has an easy learning curve with little to no adaption needed.
Not applicable to my webpage as I am a student.
I have prioritised and organised my website in a way that reflects my actual CV, this was done to hopefully allow my users to follow my website easily and tailor it to be in a professional manner.
Here are any of the usability rules applied to my website.
My navbar contains 7 clickable options that take you to the various sections of the site, this is boosted to 9 if you include the search bar and home button which keeps in line with the 7±2 Principle.
Github loads the page at a fast enough pace to fufill this rule.
Nothing on my webpage requires more than 3 clicks to access from anywhere on the site, thus my site meets the 3 click rule requirement.
In regards this rule I feel that my webpage has a lot of content only viewable behind a function, thus making me think that my page may be closer to a 70/30 split rather than 80/20 as the rule states.
All areas of my website have appropriatly sized buttons, headings, images which correspond to this law.
My website presents its most important information upfront with any additional information pushed back behind buttons, panels, dropdowns etc that reflect this rule.
In order to apply this rule to my site I ordered any projects, work experience, education etc from most recent to least recent.
Overall I feel that my website achieves a lot of these 8 rules such as: having a consistant colour scheme and design
throughout, providing my users plenty of shortcuts, allow my users to message me for feedback, have sections finish before
moving onto a new topic, all actions are reversable with the user controlling a lot of what they actually see.
Unfortuantely I was not able to produce any stylistic error handling or find a way to reduced memory load however I feel
that this is not applicable to my site as it does not contain anything complex enough to require these.
I end every section appropriatly(Cliffhanger-Effect (Zeigarnik-Effect)), no tiny clickable areas, no pagenation, acceptable contact and search options, no unnecessary forms, links, etc, no pop-ups upon page load, font is appropriate size, only 1 animation per section.
This is how my website implents any of these laws:
My websites design is consistant, simple and ordered similar to the way a CV would read on paper.
A lot of my page is organised into containers and columns which help to keep it symetrical and organised.
My website retains its colour scheme and layout throughout, I also group objects in a similar fashion.
Any important sections contain something unique to attract attention to them.
The website reads like a CV would which sorts on priority of what an employer wants to see.
I do not use any gimics or unestablished practices.
Colour scheme is designed to highlight my foreground away from the background.
The web page reads from top to bottom which estabishes the sections and in turn their relationships.
This highlights any design patterns implemented:
Not applicable due to not need for login.
A lot of extra info is put behind dropdowns and buttons for the user to decide if they want to view it or not.
Not applicable due to no refined searching options implemented.
Buttons are highlighted to emphasise an action.
Not applicable as there are not multiple pages.
Not applicable as there's no login.
Applied in the contact form to assure that the appropriate information is there.
Not applicable to website.
Not applicable to website.
Not applied to my website.