NAME: QANDEEL ABBAS (BSITF17M038)

Sumia Rukhsar (bsitf17m049)

Iqra hussian (bsitf17m017)
Maria fatima (bsitf17m055)
DePARTMENT: CS &IT
COURse: BSIT
Subject: Human computer interaction
Topic: “good and bad design app (100 points)”
Submitted to: sir abid rafiq
Institution: University of sargodha

“good and bad design app”

Good design: “ A good design is effective and efficient in fulfilling its
purpose. It relies on as few external factors and inputs as possible, and
these are easy to measure and manipulate to achieve an expected other
output. A good design is always the simplest possible working solution”.
&
“Good design is actually a lot harder to notice than poor design, in part
because good designs fit our needs so well that the design is invisible.”

QUALITIES OF good design:

• It is the design that supports diversity of users.

• It promotes trust.
• Enable an enjoyable and satisfying interaction.
• Strive for fit between the information representation needed and
presented.
• Improve users’ task performance and reduce their effort.
• Maintain consistent interaction.
• Provide the user with control over the interaction, supported by feedback.
• That reduces short term memory loss.

Characteristics of Good Design Versus Bad Design

Good Design Bad Design

1. Meets all technical requirements 1. Meets only some technical requirements

2. Works all the time 2. Works initially but stops working after a short time

3. Meets cost requirements 3. Costs more than it should

4. Requires little or no maintenance 4. Requires frequent maintenance

5. Is safe 5. Poses a hazard to users

6. Creates no ethical dilemma 6. Raises ethical questions

 Following are some good design apps:

1) Slack Mobile App

• navigation bar
Being a chat app for businesses and teams, there is a very big chance to get
overwhelmed by the vast amount of messages being posted.
But the navigation bar minimizes this by dividing messages into
Channels/Private Channels/Direct Messages. I can easily switch between
different channels without feeling overwhelmed.

2) My FitnessPal Mobile App:

• Calorie Counter tool
This calculator is just brilliant. After I enter my weight and fitness goals, the
app automatically calculates how much calories I need per day to reach that
goal. Then, every time I enter a meal, the app calculates the calories and
deducts them from my total number to keep me focused and on track. Also,
when I enter a certain exercise I did, it balances back the calories count by
removing burnt calories based on the exercise type and duration.

• barCode searCh
Search tool is a joy to use. not only does it show calories per serving, it also
provides the option to scan any food item that has a barcode in case the
user is struggling with finding manually on search.

3) Google Maps Mobile App

• voiCe searCh
Most of the time I use Google Maps when I’m driving. During that time, it’s
very inconvenient and extremely dangerous to type in text on the search
field. The app solves this problem simply by providing a voice recognition
tool that instantly provides the route for the desire location.
Other good design application :
• Weather
• Bouncer
• Google drive
• Waze and Google Maps
• Google Assistant
• Google Play Music
• Nova Launcher
• Pocket Casts
• Tick Tick
• Solid Explorer

“Good Design is Purposeful “

Everyone is a creator in this world, but not everyone is a designer. We all
wake up to make decisions throughout the day which shape our lives and
influence the lives of others around us. We contribute to what we see in the
world. Being aware of one’s power to create and influence, and actively
making plans to do so, is what makes one a designer.

“Elements of Design “
Design elements are the components which can be isolated and defined in
any visual work of art. They are the structure of the work and can carry a
wide range of messages.

LINE:
Line art is a mark created by a moving pointed tool. It can be created as
simply or as complicated as the designer so chooses.
COLOR:
Color is one of the most powerful design elements with the ability to alter
people’s perceptions and mood. Within the color design element, there are
three main properties: hue, value and intensity.

SHAPE:
Any flat, enclosed area with a length and width is considered to be a shape.
Designers use both geometric and organic shapes.
SPACE:
Space is a design element used to create an illusion of depth in an artwork.
It can be 2-D, 3-D, negative or positive.

TEXTURE:
The look and feel of a surface quality is referred to as texture. Texture can
be created organically by nature or implied with art.

