Categories
PSAD:WT

EX5 – Design testing and evaluating

Caroline’s feedback

Figure 1: This is Caroline’s feedback regardless of my website and what could be done to improve my website in terms of accessability.

Regardless of my website and what may be done to make it more accessible, this is Caroline’s feedback. The website is in decent shape, however as Caroline said, “An additional menu which is not need” can hinder accessibility by misleading the user because the burger emblem is frequently used in menus, and by having nothing there, the user may assume there is something there.

Improvement

Figure 2 : A screenshot from the video showing the hamburger menu being there for no reason and confusing the user.
Figure 3 : In order to fix the problem I have change the menu layout.
Figure 4 : Improved menu layout.

You will show how you have responded to the evaluation in terms of design changes or in terms of identifying issues for consideration. You should annotate the key points in the participants narration and show with screen shots and annotations the changes you have made to the design or propose making.

After listening to Caroline’s feedback, I have removed the not required menu and while watching the video I realised that there is also a comment section in “RP1 – Grids and Frames ” which was also removed.

Rana’s feedback

According to Rana “However, in the video I experienced some difficulty with one image that I could not get a bigger zoom-in feature. This had me pause and experience a little amount of difficulty when trying to get a closer look at that specific image.” This issue would stop the user from viewing the content which may be useful to you.

“Another improvement I would give Karolina is to just make sure that all her images are clickable and that users can actually access the zoom-in feature to all her images that have been posted. This makes her pages and media files user-friendly and all images can be accessed in any way with no hassle to the user.”

Categories
PSAD:WT

EX4 – Design for Live broadcasting using OBS

This is my tutorial of using Photoshop using tablet and how it can add additional elements to the photograph.
Categories
PSAD:WT

EX3 – Video production, design and editing using Premiere

Figure 1 : This is a video of me going to the Bonfire Night.
Figure 2 : The video montaging process, so in order to create this video I have created a set of small videos and sticked them together to make a one minute film. So I have used effect controls to add motion to the graphic identity.
Categories
PSAD:WT

EX2 – Web and graphic design using the Elementor Plugin for WordPress

Figure 1 : Opening the Elementor and adding the shape divider with an added art creation.

This is an experiment using plugins for Elementor. I must download and activate the Elementor plugin first. I went to the site settings and changed the layout from “Theme” to “Elementor Canvas” by pressing the layout button. By clicking the six dots, I added the shape dividers after selecting the structure and moving on. After that, I can also add an image by splitting the structure in two and dragging the image button into the empty spot I discovered. By selecting an image from the media files or uploading one from the computer while hovering over the arrangement. I may also decide how the image should fit and how opaque it should be.
In order to alter the typeface and colours as I clicked a new structure, I hovered over the heading button and went to the style settings. There are numerous typefaces to pick from, but I am unable to add my own. By copying the hex code from the Adobe Stock, I can also get the colour of my choice. I have chosen the structure and moved the Text Editor nearly next to the Heading in order to add more text. Additionally, I gave the sections full reign to move. To space out my work, I have also added the divider and spacers.

Figure 2 : Applying the image.

Then I uploaded additional pictures and created a carousel to show the picture I had selected from the media file, complete with captions and an arrow to move on to the next picture. I have chosen a structure and added the Video button in order to add a video.

Figure 3 : Showing the shape divider with an added art creation and navigation bar

In order to move between the sections I’ve previously created, I used a navigation section and hit a preview to see how the design would seem on a different device and the responsiveness at the transition happens.

Figure 4 : Using text section to introduce myself as a Graphic Designer.
Figure 5 : Choosing given typefaces and picking a colour.
Figure 6: Applying Motion Effects to the description about me.
Figure 7 : Making a image carousel of my collage work.
Figure 7 : Video showing the Motion Effects which were previously added to make webaite page interactive.

Moodboard

This is a moodboard for my porfolio projects which contain the typography and colours which I’m going to follow though the project. Typography I’m going to use is Poor Richard and Lucinda Handwriting.

