Chunking in web design

Chunking is described as ” In the field of user-experience design, ‘chunking’ usually refers to breaking up content into small, distinct units of information (or ‘chunks’), as opposed to presenting an undifferentiated mess of atomic information items” (Neilson Norman Group). Therefore, chunking is used in web design all the time to allow the viewers to have a easier time processing and remembering the information. Chunking can be incredibly beneficial because it eliminates the feeling of being overwhelmed by so much information. One of the way web designers use chunking to their advantage is by chunking text. One form of chunking is spilt large amount of text into small paragraphs with white space in between, this is visually more appealing and relaxing. Another way this is used is through chunking with hierarchy. With hierarchy on a website, a view can understand where to look first, what is most important and then can lead them to where they want to navigate to on the website. Finally, chunking is used with number because it easier for individuals to remember chunks of numbers rather than an entire single string of numbers. Overall, there is a clear importance of chunking in web design because it breaks up the information for the viewer to feel more at ease when using a specific website.

video in web design

A new and popular trend for web design, is embedding videos within the website. This is incredibly beneficial to a website for various reasons. To start off, video are very eye catching and draw the user in. A video can say more faster than text. In addition, video production as become much simpler, easier and faster to create, therefore, tons of websites are beginning to catch on to this bandwagon. According to the article “4 Major Uses for Video in Web Design (2017)” by Trent Erwin, he describes the benefit and purpose of four types of video use in web design. The first type of video he mentions is a background video. Background videos are used on the home page, using normally b-roll and no sound, typically around 30-60 seconds long. This types of videos are important because they “connect visitors with your team, connect visitors with your culture, showcase a product or service, instantly give the user a glimpse of what you do and entertain your audience with a beautiful video”. Clearly, there are some incredibly strong reasons to use a background video on the home page. One website, that does this successfully, that we all already know of is the Quinnipiac website. QU.edu’s home page is a series of b- roll of students in class, doing activities and amazing drone shots of the campus. I believe this is so successful because it give the average person a look into the life of a Quinnipiac student. Screenshot 2019-03-04 13.37.00.png

The next type of video use in web design is the about us video. The about us video is a great idea because it connects the user with the group, company, etc. on a more personal and deeper level, such as a conversation rather than reading text. The article also describes how it “gives visitors a reason to work with you, sum up who you are and what you do in a few minutes and again entertain”. In addition, HubSpot does a successful job a place a video about their story on there about page that really give the audience an inside look on a deeper level.

Screenshot 2019-03-04 13.40.41.png

Video loops are also commonly used in web design, as something to give the page a little extra touch. The article describes them as “a subtle, yet personal touch”. There are a few key reasons to use a video loop on your website, “increase visitor engagement, showcase personality, allow visitors to connect with your team”. One example, is from the Boo Cat Club website, they use various looping videos on their home page.

Screenshot 2019-03-04 13.47.37.png

The final form of videos in web design is the use of cinema graphs. Cinemagraphs are unique slight moving picture that grabs attention of viewers. A great example of this, is the Budweiser website. The Budweiser website has a cinemagraph of the bubble in their beer moving, a slight little touch that is incredibly engaging. Screenshot 2019-03-04 13.50.23.png

Overall, there are various ways to increase engagement on websites with different types of videos such as background videos, about us videos, loops and cinemagraphs.

Web Design Trends for 2019

In the article “10 Innovative Web Design Trends for 2019”, by Lennart de Ridder, the author describes the recent patterns he has noticed in the newest and best websites. After reading the article, I noticed that I have seen this trends all over, and they are incredibly aesthetically pleasing. To start off, one of the trends he mentions is “serifs on screen”. This is outside of the norm for web design because most often is it known that serifs are used in print, and san serifs are used on web, however, this trend is breaking that rule. Most often, when I hear imagine thin and beautiful serif fonts, I immediately think of fashion. I have notice that fashion brands are translating this serif from their print magazines to their websites. For example, vogue is sticking to their tradition didot font on their website as well as in print.Screenshot 2019-02-25 19.13.11.png

Another popular trend, that I have been using in my designs as well, is using “Black-and-white palettes”. In my opinion, using a black and white palette, especially in web design is incredibly pleasing, sophisticated and elegance. In addition, another popular trend is “minimalism”. I have noticed this can be incredibly popular for the sleek look. The website for Creative Park follows both the black and white palette and minimalism style. Screenshot 2019-02-25 19.17.58  In addition, another trend noted was natural and organic shapes. I have seen tons of this is recent design. I believe this is so popular because of the simplicity of the look. The website, Built By Buffalo, does any incredibly successful job at creating this organic shape look. Screenshot 2019-02-25 19.24.27.png

Finally, a trend that I too have been using is glitch art. Glitch art has become incredibly popular in the best year, I have used it in video production as well as photo editing. Joanna Szproach is known for her amazing web design and glitch art. Screenshot 2019-02-25 19.28.15.pngOverall, there are various upcoming trends for 2019. I hope to incorporate these into my future work as well.

Navigation in Web Design

There are lot of pieces that fit into designing navigation for web design. To start off, there are two main types of navigation, content heavy websites and task oriented navigation. Content heavy navigation, is when the user is looking for options and looking to find multiple uses for the website. For example, a clothing website, the user might browser for a few different items. However, with a task orientated navigation the user is looking to complete one single task. The types of controls for these types of websites are buttons such as tools, wheels, and libraries. All in order to help you perform a task. I began looking for some inspiration to demonstrate how these two different types are designed. Below are some  examples of content heavy navigation versus task orientated navigation.

Screenshot 2019-03-03 23.40.54Screenshot 2019-03-03 23.40.45Screenshot 2019-03-03 23.40.32Screenshot 2019-03-03 23.40.20

Screenshot 2019-02-13 14.43.59

 

Task Orientated:

Screenshot 2019-03-03 23.44.54Screenshot 2019-03-03 23.44.47Screenshot 2019-03-03 23.44.39Screenshot 2019-03-03 23.44.30Screenshot 2019-03-03 23.44.21