Human computer in ter Face

Unit

O Principles of Ghood UI Design!,UI design principle!

w inter face design?
Process of web
6 User interface design', principles ! Usability important ?
4 Screen design ? history !
5) Giraphical System ! Advantages disadvantages ? Characteristics?

csewale3590
Unit-2
OHCI and Human Character istics ?
Ghuid elines for Designing Conceptu al Model
Golden vules and heuristic help inter face des igners take account
of cognitive psychology?
3 Features in UI building Tools ?
6 visual processing!
Explain súface chart gaphts and histograms with suitable examples

Unit-3
OScreen design and its conce pts?
Screen Nauiq atiorn Flow
Shieider man 's eight Go lden rules of interface design
DiP. bluw hort term S long term memory? per Form congnihive
walkthrough System
) Statisical Graphic Pornm
 Type OF Users and organizathonal iSsues to be considered
in designing an interactive System?
hraphical system, 3d interaction and virtual rel ity ?

Unit-4
Selection Controls and colors
TCon and its characteristics
3) Multimedia in detail
t) Norman's seven principle
Tnput Output channel s
) drag and drop methods
Various -deuice based Control
icreen naviqation and flow in screen design

Unit s
0 Explain 8 interactiorn devices.
What are the roes of ons, 9raphics and colorin provding felback?
(3) Human interaction S Human interachon speed.
ComMuni catior and Collaboration Models
O Pointing deuice and Speech
Role
JECOgnition
of icons Graphnics and Colors.
Dieferent tools for Layout
3) ke stroke level Model
 Ansuers

Consisiency: 2 +ClariBy
Maintain HCT
Ond helpsThis keep Undersiand- Make Principles bocking DiScuss
Evaluate facilitate
with Create aGoal andfocuses. I and HCT HCI
echncbgy
usichinlgenjoyable.
e
interaction
patierng. eueryihing Sure. computer. includes iniracisHumons
Consisieny eueryhing the effective USer- -
USers Use of Fromsuitabi
litythe anCompuier
the wisual G.ad uith
princi
ples fhsndly studying
using making HCI CSwalE e
predtct
in Same cues,icons, on cOmMunication conmputes. ’
T and
desiqn sD he desigr: UI houw computer Tnierface Human
howUSers
sSCTeeniS
of efficient
to design
element, qude designgoodUI Ser Computer
hings the isabout
confusednotare interactionand feel
interacion
user principle man
@cSEWale
3570 inter how
layout througheassy to ual face and people
l s
tour experience
int erface Paqe
work ttat
eassy
Tnterface
Use

prevention
9Error Flexibility: 5.EEEiCiency
6 4.Feedback: 3.|Simplicity:
8. Hierarchy: .
USer ensure USe Provide Lets. Let information
Provide
clear
minimize.
Desiqn to T4pography prioritize Provide uithout Make. Feedback
inierface
thProvide
e to Dont keep
infomation
the Otganize

USer USers
readable eass\ it it
cover loqkaly
face
inter nmake
text
Advance
optionS LWasting Simple;
and imporiant knawProvideimmediate
knouw
Erom easilyis
fonts.and things Avoid
essages For for wale
CSE
readability Feaiures if dan't
Recoueryand
and both
time. Users they whats unnecessary
User
kes. element USer too oVerlbad
Tegible nouice are
errorS to and
anceto
heIpand hierarchically
acthion:to Complicated.
apprapriaie informative
when
wit
doing happening
do theyinteract
and and usersith
element muchtoo
0Sers,for
what
UserS. hings
typogra guiae feedback or
Subscribe Qesewale
they$540
complexity.
ight
phy USerS Page Date
heed to elAssMate
or user
to ioong.
ta fat
co their
actut.
 are Make
wehsitesConsistency:
For label clarity
Make ohere Lei's the
lolccess
ibility:
name Evaluation behaviour
eXample Friendly_,andeAiient
systems.
digital Ihese PrincipicsoF
USer- Ptinciples guidelines USersEnsure
cansistent each suTe -
Sre email, Say
’labels everyhing
part USers interactian
betueenprincipies
te
we of and thaithe
layout cearlydestination_daies have avemanual
that of_User
th USeL
0her like on to a congnitive based
and So the
PiLmanual Tour
intet
helpsinterface
iniecface
Destination,
etca "Email
" *Name face
ormsand style mte USer screen În
an
bookin create -
: tour Users
processes
knowohaf is and their onderstandinghuman is
of qaare
inict£acedesis.
the eassy detailg
pte bookingForm’ and to
intuitive, QcceSsible
to Ference
om
to
nderstand
optimize
form Furclamenta to.all
ke
age
L
a

