UI articles

Sketch Vs. Figma: The Showdown




 


 

The past year has seen quite a rise in UI design tools. While existing applications, such as Affinity Designer, Gravit and Sketch, have improved drastically, some new players have entered the field, such as Adobe XD (short for Adobe Experience Design) and Figma.

Sketch Vs. Figma: The Showdown

For me, the latter is the most remarkable. Due to its similarity to Sketch, Figma was easy for me to grasp right from the start, but it also has some unique features to differentiate it from its competitor, such as easy file-sharing, vector networks, “constraints” (for responsive design) and real-time collaboration.

The post Sketch Vs. Figma: The Showdown appeared first on Smashing Magazine.

How To Use Shadows And Blur Effects In Modern UI Design




 


 

When you examine the most successful interaction designs of recent years, the clear winners are those who provide an excellent functionality. While functional aspect of a design is key to product success, aesthetics and visual details are equally important — particularly how they can improve those functional elements.

How To Use Shadows And Blur Effects In Modern UI Design

In today’s article, I’ll explain how visual elements, such as shadows and blur effects, can improve the functional elements of a design.

The post How To Use Shadows And Blur Effects In Modern UI Design appeared first on Smashing Magazine.

Conversational Design Essentials: Tips For Building A Chatbot




 


 

Human interactions are incredibly fascinating if you take a close look at them — the social awkwardness, the communication styles, the way knowledge is transferred, the way stories are told and trust is built. But what happens when a machine evokes the same response?

Conversational Design Essentials: Tips For Building A Chatbot

Conversational interfaces have become the new hotness in UX design. Google is about to release a new virtual assistant chatbot; Facebook has already launched the updated Messenger platform with chatbots; and Microsoft went as far as to claim that the operating system of the future isn’t Windows, but “conversation as a platform.”

The post Conversational Design Essentials: Tips For Building A Chatbot appeared first on Smashing Magazine.

Does Conversation Hurt Or Help The Chatbot UX?




 


 

Chatbot fever has infected Silicon Valley. The leaders of virtually every tech giant — including Facebook, Google, Amazon and Apple — proclaim chatbots as the new websites, and messaging platforms as the new browsers.

Does Conversation Hurt Or Help The Chatbot UX?

“You should message a business just the way you would message a friend,” declared Mark Zuckerberg when he launched the Facebook Messenger Platform for bots. He and the rest of the tech world are convinced that conversation is the future of business.

The post Does Conversation Hurt Or Help The Chatbot UX? appeared first on Smashing Magazine.

True Lies Of Optimistic User Interfaces




 


 

Three user interfaces (UIs) go to a pub. The first one orders a drink, then several more. A couple of hours later, it asks for the bill and leaves the pub drunk. The second UI orders a drink, pays for it up front, orders another drink, pays for it and so on, and in a couple of hours leaves the pub drunk.

True Lies Of Optimistic User Interfaces

The third UI exits the pub already drunk immediately after going in — it knows how the pubs work and is efficient enough not to lose time. Have you heard of this third one? It is called an “optimistic UI.”

The post True Lies Of Optimistic User Interfaces appeared first on Smashing Magazine.

How To Build Honest UIs And Help Users Make Better Decisions




 


 

Many apps today, such as Google Now, Spotify and Amazon, make assumptions about user preferences based on personal data. They may even use this information to make decisions on our behalf, without any direct input from us. For example, Facebook tailors your news feed and Amazon recommends products  —  both hiding “irrelevant” information and only showing what they think you will like.

How To Build Honest UIs And Help Users Make Better Decisions

This type of design pattern, where user choice is removed, has recently been coined “anticipatory design”. Its aim is to leverage data on user behavior to automate the decision-making process in user interfaces. The outcome lowers the excessive number of decisions people currently make, thereby reducing decision fatigue and improving decisions overall.

The post How To Build Honest UIs And Help Users Make Better Decisions appeared first on Smashing Magazine.

Designing Card-Based User Interfaces




 


 

Web and mobile apps are moving away from pages towards completely personalized experiences. These new experiences are built on an aggregation of many individual pieces of content. The way this content is now being presented is in the form of cards. The card-based interaction model is spreading pretty widely, and you can see digital cards almost everywhere — from news sites to food delivery apps.

Designing Card-Based User Interfaces

In this article, I’ll explain what cards mean to UI designers, and I’ll review three popular card-based services. If you’re interested in prototyping your own card-based user interface, you can download and test Adobe’s Experience Design CC for free and get started right away.

The post Designing Card-Based User Interfaces appeared first on Smashing Magazine.

Developing For Virtual Reality: What We Learned




 


 

With the tools getting more user-friendly and affordable, virtual reality (VR) development is easier to get involved in than ever before. Our team at Clearbridge Mobile recently jumped on the opportunity to develop immersive VR content for the Samsung Gear VR, using Samsung’s 360 camera.

Developing For Virtual Reality: What We Learned

The result is ClearVR, a mobile application demo that enables users to explore the features, pricing, interiors and exteriors of listed vehicles. Developing this demo project gave us a better understanding of VR development for our future projects, including scaling, stereoscopic display and motion-tracking practices. This article is an introductory guide to developing for VR, with the lessons we learned along the way.

The post Developing For Virtual Reality: What We Learned appeared first on Smashing Magazine.

Top