First Impressions Matter: Why Great Visual Design Is Essential

First Impression - Introduction
In this document we are going to answer the questions related to the topic of “First
Impression” which focus on the production of a design document. In first Question we have
defined the “First Impression” and all its related features. What factors and components of the
website will help us to rate , review and analyse the “First Impression”. There are a few
general predefined standards to calculate the “First Impression” of our website. Further going
to answer the next question we will consider the five criteria Provided to us in this assignment
as following , We will use these criteria to and observe the University of South Wales Student
Union Web USW SU portal.
1) Type of visitors and Guests (Who are visiting the site)
2) Reviews, rating, feedback and comments of visitors , registered users and design experts.
3) History of site views , Repeated visitors , Return registered users , Number of subscribers,
No of unsubscribe users.
Q1 : If you have visited the USW Students Union website, make a note of why you
visited it. If you haven’t visited it, make a note of why you haven’t visited it.
Answer : The main purpose of visiting the University of South Wales Student Union USW SU
Website last week was to gain the following information and to gain target requirements and
goals.
a) Identify Key User Groups, point out prominent Personas for their related Roles and to write
different Scenarios for the Personas.
b) Create a detailed website structured chart of USW SU. This chart had a complete
workflow of the whole website.
c) Generate a Persona Moodboard and then Application Moodboard of the Website to
produce a good design impression expressing different moods at different departments in the
University
So point c) related to Application Moodboard is much more specific and related to this
document which helps us to create First Impression in terms of design and theme of our
website.
Aslo task a) can give us a list of users related to different design pattern we recognized in this
website.
So following the website structure chart we can navigate each page and recognize different
design patterns then note down our observations. Looking at all the pages in the website and
getting the first impression will be documented here. We will also observe how potential the
current impression is to make sure that every new visitor will take interest and decide to stay
on the visiting page of our website. The First impression the user perceives at a glance can

only be calculated if we experience the same impression through different mind visions.
Getting a complete visual Appeal evaluations related profoundly starting with one stage then
onto the next, as did relationships between the 50 milliseconds and 500 milliseconds
conditions. Accordingly, visual attraction can be observed inside 50 milliseconds, suggesting
that it takes about 50 milliseconds to get a good first impression with any web portal.
To a set different parameters and measure First Impression of our website we can consider
following key factors as well
i) Design Structure of our website
ii) Colors used in the website Theme
iii) Spacing includes Margins and Paddings, the line spacing image spacing etc.
Iv) Webpage content symmetry including the content alignment and text /Image justification.
v) The quantity of text balancing the webpage look and feels.
vii) The fonts styles, different font types, font sizing, font colors etc.
Q2 Visit each of the following websites in turn. For each website make a note of your
first impression.
* https://www.cardiffstudents.com/
* https://www.uswsu.com/
* https://www.undebbangor.com/
* https://www.swansea-union.co.uk/
Answer :
Let us start my first impression with the very first website i visited
* https://www.cardiffstudents.com/
I observed at the very first glance that
1) Everything is very large , The images , The menu fonts, the links. The borders and spacing
the titles.
2) The second things is i realize that the focus of the home page is to show us the Voting of
some union and emphasize to take part in union elections that’s what the large banner says .
Also, i saw the first word is some event announcement. Now both of these two are prominent
key user groups of a Student Union website
3) Scrolling down further I found a very attractive News Feed section. and then a series of
large banners showing latest events coming up. The background colors of these banners are
really attractive and very good fonts combination.
4) Reading these interesting banners we can simply find our favorite Sports events ,
entertainment and refreshment events , music and non-curricular events.

*https://www.uswsu.com/
This is our main website we need to work on. This is “University of South Wales Student
Union”. The First Impression when we open the site is not that much impressive as
www.cardiffstudents.com. Following points are the observations at the first glance once you
open the home page of USW SU website.
1) The logo seems to be very simple and may not seem to represent a student Union website
plus it does not have any University name letter e.g the South Wales also the logo sign is more
like a Chat Icon and much more resembles the online chat application insignia.
2) The First Impression of the USW website has another major defect in terms of free white
unnecessary spacing at the top. Please see the screenshot below showing the unpleasantly
UX/UI impression.
As you can clearly see the empty space at the Top of Logo and the Empty space under the
Sign in and Search Button. This is a completely wrong UX/UI (User Experience and User
Interface)
3) The third Impression in the first sight a human eye catches which is also a negative point of
this interface is the “Sign In” Button, the Search Box the Select Language Drop Down.
All of these three are different features but they are placed close together. The user get the
Search Box as a Sign In box. While Sign in Boxes are usually composed of User Login and
Password and then the Submit button as a login form (Which it is not). Similarly the label
“Select Language“ appears in two lines giving the impression that the website is so tight of
space.
4) When scroll down to the next sections some of more bad example will come up as a “First
Impression” . the following picture has all example of bad interface explained in it.