In the last few years, traditional computers have ceded dominance to smaller screens, including tablets, mobile phones, smartwatches and more. As the craft has evolved, so has its toolset; and from one app to rule them all, we have gotten to a point where it seems like a new contender among UI design tools crops up every month. And many of the new UI design tools look pretty good and promising. At the moment, Sketch has grown in popularity and for a good reason: The developers of Sketch have figured out exactly what interface designers have been looking for and have steadily added functionality to address those needs. The pace of development of Sketch has been phenomenal, to say the least.
Read more…
The web has the power to bring virtual reality to the world, to every consumer, to every developer. Recently, there has been a proliferation of virtual reality (VR) web browsers and VR capabilities added to traditional browsers. In this article, Ada Rose Cannon will look at the state of browsers in VR and the state of VR on the web via the WebVR APIs. It is still early days for VR on the web, but now is the time to get building, to see what works and what doesn’t.
Read more…
With the current state of web apps, we can rely on various UI elements to interact with users. With the Web Speech API, we can develop rich web applications with natural user interactions and minimal visual interface, using voice commands. In this tutorial, Tomomi Imura will use the API to create an artificial intelligence (AI) voice chat interface in the browser. The app will listen to the user’s voice and reply with a synthetic voice. Because the Web Speech API is still experimental, the app works only in supported browsers. The features used for this article, both speech recognition and speech synthesis, are currently only in the Chromium-based browsers, including Chrome 25+ and Opera 27+, while Firefox, Edge and Safari support only speech synthesis at the moment.
Read more…
Today, virtually all companies have to grow non-stop. What we call “growth” in the tech world is called “persuasion” in academia. With this article, Akar Sumset will show you why gamification is a great tool for growth and how persuasion science proves that. You will see how the six components of mass interpersonal persuasion relate to gamification, with well-known examples and facts for it to be easier to understand and relate to. Let’s get going!
Read more…
Design patterns can be extremely helpful, mostly because they save time and get us better results, faster. We don’t need to apply them exactly as they are to every problem we encounter, but we can build on top of them, using our experience to inform our decisions because we know they’ve worked in other projects fairly well. Today, Vitaly Friedman brings you a summary of observations and experiments made throughout the time. Tighten up your seat belts: in this new series of articles on SmashingMag, we’ll look into examples of everything from carousels to filters, calculators, charts, timelines, maps, multi-column tables, almighty pricing plans all the way to seating selection in airline and cinema websites.
Read more…
Humor is an important aspect of life. It has many positive benefits, like reducing stress, increasing psychological well being and increasing tolerance for pain. Humor is integral and inherent to human relationships. You can use humor in your design to create a positive user experience. We want to develop positive relationships with our users — humor can help make that happen. In this article, Victor Yocco will show you that you can incorporate humor in your design, maintain your brand identity and not look like you are trying too hard in the process.
Read more…
Recent analysis from VoiceLabs estimates that 24.5 million voice-driven devices will be shipped this year, almost four times as many as last year. As experience designers, we now have the opportunity to design voice experiences and interfaces! In this article, Lyndon Cerejo will look at how a typical genie in a bottle works, discuss the steps involved in designing voice experiences, and illustrate these steps by designing a voice app for Alexa.
Read more…
IoT is a vast topic, and there are many ways to approach it. In this article, Svetlin Denkov will introduce readers of different backgrounds to prototyping IoT experiences with minimum code knowledge. This article assumes you are using a Mac, but much of the content carries over to Windows systems as well. For the coding sections, he will be using Arduino’s integrated development environment (IDE) and the C/C++ programming language. There are different ways to get to the same result, so pick the board and programming language that you are most familiar with. There is a lot of ground to cover, so let’s jump right in!
Read more…
This two-article series will introduce readers of different backgrounds to prototyping IoT experiences with minimum code knowledge, starting with affordable proof of concept platforms, before moving to costly commercial offerings. Stay tuned! In this first article, Svetlin Denkov will identify the problem, the criteria for selecting hardware and, finally, show you a step-by-step guide on how to put together all of the hardware components into a working rig.
Read more…
In this article, Steve Benjamins shows you what he discovered after asking the owners of several websites built with e-commerce software, if they’d recommend a particular software. Typically, they’d reply and I’d record their response in a spreadsheet (and personally thank them). Occasionally, I would even go on the phone to speak with them directly (although I quickly found out that this took too much time). Steve created a guide to help others find the e-commerce software that suits them best.
Read more…