This is a physical moodboard for my portfolio project, which examines how the homeless are mistreated, particularly during the current, bitterly cold winter, and how they are stereotyped in society. Because you need to mentally want something in order to act on it physically, even a modest act of compassion might prompt a homeless person to reevaluate their situation and perhaps even transform their life. According to Hull Live, “Now homeless groups have decried a lack of resources and inadequate support for the reason why people are slipping between the gaps.” as a result, more and more people in Hull are showing up on the streets.

References

https://www.hulldailymail.co.uk/news/hull-east-yorkshire-news/number-homeless-deaths-hull-peaked-7855066

Categories
PSAD:WT

EX1- Backup security and encryption

References

Acoda, 7 October 2019. WordFence – How it Works? [Online] (n.d.) Availiable at: https://acoda.com/what-is-wordfence/ [Accessed in 10 December 2022]

Boxcryptor, n.d. Introduction [Online] (n.d.) Availiable at: https://support.boxcryptor.com/en/help/introduction/windows/#what-is-boxcryptor [10 December 2022]

Shayla Price, Hubspot, 12 October 2021. What Is WordPress? A Beginner’s Guide [Online] (10 May, 2022) Availiable at: https://blog.hubspot.com/website/what-is-wordpress [10 December 2022]

WordPress, n.d. Plugins [Online] (n.d.) Availiable at: https://en-gb.wordpress.org/plugins/elementor/ [10 December 2022]

Categories
Year 2

Uni Inspiration

Primary Sources

Secondary Sources

https://pin.it/HfWnnwi

Categories
Advanced Web Design Development Research Log

R3 – Narrative Sequence

Cartoon Strip

Figure 1: This Peanuts comic strip was released on November 19, 1961, as one of the newspaper’s themes.
Comic strips from the modern era can be found in most magazines and newspapers.
They are normally printed in colour on Sundays and in black and white on Monday through Saturday in newspaper editions. (Norman Rockwell Museum, n.d.)

The cartoon shows a boy who dislikes eating lunch because he is forced to sit by himself while other kids play, which makes him feel lonely. He also tells himself, though, that he wishes kids would invite him to play with them so he won’t be alone.This comic encourages the reader to purchase the following issue of the newspaper in order to find out whether the boy will make friendships.

Storyboard

Figure 2 : The narrative sequence can brighten someone’s day who is having a poor day in addition to showing something serious. Tom and Jerry, which utilises little explanation but primarily relies on imagery to tell the plot, is an example of a humorous storyboard. The storyboard describes how Jerry’s relative, who took care of the little orphans, gave him the responsibility for their care. The second and third rows highlight how the little orphan attempts to eat the orange that gets stuck and the turkey that is consumed at the speed of light. The relative also mentioned the little orphan’s insatiable appetite. (Luke Leightfield, Boards, 11 August 2022)

Sequential photography

Figure 3 : Duane Michals, a French photographer, took these series of images to demonstrate the Heisenberg Uncertainty Principle, which looks at the fuzziness in nature. A woman is holding a magic mirror that distorts her face; when she looks in one direction, her face expands and some parts of it start to stretch out. As she rotates the mirror from side to side, the woman can be seen looking into the glass and seeing her stretched-out face. In order to put an end to the trip of face distortion, the story concludes with a woman looking at the photographer with her cheek towards the mirror. (Kate Andreasson, Guardian, 26 February 2015)

My Storyboard

This storyboard discusses the value of taking someone else’s recommendations because everyone sees things differently. So the story begins with someone taking care of and tending to the plant. Then he runs into his friend, who is worried about how the plant seems, which greatly frightened the individual. After giving it some thought, his companion handed him the book “How To Grow Healthy Plants?” from his rucksack. The book and the group activities helped the plant grow strong and huge. Instead of using colour, the entire storyboard used a greyscale to refer back to the examples mentioned above which had a very effective use of black and white.

References

Karin Andreasson, Guardian, 26 February 2015. Duane Michals’ best photograph: French Vogue does quantum physics [Online] (n.d.) Availiable at: https://www.theguardian.com/artanddesign/2015/feb/26/duane-michals-best-photograph-french-vogue-quantum-physics-heisenberg [Accessed in 20 October] 2022

