Product Design Unification Case Study: Mobile Web Framework

Big companies are always trying to simplify the support and development of their large product portfolios. Mail.Ru Group (one of the two largest Internet companies in Russia, with more than 100 million monthly users), has about 40 products — even more if you add mobile and tablet websites and apps, promo websites, etc. My team deals with almost half of them — that’s about 100 ongoing projects at different stages. Our goal is to update these products and unify them around several guidelines.

Product Design Unification Case Study: Mobile Web Framework

This article will discuss the transformation of our design process from the classic Prototype → Design Mockup → HTML → Implement approach for every screen to a modern and more efficient framework-based approach.

Read more...

Redefining Lazy Loading With Lazy Load XT

Lazy loading is a common software design pattern that defers the initialization of objects until they are needed. Lazy loading images started to become popular on the web back in 2007, when Mika Tuupola drew inspiration from the YUI ImageLoader utility and released a jQuery plugin. Since then, it’s become a popular technique to optimize page loading and the user experience. In this article I will discuss why we should and shouldn't use Lazy Load, and how to implement it.

Redefining Lazy Loading With Lazy Load XT

Images make up over 60% of an average page’s size, according to HTTP Archive. Images on a web page would be rendered once they are available. Without lazy loading, this could lead to a lot of data traffic that is not immediately necessary (such as images outside of the viewport) and longer waiting times. The problem? Visitors are not patient at all. By lazy loading, images outside of the viewport are loaded only when they would be visible to the user, thus saving valuable data and time.

Read more...
Advertisement Advertise with us!

The Mystery Is Resolved: Northern Lights, Windmills And The Game Of The Century

So you find yourself somewhere in a little tourist station in Northern Sweden — with a few adventurous tourists, 86 surprisingly happy inhabitants, and a remarkably good Internet connection. There is nothing but breathtaking nature around you, with blueish mountains and bright red skyline blurring endless horizon — and Northern Lights dancing in the sky right above you. What do you do? Obviously, you come up with an idea for those sneaky 'lil Smashing Mystery riddles.

The Mystery Is Resolved: Northern Lights, Windmills And The Game Of The Century

In our previous riddles, we turned our little challenges into quests for creative solutions quickly. However, as we try to level up every new Mystery to keep it quite difficult to solve, with a new riddle this time we decided to turn it into an exercise of patience and stubbornness — beyond problem solving, of course.

Read more...

Desktop Wallpaper Calendars: February 2015

We always try our best to challenge your artistic abilities and produce some interesting, beautiful and creative artwork, and as designers we usually turn to different sources of inspiration. As a matter of fact, we’ve discovered the best one—desktop wallpapers that are a little more distinctive than the usual crowd.

Desktop Wallpaper Calendars: February 2015

This creativity mission has been going on for almost seven years now, and we are very thankful to all designers who have contributed and are still diligently contributing each month. This post features free desktop wallpapers created by artists across the globe for February 2015. Both versions with a calendar and without a calendar can be downloaded for free. It’s time to freshen up your wallpaper!

Read more...

Prototyping iOS And Android Apps With Sketch (With A Freebie!)

After the untimely (and still kind of sad) demise of Fireworks, I found myself looking for other ways to design apps and websites. I also had the desire to produce something more interactive for when I talk about my work with stakeholders. It turned out that Sketch, when paired with some other neat tools, would be a big part of this workflow.

Prototyping iOS And Android Apps With Sketch (With A Freebie!)

In this article, I’ll talk you through why you should prototype and how you can do it with Sketch and prototyping tools such as Flinto and InVision. You’ll also get a nicely documented freebie Sketch file to help you.

Read more...

Five Characteristics Of An Innovation

The “diffusion of innovations” theory of communications expert and rural sociologist Everett Rogers attempts to identify and explain the factors that lead to people and groups adopting innovations (new ideas and technologies). Design teams that account for both usability and how people adopt innovation stand a much greater chance of having users accept and use their products.

Five Characteristics Of An Innovation

The diffusion of innovations is a complex process; design teams can use their knowledge of the theory to create a road map for how they will address critical factors in the design and marketing of their product.

Read more...

The New Smashing Mystery Riddle: Have You Figured It Out Yet?

You didn't really think we'd wrap up our endless, mischievous mystery riddles just like that, did you? Well, the Mystery continues! To celebrate the launch of the SmashingConf NYC 2015, we’ve prepared a new mystery riddle, and this one will be an exercise in patience and stubborness. No, it's not going to be an easy one this time either, but the reward is definitely worth the effort.

The New Smashing Mystery Riddle: Have You Figured It Out Yet?

How does it work? Well, you know how it works. Below you’ll find the first of a few animated GIFs that contain a hidden Twitter hashtag. Your job is to discover those hashtags as fast as possible. If your guess for a hashtag is right, you’ll find a tweet leading you to the next level. Once you’ve reached the last level, just tweet out all the hints in one single tweet to @smashingmag. You're looking for 5 hashtags in total, a hashtag per level. Not that difficult, right?

So let's get to work. Are you ready? Action!

Read more...

↑ Back to top