To begin class, we went over what to include in our submissions and ensured everything was accessible to view such as my notion and website. To ensure these worked I sent a link to both of these to a classmate who was able to view my website, but not the Notion. My settings and layout looked the same as there but they could not view mine, but I was able to view theirs. I asked my lecturer if he could identify the issue which the issue was simply that my documents were under ‘private’ and not ‘workspace’. Resolving this issue did create another, I had duplicate links to my documents from my Notion home page so I deleted the actual ‘links’ and kept the linked documents there.
To begin the Critique I got into the same group as week seven. Before starting to critique work I read over the Projects details and objectives of the project. Doing this would ensure that I give constructive feedback what would actually matter and help with this project.
Objectives of the project included to design and develop a web page for the text provided in the brief, to select a colour palate and typefaces that complement the text and makes it easy to read, and to select images or illustrators that go well with the text.
This was the first thing I Critiqued on, the basic project requirements which I created various notes on the other groups work to say what works well, how I see their design and possible changes. Things I was looking for was good typeface choices, especially for the paragraph text as it is smaller.
Once I reviewed the basics of their mock ups and what they had of their websites, such as layout, scale and chosen typefaces I then went to review the ‘Technical Objectives’ of their work. This includes the use of a clear typographic structure that includes headings, subheadings and body text. I will also be looking for a design that adapts well to different screen sizes such as mobile. I will also look for the proper use of HTML elements, both semantic and non-semantic.
To do this I downloaded the web developer web extension for my browser. At first this was not working so I switched to another browser which the extension then worked.
Using Web Developer, with a website open I then clicked ‘information’ and selected ‘view document outline’. This told me if the website has a good structure for headings which if there is a problem with the structure this will highlight it in red. As headings should always go in order of h1, h2, h3 but of course you can use multiple of the same heading.
Once I checked this on the groups websites, I noted the results on Miro so they were aware of them.
I then went back to the website, using web developer which this time I clicked ‘resize’ and selected ‘view responsive layouts’. This allowed me to preview their websites on different platforms such as mobile, which their websites were not responsive yet.