www.fromdev.com
Open in
urlscan Pro
82.180.174.216
Public Scan
Submitted URL: http://www.fromdev.com//category//usability
Effective URL: https://www.fromdev.com/2014/08/Usability-Tips-Design-Website.html
Submission: On September 03 via api from US — Scanned from US
Effective URL: https://www.fromdev.com/2014/08/Usability-Tips-Design-Website.html
Submission: On September 03 via api from US — Scanned from US
Form analysis 5 forms found in the DOM
GET https://www.fromdev.com/
<form method="get" role="search" class="searchform" action="https://www.fromdev.com/">
<input type="search" aria-label="Search" class="field" name="s" value="" placeholder="Type keyword(s) here…"><input type="submit" class="submit btn" value="Search">
</form>POST https://www.fromdev.com/wp-comments-post.php
<form action="https://www.fromdev.com/wp-comments-post.php" method="post" id="commentform" class="comment-form">
<p class="comment-notes"><span id="email-notes">Your email address will not be published.</span> <span class="required-field-message">Required fields are marked <span class="required">*</span></span></p>
<p class="comment-form-comment"><textarea id="comment" name="comment" cols="45" rows="8" aria-required="true"></textarea></p>
<p class="comment-form-author"><label for="author">Name<span class="required">*</span></label><input id="author" name="author" type="text" value="" size="30" aria-required="true"></p>
<p class="comment-form-email"><label for="email">Email<span class="required">*</span></label><input id="email" name="email" type="text" value="" size="30" aria-required="true"></p>
<p class="comment-form-url"><label for="url">Website</label><input id="url" name="url" type="text" value="" size="30"></p>
<p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes"> <label for="wp-comment-cookies-consent">Save my name, email, and website in this browser for the next time
I comment.</label></p>
<p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Post comment"> <input type="hidden" name="comment_post_ID" value="1912" id="comment_post_ID">
<input type="hidden" name="comment_parent" id="comment_parent" value="0">
</p>
</form>GET https://www.fromdev.com/
<form method="get" role="search" class="searchform" action="https://www.fromdev.com/">
<input type="search" aria-label="Search" class="field" name="s" value="" placeholder="Type keyword(s) here and hit Enter …"><input type="submit" class="submit btn" value="Search">
</form>#0
<form class="lrm-form" action="#0" data-action="login">
<div class="lrm-integrations lrm-integrations--login">
</div>
<p class="lrm-form-message lrm-form-message--init"></p>
<div class="fieldset">
<label class="image-replace lrm-email lrm-ficon-mail" title="Email or Username"></label>
<input name="username" class="full-width has-padding has-border" type="text" aria-label="Email or Username" placeholder="Email or Username" required="" value="" autocomplete="username" data-autofocus="1">
<span class="lrm-error-message"></span>
</div>
<div class="fieldset">
<label class="image-replace lrm-password lrm-ficon-key" title="Password"></label>
<input name="password" class="full-width has-padding has-border" type="password" aria-label="Password" placeholder="Password" required="" value="">
<span class="lrm-error-message"></span>
<span class="hide-password lrm-ficon-eye" data-show="Show" data-hide="Hide" aria-label="Show"></span>
</div>
<div class="fieldset">
<label class="lrm-nice-checkbox__label lrm-remember-me-checkbox">Remember me <input type="checkbox" class="lrm-nice-checkbox lrm-remember-me" name="remember-me" checked="">
<div class="lrm-nice-checkbox__indicator"></div>
</label>
</div>
<div class="lrm-integrations lrm-integrations--login lrm-integrations-before-btn">
</div>
<div class="lrm-integrations-otp"></div>
<div class="fieldset fieldset--submit">
<button class="full-width has-padding" type="submit"> Log in </button>
</div>
<div class="lrm-integrations lrm-integrations--login">
</div>
<input type="hidden" name="redirect_to" value="">
<input type="hidden" name="lrm_action" value="login">
<input type="hidden" name="wp-submit" value="1">
<!-- Fix for Eduma WP theme-->
<input type="hidden" name="lp-ajax" value="login">
<input type="hidden" id="security-login" name="security-login" value="fb8c61288a"><input type="hidden" name="_wp_http_referer" value="/2014/08/Usability-Tips-Design-Website.html">
<!-- For Invisible Recaptcha plugin -->
<span class="wpcf7-submit" style="display: none;"></span>
</form>#0
<form class="lrm-form" action="#0" data-action="lost-password">
<p class="lrm-form-message">Lost your password? Please enter your email address. You will receive mail with link to set new password.</p>
<div class="fieldset">
<label class="image-replace lrm-email lrm-ficon-mail" title="Email or Username"></label>
<input class="full-width has-padding has-border" name="user_login" type="text" required="" placeholder="Email or Username" data-autofocus="1" aria-label="Email or Username">
<span class="lrm-error-message"></span>
</div>
<div class="lrm-integrations lrm-integrations--reset-pass">
</div>
<input type="hidden" name="lrm_action" value="lostpassword">
<input type="hidden" name="wp-submit" value="1">
<input type="hidden" id="security-lostpassword" name="security-lostpassword" value="f5cc3b0249"><input type="hidden" name="_wp_http_referer" value="/2014/08/Usability-Tips-Design-Website.html">
<div class="fieldset fieldset--submit">
<button class="full-width has-padding" type="submit"> Reset password </button>
</div>
<!-- For Invisible Recaptcha plugin -->
<span class="wpcf7-submit" style="display: none;"></span>
</form>Text Content
* Home
* Guest Post
* Advertise
* Contact
* Subscribe
FROMDEV
Programming Books, Tutorials, Gaming, Hacking & Security
Menu
* Surprise Me
* Hacking
* How To Be A Hacker
* Hacking Books
* FREE eBooks
* Hacking Tutorials
* Hacking Tools
* More…
* Books
* Best Programming Books
* Influential Books
* Java Books
* Android Books
* Python Books
* PHP Books
* Scala Books
* More…
* Web Design
* Developer Tools
* Web Developer Apps – Mac
* Best Form Builders
* Inspiring Web Designs
* Mobile
* How-To Build Mobile App
* Mobile Frameworks
* Mobile App Testing
* Big Data
* Hadoop FAQs
* Hadoop Best Books
* When To Use Hadoop
* Hadoop Alternatives
* eCommerce
* Best ECommerce Books
* PayPal Alternatives
* Open Source ECommerce Software
* Magento Themes
* Magento Tutorials
* Drupal Templates
* Joomla Templates
* Joomla or Drupal
* Take a Quiz
* JavaScript Quiz
* Java Quiz
* Node.js Quiz
* Python Quiz
* SWIFT Quiz
HTML5TipsTrendsWeb Design
15 USABILITY TIPS TO DESIGN A HIGHLY IMPRESSIVE WEBSITE
By sarikazdubey
August 25, 2014
4 Mins read
526
0
Share
Web design changes faster than the seasons change. Neon colors get replaced for
the sleekness of black, photos get replaced for cool graphics, and then suddenly
photos are in again. There’s no universal truth to knowing what will remain
popular.
But it is true that no one wants to spend hours – or even minutes – trying to
navigate their way through a difficult website. Here are ten tips to make your
website usable and fun to use:
SIMPLICITY
We may be in a technologically hot world right now, but websites that feel like
labyrinths are not fun for anyone. Even companies that do complicated things,
like IBM, know that if they want followers, they need to keep their website
sleek and comfortable. Customers can get frustrated quickly, and chances are
you’re not the only one providing what they’re looking for, so they’ll move on
if they get lost. Have a very easy site map users can navigate through quickly.
CONSISTENT LOOK AND FEEL
Keeping the overall look and feel consistent is really important for user to
feel comfortable. Keeping common UI elements consistent makes the user learn the
navigation easily and quickly. The website should follow patterns to achieve
efficiency. Once a user learns to use one part of site she should be able to use
the same knowledge on other parts of the site as well.
Driving consistency in website can be really difficult if you try to invent your
own navigation controls and tools. Its best to stick to standard UI frameworks
and commonly accepted controls for ease of use.
This is one of the main reason why many Javascript and jQuery based UI
frameworks have evolved. Using such framework will ensure your website has
consistency in most part.
BE PARANOID ABOUT PAGE LAYOUT
Designing a good layout is one of the fundamentals of a good graphic design.
Designing the right page layout is critical to a highly user friendly website.
The structure of the page should be based on the importance of the elements.
Each item of the page must be carefully considered and placed to draw attention
towards the most important action or information on the page.
LAYOUT WORKBOOK: A REAL-WORLD GUIDE TO BUILDING PAGES IN GRAPHIC DESIGN
(By: Kristin Cullen )
Learning to Design a good page layout may not be very easy for any new graphic
designer. The Layout workbook by Kristin Cullen is an excellent book to learn
basics of graphic design. The second half of the book also contains excellent
example collection of good layouts for your inspiration.
I will highly recommend this book to improve your graphic design skills.
COMMUNICATE TO USER
The user interface should communicate all results and response to the user.
Always inform the users of success, error or any change in status. Not having
proper feedback confuses the user and leads to frustration.
SMART USE OF COLOR
Use colors to direct attention toward UI items. Highlight the important elements
with right colors. Device a strategy for using colors in a theme. Stick to
maximum five colors on your website theme.
LABEL YOUR LABELS
In a study that used eyetracking to evaluate the usability of search forms,
results revealed that the least confusing and most preferred way to design
website labels is by putting the information above the fill-in box, so that the
form is filled out from top to bottom, instead of left to right. Take Southwest,
for example, a hub for fill-in boxes.
AN INFINITE SCROLL-PAGE
Users don’t like stopping if they don’t have to – and if the content is
interesting. Popular websites like Forbes already implement this design – when
users think they’ve finished an article, a continuous scroll brings them onto
the next article. It’s easy for users to navigate articles and helps boost
readership.
MAKE SURE YOUR WEBSITE HAS A TAGLINE
A mission statement. A brand-vertisement. A single-sentence personal philosophy.
Whatever you want to call it, this tagline should be the most obvious and
important ingredient to your website. Make sure your tagline or brand is
articulate and thought out whether you brainstorm yourself or use a brand name
generator – it needs to be catchy, clear, and unique. For example, Apple put up
a catchy slogan that both inspired, attracted clients and embodied their
philosophy to “Think Different.”
Try Increasing Your Font Size
Forbes ran an experiment in 2013 where they quietly increased their font size on
articles. Because of improved screen resolution on computers these days, the
experiment was a hit. Now their font size continues to crawl up in articles.
MAKE YOUR URL EASY AND CONSISTENT
Yes, users pay attention to URLs. If your website has a
www.djenyros935m830mnt3985nw.com-esque feel to it, users are not too likely to
remember it – or revisit it. Make it memorable, but simple. Notice major
companies like Nike aren’t looking for a NikeSportsandGear.com or
LoveNikeWeLoveYou.com – it’s just, Nike.com.
DON’T DISABLE THE “BACK” ARROW
Users find it extremely frustrating when they are trying to return to something
that caught their eye on the last page, only to find “Page Not Found.” Rarely
will you find a major company with a faulty page.
HAVE AN EASY “HOME” TO RETURN TO
Facebook and Twitter do this very effectively. No matter how far away your users
are navigating away from your home page, make sure that home base is just a
quick click away.
BE A GOOD STORYTELLER
You don’t need to write for a ten-year-old audience, but you do need to be
interesting. Avoid boring phrases like “nice” or “bad,” and avoid trite
corporate phrases like “join our tiger team!” Tell a story about your company.
For example, instead of the standard commercial marketing, a new “Coin” product
markets through a video narrative.
HUMANS ARE ATTRACTED TO HUMAN FACES
A study conducted by Useable World found that the human eye is most
instinctively drawn to other human faces – more than body parts or clothing. But
we’re also drawn to where that face is looking. If you want to point your
readers to important information, throw in a photo of a human looking at that
information. Samsung, for example, has had a lot of success putting up colorful
photos of smiling families.
Article Updates
Updated on September 7th 2016 : Fixed broken links
Share
526
0
Share
Previous
45 Best Responsive Websites For Design Inspiration
Next
200+ Free Photoshop Tutorials, eBooks and Resources To Learn [UPDATED 2021]
LEAVE A REPLY CANCEL REPLY
Your email address will not be published. Required fields are marked *
Name*
Email*
Website
Save my name, email, and website in this browser for the next time I comment.
* ABOUT
FromDev is a technology blog about Programming, Web Development, Tips &
Tutorials.
publisher@fromdev.com
* NAVIGATION
* Programming
* Interactive Coding Websites
* Coding Competition Sites
* Web Programming Languages
* Free Programming eBooks
* Learn Java
* Gaming
* How To Be A Game Developer
* Game Programming Books
* 3D Game Programming Books
* Game Hacking
* Game Development Software
* Career
* Java Interview App
* Work Perfumes
* Programming Interview Books
* Interview Preparation Guide
* LinkedIn Profile Tips
* Software Architect Questions
* Tutorials
* FRIENDS & LINKS
* Developer Tools
* Java Tutorial
* BeginnersBook.com
* Java by Nataraj
* PC & Network Downloads
* CATEGORIES
Android
87 Posts
Angular
14 Posts
Animation
1 Posts
Antivirus
12 Posts
Apple
67 Posts
Apps
193 Posts
Architecture
22 Posts
Artificial Intelligence
37 Posts
Audio
6 Posts
Backbone
2 Posts
Backup
5 Posts
Beginner
8 Posts
BigData
34 Posts
Bitcoin
35 Posts
Blockchain
18 Posts
Blogs
10 Posts
Books
96 Posts
Business
202 Posts
Caching
3 Posts
Camera
2 Posts
Career
65 Posts
Cheatsheet
5 Posts
Chrome
9 Posts
Cloud
44 Posts
Covid-19
4 Posts
Cryptocurrency
65 Posts
CSS
7 Posts
Customer
13 Posts
Cyber
23 Posts
Data
47 Posts
Data Recovery
12 Posts
Database
18 Posts
Design
23 Posts
Development
52 Posts
DevOps
17 Posts
Digital
1 Posts
Drupal
9 Posts
eBooks
16 Posts
eCommerce
154 Posts
Education
49 Posts
Electronics
19 Posts
Email
22 Posts
Employee
5 Posts
Ethereum
7 Posts
Example Code
24 Posts
Exception Handling
5 Posts
FAANG
4 Posts
Featured
236 Posts
Finance
37 Posts
Frameworks
25 Posts
Freebies
36 Posts
Freelancing
7 Posts
Gadgets
45 Posts
Gaming
68 Posts
Git
5 Posts
Giveaway
18 Posts
Google
38 Posts
GPS
1 Posts
Graph
9 Posts
Graphic
10 Posts
Hacking
93 Posts
Hadoop
15 Posts
Headphones
3 Posts
HealthCare
4 Posts
Hosting
24 Posts
How-To
56 Posts
HTML5
24 Posts
Icons
16 Posts
Image
14 Posts
Inforgraphics
10 Posts
Internet
10 Posts
Interview
39 Posts
Investment
6 Posts
iOS
37 Posts
IOT
6 Posts
iPhone
38 Posts
IT
15 Posts
Java
58 Posts
JavaScript
56 Posts
JDBC
3 Posts
Joomla
14 Posts
jQuery
9 Posts
Kotlin
1 Posts
Kubernetes
8 Posts
Laptop
13 Posts
Learning
11 Posts
Library
3 Posts
Liferay
3 Posts
LinkedIn
3 Posts
Linux
11 Posts
Logo
4 Posts
Mac
30 Posts
Machine Learning
18 Posts
Magento
19 Posts
Management
17 Posts
Marketing
55 Posts
Maven
3 Posts
Media
12 Posts
Memcached
6 Posts
Microservice
3 Posts
Microsoft
9 Posts
Mobile
79 Posts
Money
7 Posts
MongoDB
8 Posts
Music
17 Posts
MySQL
7 Posts
Native App
2 Posts
Neo4j
3 Posts
News
2 Posts
Nodejs
15 Posts
NoSQL
10 Posts
Obfuscation
2 Posts
online
13 Posts
Online Collaboration
9 Posts
OpenSource
53 Posts
OTT
1 Posts
Outsourcing
7 Posts
Password
4 Posts
Payment
7 Posts
PDF
13 Posts
Performance
18 Posts
Photo
3 Posts
Photoshop
10 Posts
PHP
19 Posts
Plugins
4 Posts
PrestaShop
2 Posts
Printing
4 Posts
Privacy
18 Posts
Productivity
52 Posts
Programming
149 Posts
Project Management
2 Posts
Python
29 Posts
Responsive
9 Posts
Review
73 Posts
Robotics
8 Posts
Ruby
8 Posts
Sales
7 Posts
Salesforce
6 Posts
SAP
5 Posts
Scala
4 Posts
Security
166 Posts
SEO
55 Posts
Shopify
3 Posts
Social
20 Posts
Software
187 Posts
Splunk
3 Posts
Spring
3 Posts
Spy
9 Posts
SQL
9 Posts
Startup
20 Posts
Stock Exchange
3 Posts
Storage
25 Posts
Strategy
3 Posts
Student
28 Posts
Supply chain
1 Posts
Technology
70 Posts
Templates
5 Posts
Testing
36 Posts
Themes
33 Posts
Tips
289 Posts
Tomcat
4 Posts
Tools
146 Posts
Trading
3 Posts
Trending
5 Posts
Trends
52 Posts
Tutorials
62 Posts
Twitter
4 Posts
Ubuntu
3 Posts
Uncategorized
11 Posts
Usability
13 Posts
Video
37 Posts
Video Games
27 Posts
Virtual Reality
3 Posts
Virtualization
3 Posts
VOIP
2 Posts
VPN
37 Posts
Watch
4 Posts
Web
236 Posts
Web App
7 Posts
Web Design
146 Posts
Webmaster
55 Posts
Wifi
7 Posts
Windows
19 Posts
Wordpress
56 Posts
Work
14 Posts
Writing
23 Posts
Youtube
20 Posts
Powered by FROMDEV
* Sign in
Remember me
Log in
Forgot your password?
Lost your password? Please enter your email address. You will receive mail with
link to set new password.
Reset password
Back to login
close
Go to mobile version