Interactions are a smaller detail of mobile design but can make a tremendous difference to the overall user experience of an application. In the past few years it has become an integral part of any mobile design process.
This post is part of The Software Architecture Chronicles, a series of posts about Software Architecture. In them, I write about what I’ve learned on Software Architecture, how I think of it, and how I use that knowledge.
The topic of disabling links popped up at my work the other day. Somehow, a "disabled" anchor style was added to our typography styles last year when I wasn't looking. There is a problem though: there is no real way to disable an <a> link (with a valid href attribute) in HTML.
Taking screenshots is one of the most-used iPhone features, and with iOS 11’s new screenshot editing features, it’s more useful than ever. But you've always taken a screenshot by pressing the Side button and Home button, and that won’t work on an iPhone X. After all, there is no Home button.
This is the 4th part of the series of understanding SOLID Principles where we explore what is Interface Segregation Principle and why it helps with creating thin abstraction interfaces that make it easy for clients to have fewer dependant factors between them.
OneDrive has a curious history with remote file access. The feature, formerly called Fetch, was introduced in Windows 7, scrapped in Windows 8, then reintroduced in Windows 10. But what exactly is it? How does it work? And how do you set it up?
From credit card payment devices and gas pump screens to the software that your company creates, user interfaces react to the actions of the user and other sources and change their state accordingly. This concept isn't just limited to technology, it's a fundamental part of how everything works:
Here are some helpful tips on how to measure and present usability, and (more importantly) improve your UX process! According to Nielsen Norman group, usability is an attribute that assesses how easy user interfaces are to use.
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
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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 is a sponsored post). When you examine the most successful interaction designs of recent years, the clear winners are those who provide an excellent functionality.
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.
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
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.
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.
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.
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.
Icons are an essential part of many user interfaces, visually expressing objects, actions and ideas.
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.
Design is more than just good looks – something all designers should know. Design also covers how users engage with a product. Whether it’s a site or app, it’s more like a conversation. Navigation is a conversation.
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.
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?
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.
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.
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.
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.
We are a world who has become obsessed with the graphic user interface. What began as a research project at PARC became a revolution in personal computing. But it didn’t stop there. With the commercialisation of the web came the idea of website design.