You know how sometimes during one of those late conference evenings somebody brings up a seemingly ridiculous topic and then the entire conversation seems to circle around it? That’s exactly what happened at SmashingConf Freiburg when suddenly the entire conversation was about how famous books and movies could be represented in an emoji, and it turned out to be a pretty decent cliffhanger for this particular Emoji Riddle. These riddles can be quite addictive and annoying, can’t they? With seven mischievous riddles published over the last few years, we’ve learned a few lessons along the way. At this point, you might be used to endless, mischievous, tricky, mean, time-consuming and intricate Mystery Riddles, and the latest one wasn’t any different.
Read more…
To celebrate the relaunch of this little website, we’ve prepared something special yet again — a Smashing Emoji Mystery Riddle. Below you’ll find the first of a few animated GIFs that contain a hidden key. The key is always exactly one emoji. Your job is to find these emoji as fast as possible. Once you’ve reached the last level, just tweet out all the discovered emoji in one single tweet at @smashingmag.
Read more…
Designers and developers have to take a lot of things into account when designing a website, from visual appearance to functional design. In this article, Nick Babich will focus on the main principles, heuristics and approaches that will help you to create a great user experience for your website. Treat your website as a continually evolving project, and use analytics and user feedback to constantly improve the experience. And remember that design isn’t just for designers — it’s for users.
Read more…
Middle Eastern countries require design that is suitable to their language standards, making a serious adaptation process very important. Given that most languages spoken in the Middle East are written and read from right to left, developers often face a range of problems when creating products in those languages. In this article, Robert Dodis & Yvette Mosiichuk will show you some tips which if you follow closely, you should be able to navigate the challenging waters of RTL development and deliver a functional, user-friendly result.
Read more…
Windows, macOS and Linux made up font-wise, and since then, all modern fonts have been compatible across those OS’. There’s no question, the future of web typography looks promising. At the 2016 ATypI conference, the world’s biggest type design conference, Microsoft, Google, Apple and Adobe announced that they have been working on a new iteration of the OpenType standard, called variable fonts. Because it gives a lot more control to the user to modify the typeface depending on the context and device, this new version opens new opportunities for web typography and will close the gap in quality between web and print. In this article, François Poizat will show you the ins and outs of these new tools and how to take control of our typography.
Read more…
While many of us are quite familiar with publications and events surrounding us, we often lack the global perspective on what’s happening in the web industry across the world. What about front-end events in Kuala Lumpur? What about the acceptance of UX-driven processes in Hong Kong? That’s exactly what we want to find out! Today, Vitaly Friedman is happy to announce that we have teamed up with our friends at Mozilla for the Developer Roadshow Asia, so we can connect and learn from designers and developers in southeastern Asia. Together, we’re planning on organizing a series of informal, free meetup-style events for people who build for the web. Do join us, won’t you?
Read more…
When designed properly, Feature comparison can aid in decision-making way beyond placing product specifications side by side. They can also add meaning to an otherwise too technical product specification sheet, explaining why a certain feature is relevant to the customer or how a certain product is better than the others. In this article Vitaly Friedman will look into all of the fine details that make a perfect, accessible and helpful feature comparison table.
Read more…
Vitaly Friedman has spent a lot of time working with various companies trying out various approaches and studying them in usability tests. This series of articles is a summary of observations and experiments made throughout that time. He’ll be exploring everything from carousels to car configurators. Let’s look into the design of date and time pickers today. With a date picker you can combine day, month and year into one input field, add a fancy calendar icon, and prompt a calendar overlay that exposes the main purpose of the calendar prominently. In fact, there are plenty of contexts in which date pickers matter! Let’s find out.
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…
