Sliders are often the UI control of choice for letting users select a value or range from a fixed set of options. However, in practice, sliders are difficult to manipulate . Especially on touch interfaces, the level of control needed to meticulously operate a slider to an exact value is simply not realistic.
Definition: A slider is a control element that uses a knob or lever moved horizontally to control a variable, such as volume on a radio or brightness on a screen.
Imprecise Interactions
When designing a usable UI we must consider the context in which the interface will be used. For mobile design in particular, users often hold...
As we saw, placeholders can be problematic for all users: disappearing placeholders increase the memory load; persistent dimmable placeholders cause confusion when they look clickable but aren’t, and placeholders that do not disappear require more keyboard or mouse interaction to be deleted
Because I used Liste Rouge Paris as a bad example under Mistake #1a, I thought I'd play nice and use them as a good example here. The tailor offers 15 different collar styles (among many other options) for people ordering custom-designed shirts. Luckily, they also provide good defaults for each of
All UX mappings have two-fold benefits. First, the process of creating a map forces conversation and an aligned mental model. Second, the shared artifact resulting from the mapping can be used amongst your team, organization, or partners to communicate an understanding of your user or service. This
The Future of Blockchain: Technology Partnerships with AI, Bots, and IoT
As these chatbots become increasingly more knowledgeable through being put through the paces of assisting with customer service requests and marketing interactions, they will be able to do more and become more seamless in their communication capabilities. For example, the current natural language
Stop Focusing on Cryptocurrencies Problems. Consider its Future.
Some lawmakers have already begun the process. U.S. Reps. Warren Davidson of Ohio and Darren Soto of Florida introduced the bipartisan Token Taxonomy Act late last year. This Token Taxonomy Act operates to clarify crypto’s exemption from securities laws after it forms a functioning network. The
4 Ways to Enter the Blockchain Industry
The Internet combined with the decentralized framework of Blockchain now allows anyone in the world to start a business. Anyone — anywhere — will be able to execute transactions securely. Before the Internet, this kind of powerful encryption was inaccessible to many small business
Centered Logos Hurt Website Navigation
It appears that other factors (such as the contrast, padding, and legibility of the brand name) affect brand recall more than the position in the center of the page versus the top left corner. For example, the Nolitan hotel websites had a background image behind the logo, which may have
the slider design: rules of thumb selecting
Intranet Design After a Merger or Acquisition
A site-wide search that crawls every nook and cranny of the intranet(s) can empower employees, and pick up the slack where the global navigation may fail. Research the jargon and common terms used in the intranet and application UI. Then add synonym rings for these in metadata so people will be
Large Devices Preferred for Important Tasks
Although many mobile operating systems now offer a split-screen mode, the small screen size limits its usefulness. The fact is, in most cases, users on mobile devices must focus on one window at a time. This limitation means that it’s difficult to combine multiple sources of information and carry
User Intent Affects Filter Design
Filters are among the top web innovations since, well, the Internet. These controls allow us to quickly find the needle in the haystack on information-rich sites, such as travel sites or ecommerce sites. Brands have built their reputations for their ability to narrow results efficiently. Filters
Alternative Payment Methods Enable International Purchases
In Chile, consumers who want to pay with their debit card must carry around a special key fob, also known as a “disconnected token” that generates one-time passwords, which users then manually input into a website’s checkout flow to complete the purchase. While secure, this method has several
The Anatomy of a List Entry
A list entry in the United Healthcare’s medical-provider directory page emphasizes the provider name in large blue font. The provider’s specialty is also stressed in a smaller but bold font directly below the name. Other important pieces of information are isolated and paired with icons toward
Join WP Engine in Web Week 2018
Are there old shortcodes lingering around, bulking up your code? Do you still have widgets installed that you don’t use anymore? Perhaps your dashboard is full of comment spam. Maybe you need better analytics software or want to start reaching more audiences by adding more localized content
is slider design: rules of thumb be
Introducing Revolution Pro, the First Block-Based Genesis Theme
Using the new Gutenberg post editor with Revolution Pro, developers and designers are able to create custom, reusable modules for design and content. As we continue to release new block-based themes, we hope users will find it easier to dive into their creative projects more quickly and build
Recapping the State of the Word 2018
The list of improved capabilities with blocks is extensive. First of all, copy and paste has been improved. WordPress users can now copy and paste from Google Docs, Quip, Office 365 and Microsoft Word with ease. Developer tools have also been added to help optimize workflow. Users can export a
Test Paper Prototypes to Save Time and Money: The Mozilla Case Study
The designer made the prototypes using OmniGraffle, and we printed them onto tabloid paper and cut them to size. Because there was no code to change, this prototyping method allowed us to make design changes quickly during testing. Firefox users helped progress the designs rapidly toward better
The Sketch Test: Test and Improve Your UX Deliverables and Other Documents
Conduct audience-based testing in order to increase understanding of UX deliverables such as documentation, infographics, wireflows, and data visualizations. Do a quick sketch test: provide a printed copy of your deliverable, recruit a representative colleague, and ask them to explain to you what
iOS Design Rules to Break
In the examples below (Pinkberry and Nordstrom), the Sign In and Place Order buttons need to be pressed after the user has filled in the form. Placing these buttons at the top of the screen is against the natural flow of filling in the form: once done with all the fields of the form, users find
Discovering the threats below the surface on the Dark Web
One interesting case of picking up chatter in Dark Web chat rooms that produced surprising results was discussed in a 2012 study by the cyber security company Imperva. In their report detailing the most popular topics of conversation in Dark Web forums, they noted that SQL injection (SQLi) and DDoS
Five Best Open-Source Antivirus’ for Carefree Cyber-Threat Protection
You can detect a lot of different types of malicious software by using open source antivirus products. Experienced developers in both fields will tell you this is the most secure way to connect to the internet today. These programs simply make their code available for free so you can modify and
Is Business Headed for a Cognitive-First Future?
And that’s a big deal: DataRPM has calculated that a 1 percent improvement in productivity across the manufacturing industry can result in $500 million in annual savings. Predicting anomalies can result in a 70 percent elimination of breakdowns, the firm says. With McKinsey predicting the IoT
A 60-Second Trailer of the 60-Day Report on Cybersecurity
Melissa Hathaway came across our radar recently when President Obama tasked the former Bush administration aide with leading a 60-day review of Bush’s Comprehensive National Cybersecurity Initiative; a largely classified, purported $30 billion, multi phase plan to address cybersecurity issues
what slider design: rules of thumb arrival
Standardizing “Tribal Knowledge”: It’s Time for Your Company to Grow Up
Time and time again, I’ve noticed that information gets locked inside the minds and computers of employees, and, as a result, not shared with wider teams. That lack of communication can inhibit both ongoing operations and further innovation and expansion — and it becomes an even more
A 60-Second Trailer of the 60-Day Report on Cybersecurity
Finally, Hathaway sees this as a unique opportunity for the United States to work with countries around the world, and with organizations on an extremely local level. “We cannot succeed if our government works in isolation,” she added. It requires “leading from the top” from
Slider Design: Rules of Thumb | Ensure High Contrast for Text Over Images
Ensure High Contrast for Text Over Images
Left: The background image used for the third slide in the homepage carousel for Spire.com is both faded and visually busy, making the white text difficult to read. Right: A tool for contrast-ratio analysis confirms that the white text does not have adequate contrast with the background (the dark
UX Guidelines for Ecommerce Homepages, Category Pages, and Product Listing Pages
The most successful mergers of category and listing pages were those that highlighted available subcategories separately from other filters, most often above the product listings. This practice increased the discoverability of the subcategories and encouraged users to navigate to a more specific
Ensure High Contrast for Text Over Images
Because images play such an important role, often designers end up placing text over an image to leverage the attention-grabbing aspect of the photo while providing text-based content to communicate actual information. However, these endeavors commonly backfire, usually when the contrast between