FORM:
Objects that have length, width and height, that can be viewed from various
angles, existing in space and volume are said to have form.
VALUE :
The degree of lightness or darkness in a work of art is referred to as value.

“Principles of Design: “
Good design displays integrity to the elements of design. The principles of
design explain the ways designers use the elements of design to create
effective works of art. Referring to the principles of design is helpful when
critiquing a project and determining if it is indeed a “good” design.
BALANCE
When a distribution of visual weight on either side of a vertical axis is made
causing purposeful symmetry or asymmetry, a well-balanced design is
created.
EMPHASIS
When certain elements stand out to create a purposeful focal point, the
design is considered to have emphasis, a principle of good design.

RHYTHM
How the eye moves through the composition refers to the rhythm of a
design. Honing in on this principle can create an illusion of movement
within the artwork.
REPETITION
A design that creates a pattern using visual elements has demonstrated
repetition, another strong principle of good design.

PROPORTION
The relationship between objects in terms of size including the relation
between parts of a whole is the design principle of proportion.

CONTRAST
Contrast may refer to juxtaposing different elements of design, such as
rough and smooth textures or dark and light values, in order to highlight
their differences and create visual interest. An advanced demonstration of
this principle of design would be to create a conceptual contrast, where the
concept itself is portrayed in a non-traditional, unexpected manor.

UNITY
The arrangement of elements to give the viewer a feeling that all the parts
of the piece form a coherent whole refers to the principle of unity or
harmony. A strong (or “good”) composition always honors the principle of
unity.

“bad design”
These are design projects that break the cardinal rule of good design
because they just don’t work or they don’t work properly .

“ CRITERIA OF BAD DESIGN :”

• Useless

• Pointless

• Thoughtless

• Ominous

• Untrustworthy

• unstrategic
Following are some bad design apps:

1) Mobile Banking App:

• navigation bar
It’s very uncommon to have the dashboard/home named as “SnapShots”.
SnapShots does not tell me exactly where I am, where I will go to, or how
will I need it. Neither does the associated icon give any kind of indication to
me as a user.

• Find us sCreen:
When choosing Find us option on the top bar, the map is shown with ALL
branches and ATMs for the bank across the city. The map looks frustrating
with all the location labels shown at one time, which makes it confusing and
hard to select.

• Create a saving goal

I tried many times to set a Saving Goal, but every time I do it, I get an error
messages that says “Invalid Digital Signature”. The task itself does not ask
for a digital signature, and the error messages do not give me any guidance
or suggestion on how to obtain a valid digital signature.

2) Telecommunication App:
• reCharging Mobile Credit
I pay a monthly subscription of AED150, but the recharging options only
shows (25/50/100/200). I couldn’t choose 150. I tried to add 100 then 50,
but it doesn’t add up, so I had to recharge with 100 and redo the process
again to recharge 50, which is frustrating having to go through the whole
recharging process twice, including credit card entry and waiting for bank
OTP, etc.
3) News Website:
• top navigation
It’s actually more than a bar. There is a top section that leads to an online
classifieds portal, then a BIG portion for ads, then another bar that includes
Logo/USD price/Prayer Time/Gold Price.
Next is a categories bar, and it includes a Jobs portal which leads to the
same portal. Do jobseekers nowadays go to newspapers to search for jobs?.
All that distraction comes up before even seeing the actual news postings
that users came to read.

• bottoM navigation
Again, confusion and distraction caused by multiple Calls To Action and too
many options and elements displayed.

“Other Bad design applications :”

• Hide it pro
• Calculator+
• Snap chat
• Line
• Omegle
• Tinder
• Whisper
• Kik Messenger
• Vora
• Ask.fm
 “ Examples of Bad design in real world:”

• Pant Labels. Why do pant size labels never indicate which number is waist
and which is length? ...

• Bathroom doors that don't clearly indicate gender. ...

• Parking Signs. ...

• Social Media Icons on Print Ads. ...

• Pedestrian Countdowns. ...

• ATM's that spit out your card after the cash. ...

• Classes with exclusively right-handed desks. ...

• Microwaves