Process Post #5
Mauve Pagé’s (2021) lecture video was extremely informative and brilliant! There were many things she touched on that I never would have thought of. She also did a really fantastic job of keeping everything simple and concise, specifically helpful for a beginner web creator and designer – I guess that is her specialty. With that said, I was able to use her video as a checklist for my own blog. I realized that I had already implemented many of the things she mentioned, however, there were a few design practices that she analyzed that I could adjust on my end.
Firstly, I feel like I have done a good job at creating a good rhythm and unity within my blog. I think my blog “works together as a whole” (Pagé, 2021, 8:22). For example, there is harmony within my typefaces as well as my color palette and choice of photos. I have chosen to stick with neutral photos that expel a more calm vibe rather than bright and bubbly pictures. I think this type of style of photos works well with what I am trying to convey; relaxation, self-care, etc. I believe that creating unity and harmony within my website is due to the “style sheet” or vision board that I created before starting the designing and writing process (Pagé, 2021, 1:40:08). Nonetheless, I have learned that rhythm “helps create predictability” (Pagé, 2021, 3:40), however, Pagé explains that although she suggests unity and consistency, she doesn’t mean that we should be boring or stray away from variety. Essentially, we can have a couple of typefaces and a few colors (that work well together), rather than sticking to one. She recommends sticking to an overall theme and finding a balance to maintain our “website identity” (Pagé, 2021, 9:30).
I feel like my visual signifiers, or the signifiers that allow my users to know they can make an action or browse somewhere else, are a little weak. Here, I think it would be beneficial for me to add “shading and colors” to my “Read More” (like my “Post Comment” button) buttons to increase reaction time as well as sustain interaction (Pagé, 2021, 29:04). With that said, I do have “tactile feedback” that ensures to my reader that they are able to click, etc. (Pagé, 2021, 29:20). For example, when you scroll over any titles or buttons, they change to a gray shade. With that said, I originally thoughts that my links were designed in a way to be considered a good visual signifier, as I had altered them all to be pink, which contrasts well in my eyes. However, Pagé mentioned that even if your links are a different color it is better to leave them underlined. That being said, when I went back to check how user-friendly my posts were, I realized that there wasn’t clear visual feedback when hovering over the link. Although the link pops up towards the very button of the screen when you hover, I feel as though many people would miss that. That being said, I will be underlining my links from here on out.
Before touching more deeply on typefaces, I would like to mention the design principle of “proportion” and how we can implement this element to “create emphasis/importance” (Pagé, 2021, 5:22). For example, I have done this with the category and date of each post. The title is large, representing the most important part, while the category of the post falls under, and the date it was posted are a bit smaller signifying secondary information. The title of my posts are in H1 while the subheadings of my posts are in H4. The same goes for contrast. The titles and texts are black, on a white background, while the categories and dates are in grey as they are not the “main point of focus” (Pagé, 2021, 7:46).
When it comes to typefaces. I was able to learn as well as connect to a lot of what Pagé was explaining. I resonated with her information as I have always thought that “there are personality, stereotypes, and emotion associated with typefaces” (Pagé, 2021, 45:37). I feel as though they can even be read differently. Nevertheless, what stood out to me was that “typography can help your readers understand what your blog is” (Pagé, 2021, 47:11). I think the main typeface I have chosen falls under “smart” and “trendy” as well as “business” and “stylish” when comparing my typeface choice to Pagé charts. Those words or personalities are exactly what I was going for. Thus, I think my typeface conveys what I am trying to communicate and convey through my blog.
Pagé also mentioned that we should limit our typefaces and stay within one “personality” to ensure our main message is being read. That being said, I have chosen two typefaces. I have one for my website title, post headings, and subheadings, dates, as well as my calendar, and then one for my tagline, menu and sidebar headings, categories, and post text. The one thing I would like to change however is making my tag capitalized as my title, menu, and sidebar headings are all capitalized which are all the same typefaces.
The one place I have decided to play a bit with typefaces is in my featured images. I think this is okay, as it stays in line with Pagé’s recommendation of keeping important information cohesive while also implementing variety. In saying this, I fear that my all-pink featured images will get boring. Moreover, Pagé mentioned that having a photo before text may not be a good thing because it may deter people from reading. I am unsure what to do here because if I don’t include a featured image, a grey box will show up on the sidebar under “Recent Posts. Nonetheless, I think it may work for my blog posts as the photos consist of words, cluing to the reader what the post will be about.
In terms of my peer review, I have added a website icon as Karlo suggested. I am still working on adding a logo as my theme doesn’t allow me to do it seamlessly.
After watching and listening to Mauve Pagé’s lecture, as well as reading the course readings, it is clear to me that “every element has a purpose and a place” (Gertz, 2015, para 88).
Gertz, Travis. 2015. “Design Machines. How to survive in the digital Apocalypse.” July 2015. Available from: https://louderthanten.com/articles/story/design-machines
Pagé, Mauve. 2021. Lecture video retrieved from https://stream.sfu.ca/Media/Play/3f05ee3224c243648667fa94f072992f1d
Featured image created with Canva