AUSer
with T+
person EEfiCienCyi
example:Eor order
Arange
igital Tn designUI
positive ytoeassCommunicate interface
User > Prouidefced Feed - Simplicity
toform back back
Dont
slmple includes
uwhen
USing a SCreens
that - that Such ask_for
the
ices. USer USe interacts Confirmoatibn
terms, interface
$tart
ocUses thalel likebefore
email makes farm
uith Unnc
experience.
N0sualyappealing aConfirmnation uhen
its uith (UI) destinatio uitth Eieids
elenents
ssary
all00 Sense to USers
Computer what System.
diqital a basic page.
is loqicaly
creatingq
faces
inter computer, moveon deiails,
the
USerto - WaleSE nfoY
yDusee Such and Users. SuCCeSsFullysubmit
Smart means keepit
Mqtion and
uebste,or dates.
proideand a as speiEic
details to redirect
message
orA
phone throughwhich a in
nieract
and COntro
buttons
menus, Iike staight
a
sequeniial
name foruoard. Page Dote
0Y thatare Qpplicaton elasSMate
and the
any
and
 Answer’
Q-2Write
"Web
Awel= iniernet enhance
publisn globe deuices.
Ttferenidie ease basedweb popular
- EEfeciive
Eunctionalityina
-friendlyuser Itelemenis.
satis
ctionfa Creating
visual Web
allDimilonS focuses Web
of USer Web
to inier
heord:andbe nauiqaion n
desianed increasingtandhe due user web Usability For inier
facedesig
COmmunicate On face brieÉ
application.
tointer
Eace Interface interface
enhance
desian the
o and oeb he Organizing weDsitlayouis
es design SEWale
peopleSCattered acessibility.and
responsiveness
process
ascess 01 wides have
popularity: refers
considers pread
become. ent, or
Coniandinteractive oF
infox relianceL web to web
manner to the
acrosS USe
immensely naigaion, interface
mohon
acrossthe aesthehcs applicathons. proceSs
of
s USer
the. Page
desig
and

Accessibility OUsability heimporianceOf

