Assignment of Human

Computer Interaction
 Group Members

BSITF17E053 Abdul Rehman

BSITF17E051 Shehzad Ali
BSITF17E035 Rabbia Aziz
BSITF17E039 Bushra Batool

Section:BSIT (5th self)

Session:(2017-2021)
 Bad design websites

Visit the website: https://blinkee.com

The product images are just too small.

Everything is so animated here that the whole design may cause seizures.
The color scheme is the real problem.
The website frames are also a problem.
 Visit the website: http://arngren.net

Incorrect color usage.

Poor navigations.
Tiny and even confusing typography.
The absence of a clear message about the business.
Random use of colors.
 Visit the website: http://bavarianbrathaus.info

Lack of a pleasing aesthetic design.

Poor navigation.
Overload with left side copy without an adequate, clear message.
Dull graphics that don’t comply with the company’s business value.
 Visit the website: http://www.mrbottles.com

The color of the text constantly changes, making your head spin.
The images are randomly put in different places without any order or formatting.
User-hostile navigation.
Too much content, which you don’t really want to read.
 Visit the website: http://www.patimex.com

The webpage text is fading in & out, but that’s not the worst thing on this site.
Then you notice the tiny musical note telling you that there is music playing on the
webpage… And this crazy country music, along with the awful animation of a devil
grilling his infernal majesty on a BBQ made us feel sorry for human beings.
 Visit the website: http://www.rudgwicksteamshow.co.uk

Links on navigation doesn’t work.

Random use of colors that give negative vibes.
Lacks a clear picture of the website.
Large meaningless graphics.
 Visit the website: http://www.mednat.org/

Small font size.

No structure (there are no logical website sections).
Wall of content (one page contains enough text to fill 20 pages).
No mobile responsiveness.
Spam text (numerous links to Wikipedia).
Bad usability.
 Visit the website: http://www.historianofthefuture.com/

Inconsistent font size and style.

The badly developed color palette, where images and text simply don’t match.
Visuals remind of 90’s web design.
Navigation issues – it takes a lot of effort to get to other pages.
There’s no clear call-to-action, so a visitor won’t know what to do on the page.
You don’t understand what a website is for since there’s no proper first
screen or cover.
 Visit the website: https://www.headhunterhairstyling.com/

Headhunter Hair Styling is very basic and slow to load like almost all these
websites from this list. Hope you understand one important thing about bad
websites: not only bad design is responsible for the failure.
First, make your website perfect from the technical side: minimize java
scripts and frameworks, compress images, and try not to overload the web
code.
 Visit the website: https://www.where2eat.com/

The website shows how the lack of consistency results in poor user experience,
thereby dropping conversion.
No correct use of colours.
Typography problems.
 Good Design Websites

Visit the website:https://www.freshbooks.com

/
There is a great use of contrast and positioning with
the primary call-to-action. Its clear that the company
want you to convert on when you arrive
 Visit the website:www.airbnb.com/

This is a good design website because it include the

destination and date search form that most visitors come
looking for , right up, front up, guiding visitors to the logical
next step.
 Visit the website:https://pixelgrade.com/themes/blogging/vasco//

It is a good designed because its homepage has a clear

call to acton at the top.It has a section for related logos to
demonstrate credibility.
 Visit the website: https://www.awwwards.com/sites/espn-sports-programming/
ESPN takes its sports content and programming to the next level with this
dynamic and eye-catching site filled with large, high-resolution images and
video. The site utilizes background video to keep up with the sports network’s
energy and sections with subtle hover and transition effects and to keep the
user experience smooth. The ‘featured sports’ slider is thoroughly entrancing
and does an excellent job of showcasing each of the sports alongside
interesting statistics and informative details about available programs.
 Visit the website:https://www.awwwards.com/sites/montage/

Montage takes showing-off its product to the next level with this easy to
maneuver homepage that clearly outlines what its product is, how it looks,
product quality, and testimonials. The site is an excellent example of one
approach you can use to highlight your product and the most important points
your users would be concerned with finding answers to. The sticky sub-
navigation allows users to easily navigate around the page to find exactly what
they're looking for.
 Visit the website: https://www.zillow.com
Finding the perfect home is all about being able to conveniently research
exactly what you’re looking for, save and store what you like, and make it
easy to find it all later on. Zillow hits the nail on the head for all three of these
points with its intuitive real estate site. The search area within the hero area
makes it easy for new users to quickly select and search listings without
having to look for some hidden search page.
 Visit the website: https://www.morganstanley.com

Unlike traditional product-focused sites, Morgan Stanley headlines its

homepage with an article they hope to drive a significant amount of traffic to
(especially since it connects with the holiday family gatherings we’re expected
to attend). The rest of the layout beyond the homepage hero plays with a grid-
focused layout to organize the assortment of recent articles they’ve posted.
 Visit the website: https://www.wozber.com

Wozber did a killer job breaking down the step by step process it takes to make
sure your resume is perfect for that dream job you are looking for. Its homepage
clearly outlines the steps up front, which are then further explained in individual
sections below.
 Visit the website: https://www.opusgrows.com
Opus drives home the organic, natural, and health benefits of its soil by adding
bountiful amounts of greenery throughout the site. With so many different
options for potting soils out there, it can be hard to decide which one is the
healthiest for your plants or garden. Opus proves its product is best by
addressing the ingredients and physical properties its soils offer that segment it
from your traditional brand. I was also very pleased to see they blogged and
occasionally mixed in more delightful posts to help reach wider audiences such
as this one.
 Visit the website: www.oceanhealthindex.org

Ocean Health Index helps bring the beauty of the ocean to the web
with its stunning layout, visual imagery, and cool tone color palette.
The large use of font across the website also helps keep it easy to
read and professional.