The hover effects on Amazon’s big ‘ole “Shop by Department” mega dropdown are super fast. Look'it how quick each submenu fills in as your mouse moves down the list: It’s instant. I got nerd sniped by this. Most dropdown menus have to include a bit of a delay when activating submenus.
As a user interface engineer at Google, Kirill Grouchnikov brings real world UIs to life, but he devotes a considerable portion of his free time exploring the world of fantasy user interfaces—the visual design work that drives screens, projections, holograms (and much more exotic and fanciful tech
The underlying secret to beautiful user interface design is realism: making 2D objects on your screen appear to sit in 3D space with volume, surface properties and undulations that might appear in real life.
Previously I wrote about clarity being the most important characteristic of a great interface. Let’s talk about icons now. They’re an essential part of many user interfaces. The thing is: more often than not, they break clarity. Pictograms have been in use since the early days of mankind.
Whenever you use a smart phone or a website, you’re using a user interface. It has been designed to help you do what you want: check your messages, read an article, find information, get stuff done. The routines with which we go about our daily lives are like an interface too.
I’ve been a long time Photoshop and Illustrator user. Both programs are really useful and powerful, and they’ll remain a key part of any digital artist’s or designer’s toolset, including mine. However, for all user interface, web and icon design workflows, I recently converted to Sketch1.
Click the orange button to pop-up a window where you can edit and confirm the tweet, then the download button will be activated Keynotopia Mockup Templates enable you to sketch user interfaces using Apple Keynote or Microsoft PowerPoint, without having to draw each component by hand! All compo
Animation is fast becoming an essential part of interface design, and it’s easy to see why. It gives us a whole new dimension to play with—time.
It happens about once or twice a year. I travel over to my mother’s house for a visit and, about two or three hours in, she says something like “Hey, can you take a look at my computer? I just want to make sure everything is okay with it. You know I don’t know what I’m doing.
Though some decry flat user interfaces as pure fashion, or the obvious response to skeuomorphic trends, many designers have embraced the flat approach because the reduction in visual styling (such as gradients, drop shadows, and borders) creates interfaces that seem simpler and cleaner.
When we think about writing, planning or implementing copy for the web, most of us probably picture longer form text: blogs, about pages and information on products and services. As content strategists we audit websites and try to come up with holistic content solutions for our clients.
One step forward, two steps back. The usability crisis is upon us, once again. We suspect most of you thought it was over.
It’s no great mystery that truly great user interfaces are the ones that are engineered to stay out of the way. Free trial on Treehouse: Do you want to learn more about web design? Click here to try a free trial on Treehouse.
Over the last 5 years, it has been my privilege to coach and mentor UX & UI designers in over 40 countries, and at hundreds of the top brands and design consultancies through my workshops and tutorials on UI Animation.
The history of the visual design of user interfaces can be described as a gradual change towards more realism. As computers have become faster, designers have added increasingly realistic details such as color, 3D effects, shadows, translucency, and even simple physics.
Buttons are an ordinary, every-day element of interaction design. Despite this, because buttons are a vital element in creating a smooth conversational flow in web and apps, it’s worth paying attention to these basic best practices for buttons.
All of the above sites are massively popular despite their ugliness because of one key factor — they do exactly what people need. For example: When an app ‘just works’, it matters less what it looks like, but how it helps solve a problem.
With the advent and success of the web, the de facto way of delivering user interfaces has shifted from thick-client applications to interfaces delivered via the web, a trend that has also enabled the growth of SAAS-based solutions in general.
These guidelines describe how to design apps that follow the official HIG for iOS by Apple, not what you can do with custom controls. Sometimes it makes sense to break the rules. The purpose of this document is to guide you, not to provide solutions for complex and unique design problems.
What is simplicity? Simplicity is the quality of being natural, plain and easy to understand. It is not surprising then that simplicity is often thrived for in user interface design. Most people naturally dislike complexity in devices and software.
When we asked 1,015 UX professionals for their career advice and experience, one respondent claimed to have learned everything about UX from playing Dungeons and Dragons. Although such experience is sure to be good, I think you can learn even more about UX from waiting tables in a restaurant.
During the design process, some flaws in your product will go unnoticed. Those little (or sometimes big) things can do a lot to hurt the experience that the user has while using your software. We put together a list of points for you to check before the design is signed off.
This post is preceded by a description of two types of command line interfaces. The more command line-like of these two types integrates into a normal shell session (python, telnet, bash) instead of using the alternate screen to present a fullscreen text user interface (top, vim, emacs).
Interfaces are where humans touch technology. They provide smarter ways to use simple things and simpler ways to use smart things. Interfaces release the potential of complex systems and technologies to the users who need them. And every once in a while, they change everything.
On top of highlighting new web and mobile apps, the recently launched Product Hunt also surfaces sites that show what goes into making an app. These shared resources, Product Hunt co-founder Ryan Hoover says, are part of the site's pull.
It has been 42 years since the not-very-wide release of the Xerox Alto and almost 32 since the mainstream Macintosh. You might expect we've moved beyond the era of egregious newbie mistakes when building graphical UIs, but clearly we have not.
When you examine the most successful interaction designs of recent years, the clear winners are those who provide an excellent functionality.
We now have data that suggests Sidebar menus—sometimes called Hamburger Menus/Basements—might be causing more harm than good. One thing to have in mind is that this is a nuanced issue. I’ve observed these issues in user testing and others have also gone through the same realization.
What makes an icon a valuable addition to the interface, rather than a mere decorative element? Intuitiveness, aesthetic value, memorability, intercultural perception? While an effective icon would combine many of those characteristics, I’d like to focus on one measure–speed of recognition, or
The next generation of apps will require developers to think more of the human as the user interface. It will become more about the need to know how an app works while a person stands up or with their arms in the air more so than if they’re sitting down and pressing keys with their fingers.
User interface design is hard, but we’ve been getting better at it over the years to the point where even a thermostat is easy to use.
Launching a new app in the mobile age is hard. If you want to reach a wide audience, you usually have to make your client three times at minimum: once for Android, once for iOS, and once more for the Web.
Working on a large project often requires you to design wireframes to communicate complex ideas before spending countless hours polishing. There are many tools for wireframing ranging from the simplistic Balsamiq to the highly collaborative Axure, which costs a fortune.
After the untimely (and still kind of sad) demise of Fireworks, I found myself looking for other ways to design apps and websites. I also had the desire to produce something more interactive for when I talk about my work with stakeholders.
Every app needs a beautiful, memorable icon that attracts people in the app stores and stands out on the home screen. (Image: Apple) (View large version)Types Of Icons As mentioned, an icon is a visual representation of an object, action or idea.
The following principles are fundamental to the design and implementation of effective interfaces, whether for traditional GUI environments, the web, mobile devices, wearables, or Internet-connected smart devices. This is a huge revision. I expect I have made mistakes.
I’m spending days trying to get a couple of APIs right. New APIs about modules, and a new Redis data type. I really mean it when I say *days*, just for the API.
If you're paying attention to what's going on in the design world, you've probably noticed the ongoing debate around skeuomorphism vs flat design. So here's a quick test. Which of these two calculators feature a skeuomorphic design?
Snapchat’s interface baffles a lot of people. Not to pick on older folks, but people over a certain age tend to have a hard time figuring out how to do the most basic things with Snapchat, like finding its face swap feature. I can’t tell you how many people have whined to me about Snapchat.
We’ve all overheard conversations, walking down hip streets of the world’s tech capitals, discussions about the great ‘UX’ of a product, or the poor ‘UI’ of a website. Is it a secret language you will never be privy to? Are these people just using slang to look cool?
The Android Wear that's shipping on the Motorola Moto 360, LG G Watch, and Samsung Gear Live is a far cry from where Google started when designers sat down to start sketching it out.
At Wayfair, we are lucky enough to work alongside engineers who are understanding and open to our continuous requests. However, I’m sure some engineers see us as “pixel crazy”. And to be fair, a few of us are. But trust me, there is a method to our madness.
During Apple’s September event it announced a new technology called 3D Touch as part of the iPhone 6s. Apple calls it the “next generation of multitouch” and it isn’t mincing words when it comes to how important it is to the future.