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…
Due to its similarity to Sketch, Figma was easy for Chrstian Krammer 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. In this article, Chrstian would like to compare both apps in detail and highlight where each of them shines.
Read more…