Ansuer
designed
-Nell- satisfaction’
OUser
experience G100d for Important
luding Canbethe
those. Design more polished
s. Brand
A >USero
theperception
in designprioriti2es
leading to100d (1olden
Eight
Advantagea
Compehtive > brand'
product G1clden
Rules
Eight
USer.
design Gxperience
Usability
improve
Customers
used Crowded
percephan,creaing
positive a
USers 8
accomplish and witt
n00d
apartL
Erom and ensure. rules
Inclusivity>
consider and
waleCSE
with by efficiency ’ SatisEying design
product
minds. ANell- product
your or
btoader marketplace,
ities tasks USers
have
that
cessibility Crafted reqsons?
Of
website
desi
Compe are needs
USer design
goadwebsite
range and
desin
efficiently
quickly
and eosy
titors qgood enjoyable
ensute. design
to Seruice
design enhances USe, preference,
and
iuiduals, and mpresson
positive ehhance
User
experie Paçe Date
products
that elAssMate
attract can alooing
the
sef nce
 6
1E-commerce
WebsItes
9. Giovernment
website1. Educational NeuwS 4
websites 5. Websites Biogs 3- " TYPesOf
2. " Websites
e lese * " . . ""Purpose "Purpose Examples>
Purpose
. "Purpose " Purpose
Examples Purpose
Examples Examples Examples
Purpose Examples>Social
" Search Examples
Example Gusiness
website
Purp0Se
Example EnterPurpose
are
tainment Medio
. Just ’ ’ ’ ’ ’ ’ ’ ’ > >
’
’
’engnes ’ ’ Personal Connect AMazor,
facebooks Facilitate
’ Present OFfer
Coursera Provide CNN, Word
facilitate
100gle, Prouide SA, Apple, Websites
Youtube,
few OFfer Pre
websites online BGC.
gov, or ss, and online
,andoideos, bing oFfical infor Micro ,khan p:professioal Twitter, , e
gou-uk Blogger Bay
Net searching
to Share
mati soFt Ourses buying ..
fix - - Academy -dafe .
- on etc.
information contentThsta
musicS
about and news online and
many and
gram
, educatibngl and witth selling
or indexinq a jourrnals
and .-.
bsites other. company, friends
information. of
seroices
of resources. goods
witt
may web ts and
products, regular and
Fall from folowers.
content. services.
into government and posts.
services

" " " "There

. . " It It gt 6. 5. 4. 3. Q I:
This Do
Sketch site:’theTdentificatioh wantfor helpthe It before Research
Structure Planning
Identificahon purpose Research
Planning
can is is Desigring
Writing
TestingCoding
Maintaining are
(S act research Website
sual a help important imporiant seven
sitemap a basiC the
beginingwith and and
oF and te the development
d the on towebsite
goalstep:
ion blue layout offave.to
ttie website to toG0al launching contentlayout
r deternine setting
keywords tarqet have do
website
that brint purpose to
ot anyproperSetting
have clear Plarning
wlreframe audience
be
resentatin
prouides
ofUisual of to what project.
of a siesearch
goals
blewhat Process
skeleton, Use the clear
to and we
to witth want
for ’
e the website goals
andset
USer direction
plan a
stte of and
our website. webs
awill tie needs.
do ite!
tte. Site. and
not
 6)
. Tnclude
key . Consider "
sSary Write
to Unnece Prioriti2e
wriHihglogical Sty le
This forOrqan12e Ensure
Code VocabularyStructure. Flbw.
and merus
Designing
layout>the
used I5
Select Create the
CMSDuring another. in
ite the U^er dabitY.tea and
for a
tecthnologY
tthephase a a a the
plugins, code Use your cleqr clear experience
User by colors,
websitecatchY content content
elements
coding, should jargon cohesive
look.
For
theIn content and
Involving heading Flow
’ logo8,
hauing IDE heading
’tittleand ar
analy
2\ng and be straight
oF secttons.
consider for
s, in language
Complex Such
ture easily Fonts
additional wr a
inFormation
iting
Subheadings, Forwarc as
logical navigation
ensuring
eassy ,
factor headers and
testing
and understandable
understanding
deep aour Manner. overall
tools and Fro
such and
code. m Footers, ,
that
hierarchi
bullet cal one Avoid UiSual
as
like by
the sectiom
SE0, au points havigation
U.scode.-.

) )lesting
. "Checkfor "Test
gularlyRe tool relevant Make
Sure firefox, Correctly
lesthavigation
mehus,and
Requl detail.Update
andreuiarleyw and tags,and ReqularlyMaintainance ’feedback launching tables,and
Obtain Before
adjustments as yOur all
like and
term oF infomoaton
review check tested
website Safari
website interactive
siveness
respon on launching
Other PageSpeed
Tnsights.
Google smart
everythingphones) ,
the abot Edge) on
USe. SEO and Ot is
needed. elements ’
to
different
upclate check website'sproducts, the
launched, runing is ensure
[itksto
elementa. ensure
interface real
User User. suchh
Security, it desktop,
various
deuices
browsers
chrome,
policies
priv cy performanceseruices, as
is Compatibility.
Smoothaftlyer forms,
ypdate or Ctucial twork
hey
using any buttons,
make
and
other
that
mata
 @TnnoNation
. PositiveEnhanced
fastersìnhcuation Tncreased
Competitive Tmproued Benefits heed
Sauings and 600d courageenEngagement
User
Cost
Accessibility. LnvesingEFEicienyCost Engaging
efEicieny
For
Finding design
USer in
perceptionand brand
USerimage'
andefficiency
USability desiqn>
Q00d OF in and them design
adyaniage
|SEwale For a the
in redesignsand qood creativefosiers
retention.and experience:
satisfachion
and ativity:Cre elements
ime engagement longuL, as and
broader desian innovation fetürn
Iong market.the in Re
Creatiuty Soluhions to keep
run. up£ront productthto
e
tenton:
CUstomeI
Suppoft.
base.
User by User ’
(an pushing interested
and
reduces
problemns.
lead
boundanes Page
the to
cost

Answer’
Q4Explain
Elements
QVisual
Design
action uideICons,Screen USe Onderstandbuttorns Cther friendly
for Maintain
USe
Consisteny > Understand
Centered
Desiqh>
User- websiteS,
mabile USer-designing
the.Screer
is desian
Screen
key
inyalves
forthe ,
Consistent
USer'sdesigners
butionS
colors faces
inier aspecis Imaqes, interactive procesS
Cohesie
uniformity onthe. images designing?
History
Screen
the and
attentionto deciding interfaces
target of USe and walCSEe
USe need apps,
SCtee sCreen knou)
also
colbrs, that forms.plat
perience text
in Various and Where Creating
audience. SOFiOare
design are desiqning to for
fonis., preferences
important. make.
intuitive to asuser
andVISUal digiialScreens appealing
visually
and
ele
and ments place applicahons,
elemenis,
CSEwale the
ayout
laycuts oE
SCreens.
actosS elementsand easyand t element inieface
USers.
the SCreen
Page Date
pa clAsSMate
Such and Such
tierns
easy to like T)
as desian,
aS
 @960s-
