Category Archives: Experience Design

How Functional Animation Helps Improve User Experience




 


 

Since humans are visually driven creatures, the impact of imagery only increases with the help of animation. Our eyes innately pay attention to moving objects, and animation is like eye candy — catchy and bright elements that call attention to and help differentiate an app from its competitors.


How Functional Animation Helps Improve User Experience

As of late, more and more designers are incorporating animation as a functional element that enhances the user experience. Animation is no longer just for delight; it is one of the most important tools for successful interaction.

The post How Functional Animation Helps Improve User Experience appeared first on Smashing Magazine.


Source: Smashing Magazine

Icons As Part Of A Great User Experience




 


 

Icons are an essential part of many user interfaces, visually expressing objects, actions and ideas. When done correctly, they communicate the core idea and intent of a product or action, and they bring a lot of nice benefits to user interfaces, such as saving screen real estate and enhancing aesthetic appeal. Last but not least, most apps and websites have icons. It’s a design pattern that is familiar to users.


Icons As Part Of A Great User Experience

Despite these advantages, icons can cause usability problems when designers hide functionality behind icons that are hard to recognize. An icon’s first job is to guide users to where they need to go, and in this article we’ll see what it takes to make that possible. If you want to take a go at creating your own icons, you can download and test Adobe’s Experience Design CC for free and get started right away.



The post Icons As Part Of A Great User Experience appeared first on Smashing Magazine.


Source: Smashing Magazine

How To Design Error States For Mobile Apps




 


 

To err is human. Errors occur when people engage with user interfaces. Sometimes, they happen because users make mistakes. Sometimes, they happen because an app fails. Whatever the cause, these errors and how they are handled, have a huge impact on the user experience. Bad error handling paired with useless error messages can fill users with frustration, and can lead to users abandoning your app.


How To Design Error States For Mobile Apps

In this article, we’ll examine how the design of apps can be optimized to prevent user errors and how to create effective error messages in cases when errors occur independently of user input. We’ll also see how well-crafted error handling can turn a moment of failure into a moment of delight.

The post How To Design Error States For Mobile Apps appeared first on Smashing Magazine.


Source: Smashing Magazine

Quick UX Prototyping With Adobe XD Shortcuts (PDF Cheat Sheet)


  

Every designer has their favorite prototyping tools. However, when it comes to UX wireframing and prototyping, there is often more than one tool involved. Sooner or later, you find yourself switching from one tool to another to cherry-pick the best ones among them.


Quick UX Prototyping With Adobe XD Shortcuts (PDF Cheatsheet)

Adobe announced Project Comet in October last year to provide a fast and efficient all-in-one solution. A few months ago, the secret behind the codename was revealed and pushed to the public in a preview version: Adobe Experience Design CC (Adobe XD). Made for fast and fluid UX design, XD gives you everything in one neat bundle: it lets you sketch out ideas, create interactive prototypes, test and share them.

The post Quick UX Prototyping With Adobe XD Shortcuts (PDF Cheat Sheet) appeared first on Smashing Magazine.


Source: Smashing Magazine

Meet Adobe XD: “Experience Design” Tool

adobe-xd

Last year in October, Adobe told the world that it was planning to release a multipurpose tool meant for prototyping and UX design. Named initially as Project Comet, this was dubbed as Adobe’s most ambitious project in recent times.

The work has progressed since then, and today, Adobe announced the preview release of Adobe Experience Design CC, or Adobe XD for short. 

To quote the official blog post:

Great experiences are hard to quantify, but we all know when we are having them. And today, the bar has never been higher in terms of what we all expect from our mobile and web experiences.

Today, we’re excited to introduce Adobe Experience Design CC (Preview). Adobe XD is an early release of our much-anticipated UX design and prototyping solution for the design community to deliver amazing mobile apps and web sites. Initially demo’ed as “Project Comet” at Adobe MAX in October 2015, we are releasing this Preview to invite the full design community to join the thousands of existing pre-release customers to share their feedback, ensuring that designers give critical input into the evolving product features.

adobe-xd

Adobe XD preview is open to anyone with a valid Adobe ID, as a free download. For members with an active Creative Cloud subscription, the commercial version of Adobe Experience Design will be available later this year.

Adobe XD is expected to receive stiff competition from existing players in the niche, especially Sketch. That said, for now, you can learn more about it on this page.

What do you think of Adobe Experience Design? Share your views in the comments below!

Read More at Meet Adobe XD: “Experience Design” Tool


Source: Web Design Ledger