5 Principles UI/UX Infographic |
1. Design should focus on an experience
People don't always remember information presented, but they do
remember what they feel. Advertisers focus on selling to our hearts, so
why shouldn't you? As Geoffrey James, in an Inc.com article states,
"[It] is not the information itself that is important, but the emotional
effect that the information has on your audience."
This is why User Experience Design, or UX design, has become such an integral part of web and application work. It should effectively weave together a combination of text, graphics, layout and interactive elements to ensure users have an experience, not just an informational view.
This is why User Experience Design, or UX design, has become such an integral part of web and application work. It should effectively weave together a combination of text, graphics, layout and interactive elements to ensure users have an experience, not just an informational view.
With all of the complexity and quantity of information we are
swimming in, differentiation matters. If you scan through today's
interfaces, they incorporate more visuals, more story and more emotion to help
convey why theymatter in the sea of competitors. This brings us to our
next point…
2. People scan websites, they don't read them
Make your website scannable because users don't read websites the
way they read other material. Is it any wonder why the use of
infographics has become standard fare for anyone looking to convey sets of data
or instructions? Research shows
that "users switch from scanning to actually reading the copy when web
content helps [them] focus on sections of interest." Case in point, you
probably are not going to read this entire article, rather scan the headlines
and dive in where you want to read further. Making your interface
scannable will make it simpler for today's audiences, which brings us to our
next point…
3. Users crave simplicity and clarity
It takes as little as 0.5 seconds for visitors to decide whether
they are interested in a website or not, so be clear with what you want users
to do. Today's interfaces need 'preferred actions' to be as obvious as
possible. User's should not have to think about what you want them to do.
For example, it could mean focusing visual attention on one button vs. four
on your home page. Consider what your web app or website can do to make it easy
to use. For example, a form can give default values most users
would adhere to rather than giving every option available. Part of
design is designing for the majority of your users and letting extra
functionality be discovered as needed (e.g. through hover controls) without
delivering everything in your face.
A consistent design is actually simpler for users because it
re-uses components, behaviors, colors, and aesthetic to reduce the need for
users to rethink. Users are already familiar with many of the components
used throughout the web so complying with these patterns will make the system
simpler and clearer to begin with, which brings us to our next point…
4. Know where to get creative and where to use common design patterns
Be careful with innovating new UI patterns that are already commonly known patterns elsewhere. You don't want people to have to think too hard about where common elements are. Most interfaces should already be familiar to users. For example, links should look like links. Buttons should look like buttons. Login access is typically located in the upper right; logos and company names upper left. Getting too creative with common patterns is like saying, "Let me put the blinker for the car with the radio controls," rather than using the standard up/down stick on the left of the steering wheel. It might feel cool to do something non-traditional, but cool does not mean usable. Usability and creativity need to be balanced.
Navigation, URLs, and button placement should focus on usability first before design aesthetic. This is why its best practice to wireframe without design aesthetic to begin with to focus on layout first. Then you can focus on getting creative so the creativity is appreciated, which brings us to our next point…
Navigation, URLs, and button placement should focus on usability first before design aesthetic. This is why its best practice to wireframe without design aesthetic to begin with to focus on layout first. Then you can focus on getting creative so the creativity is appreciated, which brings us to our next point…
5. Scrolling is often faster than paging
Today's websites are vertically longer, much longer than sites of old when designers thought everything needed to be above the fold. Take this example from Amazon that sells their new Kindle, if you print this page out, it is 17 pages long. While Amazon is unique and their practices as the world's leading ecommerce site are not best practice for everyone, just visit 10 modern company websites and you'll probably find the average printed page length to be 3 – 6+ pages. Back in 1997, Jakob Nielsen, a long time web usability expert, retracted the guideline to avoid scrolling web pages in order to let users focus on speed. He went on to say "scrolling beats paging" because its faster to scroll down than to click, which means longer pages can be better than just more pages. Today's web navigation is flatter as a result.We often say "clicks are expensive in usability" but what we really mean is that clicks that require page refreshes are "expensive". People just don't click as much we design for. At the end of the day, most of us are looking for the easiest and fastest route to get what we need. Scrolling more vs. clicking again may help with that. The fact is, we're very fast at scanning a website (see #2) but the average website refresh is 6.5 seconds. What would you rather do? Click into 4 places that takes 27 seconds or quickly scan a longer home page in 5-10 seconds? Flicking and panning on our mobile and tablet devices has only strengthened our scrolling frequency.
Adapted from "7 Prinsip UI/UX" by Oky asha.
17 komentar
Good content. You write beautiful things.
BalasHapushacklink
korsan taksi
mrbahis
sportsbet
mrbahis
vbet
hacklink
vbet
taksi
dijital kartvizit
BalasHapusreferans kimliği nedir
binance referans kodu
referans kimliği nedir
bitcoin nasıl alınır
resimli magnet
EBRUH8
https://istanbulolala.biz/
BalasHapus62O5C4
urfa evden eve nakliyat
BalasHapusmalatya evden eve nakliyat
burdur evden eve nakliyat
kırıkkale evden eve nakliyat
kars evden eve nakliyat
JO8HJİ
07898
BalasHapusBatman Şehir İçi Nakliyat
Floki Coin Hangi Borsada
Giresun Şehirler Arası Nakliyat
Bonk Coin Hangi Borsada
Trabzon Lojistik
Sinop Şehir İçi Nakliyat
Ardahan Şehirler Arası Nakliyat
Sivas Lojistik
MEME Coin Hangi Borsada
E8DB8
BalasHapusSilivri Parke Ustası
Konya Evden Eve Nakliyat
Kripto Para Borsaları
Denizli Şehirler Arası Nakliyat
Kütahya Parça Eşya Taşıma
Referans Kimliği Nedir
Çankaya Fayans Ustası
Afyon Parça Eşya Taşıma
Bartın Evden Eve Nakliyat
896BC
BalasHapusBursa Parça Eşya Taşıma
Bitci Güvenilir mi
Adıyaman Şehirler Arası Nakliyat
Denizli Şehir İçi Nakliyat
Düzce Lojistik
Kars Şehirler Arası Nakliyat
Giresun Evden Eve Nakliyat
Mersin Şehirler Arası Nakliyat
Burdur Evden Eve Nakliyat
014DF
BalasHapusKonya Lojistik
Aydın Şehirler Arası Nakliyat
Silivri Parke Ustası
Kastamonu Evden Eve Nakliyat
Hotbit Güvenilir mi
Ünye Koltuk Kaplama
Samsun Lojistik
Maraş Şehirler Arası Nakliyat
Çerkezköy Çilingir
B1149
BalasHapusBinance Referans Kodu
Ünye Mutfak Dolabı
Çerkezköy Cam Balkon
Aksaray Evden Eve Nakliyat
Vindax Güvenilir mi
Huobi Güvenilir mi
Gate io Güvenilir mi
Nevşehir Evden Eve Nakliyat
Tekirdağ Boya Ustası
CA805
BalasHapusBinance Nasıl Kayıt Olunur
Coin Üretme
Binance Nasıl Oynanır
Bitcoin Mining Nasıl Yapılır
Bitcoin Kazma Siteleri
Bulut Madenciliği Nedir
Binance Yaş Sınırı
Binance Para Kazanma
Kripto Para Nasıl Kazılır
4BB9F
BalasHapusbinance referans kodu
resimli magnet
binance referans kodu
binance referans kodu
referans kimliği nedir
resimli magnet
referans kimliği nedir
resimli magnet
binance referans kodu
D2681
BalasHapusresimli magnet
binance referans kodu
resimli magnet
binance referans kodu
resimli magnet
binance referans kodu
referans kimliği nedir
referans kimliği nedir
binance referans kodu
309CF
BalasHapuskraken
paribu
paribu
poloniex
okex
bitexen
mexc
bybit
telegram kripto kanalları
26FB0
BalasHapusbkex
https://toptansatinal.com/
binance
4g mobil
okex
kripto kanalları telegram
filtre kağıdı
referans kimliği nedir
aax
2316F
BalasHapusbinance 100 dolar
bybit
gate io
ilk kripto borsası
canli sohbet
cointiger
huobi
binance
binance
731A7
BalasHapus----
----
----
matadorbet
----
----
----
----
----
cfgythttfyuhtfsewrw
BalasHapusصيانة افران