" Designers Ensure Sizes.
1960S
The XerorPARC 1970s limited Early induaing User thtough USers ina mation
Screen Design.
ResponsiDesivegn
Commercially. oindouwS
iCOns History prouide tablets,_and
Infor phanes
Smart
MOUSe
Macintosh
- Computes Text interaction
design Siructured and
Gitapnica graphical information
designers
Oganize
Eindto
Macintosh:Apple -
of interface.the
driyen Based SMoot
qestures- define Arhitecture > Consi
Cxpersientieunceisnerterfaces
Screen deuices.
SuccessEul
persDnal deyelbped
and USer used how
popularized.
wi(n0l
th Interfaces they
whatmanner that
inierface. elements. and
Tnterface design clicks, isers
menuS.
the basedtext - adapt
expeiÈDce.
engaging nd
USer ainieract
((0I)> needmaki
egssyng to
tansihons
introsuction 01, ACrosS
Featunng
computer interfaces wh nauIgateand IEferent
and
the
firstthe to cOnten+ desktnp. Page
inter SCreen
for
wit
foce

6Q0|0SEIat - A990'sweb
desgn:
Immersive
afuture - O
Ihe
Screern and The.L
OpenViriual toPresent Interfaces. HTMLntroducing
design
anadvent
d 000S
mobile, clarity -Mobile tise.
new desiga -
Reality
(VR) Responsive
tablet embraCed
touchscreens
Desiqnand
possibilies
espeA Inier
adapts the.

Experiences and Smartphones face websites

and internet
Design Elat
desktopuseB. Minimalism: -
Auqmented
Various designfocusing and led
for
to
interface
brough
mohile hyperlinks
SCreen
Reality
caterinq
deuice 0eb
des Page Date
design LAR) simplicityon classmute
ign
uaith
 Answer Q-5’What

|Pointing Prouide
Deuice 4.3MenuS a. ioIcons lCritiCal "Tt
" replaced.
windous making CompuierL menusS to
araphical he icon Giraphical
User
text Compuier Graphical
(aUI
’ do
access
based -wiahdsual
Representin
making Fealures is
Content.
Dvidinghe
multitasking
enables
and CompuinqMore elemenis ISualworay you
USers enable a User
the pe
tycomManda.
eletroni
deuices clecironic mean
4o dropdoun easy
them OF_ ntfaecer ’
picaly
ost to earlier
based
text- (0Sers such of by
(n0I! indicatorS
ations
interfofr ace
from.
choose screen Ser
by lisis as deoiceshng USers(Ga0I) (ILaphical
acessible
Eilesor
to
to/nterFace
interactIconS,
of into to
recoq instead OP in
COmmands User
on
organizingSepaate applicaions4
nize. hat
interactsimple
Friendy.
user-andFaces
infer ndows,and interface!
Page
areas, and with a utëlibes'
Sers qraDbcot Lwitthterm ie

"Visual
Appel > AccessibilityRvisual
4. Appeal
3
Enhance Eassy interfaces,
due to Popularitye
hase
popularityhe
of Aduantages
Multitasking Eriendly
Social Entertainment
USer Advertising
markehing2and makithGiraphi<s
emng visualadd User-
to
Designe
media interface understand
Communication faciors:
several

nmedaand ’ more.
and
gron
Content ’
engaging
appeal
Csewale
graphics,
significaty
Sharinq
and

\arious particularly "

Dependency learning
hardwoareLimited
of Curve:Resource
-
attractive
setsto Disadvantage
OVet
forms conirol: Tntensive
the in
Page Date
OF years the classMate
faster time :
M
media, user ^- pn
CII