Luke Leighfield, Boards, 11 August 2022. 28 Storyboard Examples to Inspire you [Online] (n.d.) Availiable at: https://boords.com/storyboard-examples [Accessed in 20 October 2022]

Norman Rockwell Museum, n.d. Comics: Comic Strips [Online] (n.d.) Availiable at:https://www.illustrationhistory.org/genres/comics-comic-strips [Accessed in 20 October 2022]

Categories
Advanced Web Design Development Research Log

R2 – Multichannel UX

A diagram showing different types of multichannel user experiance.(Ben Lutkevich, n. d.)

Knygos.lt

Lithuanian book retailer Knygos.lt offers books in all categories both online and offline. It appears most frequently in adverbs or in newspapers.

Figure 1: The website Knygos.lt welcomes me with a banner full of various discounts based on genres, therefore the website immediately encourages to purchase a book.(Knygos.lt, n.d.)
Figure 2: The website’s several categories, ranging from recently added to good pricing per book, are displayed as you scroll down which can’t be efficiently found from store. Additionally, symbols are used to display rating, new arrival, and discounts.(Knygos.lt, n.d.)
Figure 3: The Footer can be seen in this screenshot. There are contact details, including a phone number and email address, at the bottom of this webpage to demonstrate multichannel communication by providing a choice of methods. The footer contains further instructions, like as links to delivery, or even the help centre. Along with the address, you may find information about the bookstore’s hours, social media, and app redirection.(Knygos.lt, n.d.)
Figure 4: Knygos.lt social media promotion. (Knygos.lt, n.d.)

Potential improvement

Instead of the footer, advertise the app at the top of the website. You will receive a reward if you have purchased and read a certain number of books because this bookstore would also benefit from having a reward. Promote more in-person interactions.

Wizz Air

With its base in Hungary, Wizz Air offers flights to much of Europe as well as to places in Asia, Africa, and the Middle East. For preferred seats, reserved seating, onboard food and drinks, and additional fees, passengers may choose. Additionally, this airline places advertisements in airports and on social media.

Due to safety precautions, Wizz Air doesn’t have many print advertisements on board. However, a promotional magazine is kept in a pouch of the back passenger’s seat and is used as print advertising to keep the passengers’ entertained while they fly.

Figure 4: A picture of a Wizz Air magazine with a QR code for the app download. The magazine contains distinctive QR codes throughout. For instance, the code on this page displays the location of the store.

After purchasing the ticket, you will receive numerous email marketing ads offering prospective airline discounts to persuade you to take a vacation.

Figure 5: An email advertisement to persuade you to purchase a WIZZ Air PRIORITY for an extra luggage with additional perks like being first in the registration queue and being first to the plate.

However, in order to board the aircraft, you must present a ticket. This ticket can be stored in the app and used as a marketing tool to establish confidence that it will be securely stored when it is brought.

Figure 6: Multichannel options for downloading an app.(Wizz Air, n.d.)
Figure 7: Wizz Air Social Media.(Wizz Air, n.d.)

Potential improvement

More advertising that encourages to plan new vacations or even to tell their friends and family about their experience could help Wizz Air boost its image for other International flight users.

Campaign suggestion

A social media campaign where members of the reading community could discuss their reading preferences and favourite books is one concept for a new multichannel user experience. This could also work for sharing flying experiance.

References

Ben Lutkevich, Search Customer Experience, n. d. Multichanel Marketing [Online] (Updated in November 2021) Availiable at: https://www.techtarget.com/searchcustomerexperience/definition/multichannel-marketing [Accessed in 10 October 2022]

Knygos.lt, n.d. [Online] (n.d.) Availiable at: https://www.knygos.lt/ [Accessed in 10 October 2022]

Wizz Air, n.d. Explore your travel opportunities with Wizz! [Online] (n.d.) Availiable at: https://wizzair.com/en-gb?gclsrc=aw.ds&ds_rl=1282923&ds_rl=1277705&ds_rl=1277705&ds_rl=1282923&gclid=CjwKCAjw7p6aBhBiEiwA83fGuuAYi0te7mwJIimw30PFz1cpdDUpH2A2SMojBdDOw3s3X08NZ9hjiRoC76kQAvD_BwE&gclsrc=aw.ds#/ [Accessed in 10 October 2022]

Categories
Advanced Web Design Development Research Log

R1 – Grid and Frame

Grid and frames are an inreplaceble tools used to resize websites or apps to the required size depending on the device they are using such as tablet, smartwatch or even the largest TV. Various types of grids serve different purposes and tasks depending on the clients preferences.

However during the early 20th century, grid method which was previously used in literature, began to become more useful and used as a method of experimentation by many artists. So this meant that “The grid system is an aid, not a guarantee. It permits a number of possible uses and each designer can look for a solution appropriate to his personal style. But one must learn how to use the grid; it is an art that requires practice”(Josef Muller-Brockmann, Designlab, 10 March 2020)

How are frames and grids used in my surroundings?

All across the world, frames and particularly grids are frequently employed. The most intriguing grid interpretations involve converting former Soviet-era residences into lovely homes that use rectangle blocks to establish consistency throughout the city. These blocks will insulate and keep the entire building warm. However, some of the homes in the neighborhoods have been completely individually designed and built from the ground up. There is a grid on even windows.

Figure 1 : Recently renovated buildings with a modular grid structure.

These recently rebuilt homes use a modular grid of  rectangular tiles to keep the structure warm throughout the winter.

Figure 2 : Newly built house with modular window grid.
Figure 3 : Newly reconstructed upper floors with column grids.
Figure 4 :The second level of this recently refurbished building includes windows that match the balcony doors in the column grid.

A very lovely hotel with a very distinctive design can be found in the park Oginskio Dvaras, which is right next to the city center.

Figure 5: This is the library that was relocated to the newly built castle, which also features a clock tower, and the greenhouse next door has column grid windows to suggest an aging, dusty library. While reading a book, these windows also provide a wonderful view of the outdoors.
Figure 6: This hotel’s built-in restaurant and the Oginskio Hotel itself, uses a column grid for its windows to display the stunning scenery.

Even though the majority of people buy their furniture from IKEA, some people who live in apartments or traditionally built homes frequently have uneven walls. People order custom furniture to address this issue, which uses the grid technique as a guide while allowing for originality in the planning and creation of each component.

Figure 7 : The door frame of my grandmother’s flat.
Figure 8: This set of kitchen furniture was created according to my grandmother’s specifications and includes a column grid throughout the entire interior. The Scandinavian furniture had a major influence on her choice of decor.

In addition to being aesthetically pleasing, this kitchen has a spot where you may read a book, magazine, or newspaper. Depending on how you fold it, even a local newspaper or  weekly magazine uses the grid system to direct readers  through the page and provide vital information. Many people don’t have the time to read, so they tend to utilise the grid method to quickly scan the news, which influenced their curiosity.

Figure 9 : A modular and column grid is used throughout the Lithuanian weekly magazine “Week” to make it easier for readers to find the part they’re looking for. These individual sites discuss events that occurred on this day one hundred years ago, such as the establishment of the first Lithuanian currency on January 10, 1922. One of the coins is, however, just outside the border.
Figure 10: Newspaper article with key events in history.

Grids and frames are utilised in architecture when giving truly ancient buildings a new function, not just in websites and apps. Visualize interior/exterior designs to allow for not only a distinct decorating style but also different interpretations of each person’s individuality. You can not only learn more by reading publications and newspapers, but you can also find the needed information very quickly. So long as they work with other elements, grids or even multiple kinds of grids can be used wherever.

Figure 11 : This is my recorded presentation of Grids and Frames, which has a grid representation for most of the these examples.

References

Josef Muller-Brockmann, Designlab, 10 March 2020. Grids In Graphic Design: A Quick History, and 5 Top Tips Online Availiable at: https://uxplanet.org/grids-in-graphic-design-a-quick-history-and-5-top-tips-29c8c0650d18 [Accessed in 06 October 2022]

Categories
Design Portfolio

Creative Life

https://universityofhull.box.com/s/pvosdb54slpb0o54auow5494r8ze80rc