![\"Futuramo](\"https:\/\/futuramo.com\/blog\/wp-content\/uploads\/2016\/07\/futuramo-icons-redesign-2016.png\"){kind=icon}
<\/figure>\nTime flies<\/h2>\n
As a UX+IT driven company\u00a0 we have been lucky to work with some of the greatest companies and partners across the world since, well, the beginning of the WWW. Time flies! This allows us to review work and accomplishments from a different perspective. We are able to connect historical events, which were important for the evolution of design and draw conclusions to the directions where it should evolve.
\nIf design is more of a passion than work \u2013 like it is to us \u2013 you can make a lasting statement that will be much more than a \u201ctrend\u201d. You can be sure that there will be lots of emotions involved. Designing a great product for a top client is quite an emotional matter. But designing your own product is like super-scaling this emotional dimension a 1000 times.<\/p>\n
Designing your own product means emotions on super-scale.<\/em>
\ntweet this<\/strong><\/span><\/a><\/p><\/blockquote>\nWe know that designers have strong opinions that they are willing to defend in many creative ways. Creating an application for the design community is exposing yourself \u2013 your knowledge, your style, your concepts, your theories and more to a critical audience. Being part of the design community yourself does not make that any easier. So with more positive feedback landing in the Futuramo inboxes it was like \u201cWow, OK, now we can take a deep breath; we did not mess it up after all.\u201d<\/p>\n
So do we rest on our laurels? No. Now call us crazy. We decided to redesign the award-winning product – Futuramo Icons.<\/strong><\/p>\n
\n The new Futuramo Icons App<\/figcaption><\/figure><\/figure>\n The unavoidability of redesigning<\/strong><\/h2>\n
In the following paragraphs we would like to outline aspects of the unavoidability of redesigns in today\u2019s rapidly evolving product design world. To support illustrate this we will walk through design decisions and explain them in more detail. Ultimately we hope you will welcome the changes and recognize them as the next logical step in the evolution of the design of the Futuramo platform.<\/p>\n
Redesigning and not losing your soul<\/strong><\/h2>\n
There was something very special about the first Futuramo Icons design \u2013 after all, it gained so much recognition. The design was different, it had its own character. Like the well known polish artist Duniko<\/a> laid out in the 1970s \u201cTo be is to be different.\u201d At our company we stick to this principle. So we had yet another task in front of us: redesigning without losing our soul.<\/p>\n
To be is to be different. (Duniko, 1973)<\/em>
\ntweet this<\/strong><\/span><\/a><\/p><\/blockquote>\nFuturamo are strong supporters of the idea that every product company should have their own design language, not just a style, not a variation, but a real design language. Designers should learn from experience, but designers also should push the limits. This is the basic foundation of evolution. No one \u201cowns\u201d design. Without true inventions we designers would deprive ourselves of our creative roles which are critical to the evolution of humanity \u2013 now more than ever before.<\/p>\n
\n The new Futuramo Icons App (Detail)<\/figcaption><\/figure><\/figure>\n Without true inventions designers would deprive themselves of their creative roles.<\/em>
\ntweet this<\/strong><\/span><\/a><\/p><\/blockquote>\nJust think about it. Templates, patterns \u2013 do they solve real problems? Where is the brand communication if the design is based on an anonymous template? Was pattern \u201cx\u201d really the best solution for your individual UX problem? Maybe, but maybe the best solution is still waiting to be invented?<\/p>\n
Blindly following trends or predefined design languages is a narrow and dangerous road. Design was never intended to be one size fits all. Maybe with all those templates and patters it is more difficult to get a design really bad. On the other hand, it also makes it harder for those less adventurous to make it really visionary.<\/p>\n
Do not take this the wrong way \u2013 we definitely support critical style guides for popular operating systems. You would not want to learn every single application\u2019s UI from scratch. You expect certain features to be placed in the areas where you have become accustomed to \u2013 which makes your interactions simpler and faster.<\/p>\n
Imagine what would happen to your favorite apps if you turned all their UIs the same, if it even would be possible. The unique features make interacting with these applications special. They cannot uniformed, because in most cases if they would, they would lose exactly what makes them so important to you and so easy to interact with in the first place.<\/p>\n
Futuramo\u2019s Active Surface<\/strong><\/h2>\n
The UI design language and soul of Futuramo \u2013 called Active Surface<\/em> \u2013 is a continuously evolving set of interaction ideas and rules (UI\/UX\/IxD), which are being developed and perfected for over two decades at our UX-focused company. We have undertaken significant research that has helped many clients achieve their\u00a0 goals. Active Surface is not a uniform, it is more like a set of rules and results of many UX analyses. Active Surface does not force us to use a predefined narrow graphical<\/em> language, it provides creative space for design, but keeps the user interactions in line with the general concept. So Active Surface is the soul<\/em> on which the specific design language<\/em> of Futuramo is being continuously developed and refined.<\/p>\n
Futuramo’s Active Surface is not a uniform, it is a set of rules and results of many UX analyses.<\/em>
\ntweet this<\/strong><\/span><\/a><\/p><\/blockquote>\nThe first signs<\/strong><\/h2>\n
Unbelievably the hardest time when you have to start thinking about a redesign comes when you and your users are happy with the application. You keep innovating, moving forward, adding more and more features. All great because they often come directly in the form of user requests, so the application is getting better. But what about the design?<\/p>\n
In continuous development also lies a hidden risk. Suddenly you reach a point where the initial design decisions, which made your application successful and stand out from the crowd need to be reviewed. They made perfect sense back then (which actually was not that<\/em> long ago) and if you make the simple test and look at the first designs, chances are quite good that for the functionality of that<\/em> time, you might have again decided in exactly the same way.<\/p>\n
If you look at an application with all the new added functionality suddenly it becomes clear that it seems overcrowded, not laser-focused enough. Elements that were previously characteristic and formed a great UX because of instant recognizability, now, multiplied by the amount of new features clutter up the UI destroying that recognizability. A design element is only recognizable when it’s soul is maintained, what makes it stand out. As soon as it is multiplied many times its initial recognizability is lost. You have to reevaluate the essence of what is important in the new context.<\/p>\n
\n One characteristic item placed on a field versus many \u201ccharacteristic\u201d items placed on the same field.<\/figcaption><\/figure><\/figure>\n Design decisions may be absolutely right at a given point in time and evolution of an application, but they should be reevaluated when the application moves forward and actually becomes a different design task\/problem than it initially was. A great redesign is not to be regarded as a better design in general, but a better solution for the given problem in a specific context at a given time.<\/p>\n
A great redesign is not a better design in general, but a better solution in a specific new context.<\/em>
\ntweet this<\/strong><\/span><\/a><\/p><\/blockquote>\nThe order of human perception rule<\/strong><\/h2>\n
Over the years it has always surprised us how many visual designers seem to forget the order of human perception which is:<\/p>\n
\n
- Color<\/li>\n
- Form<\/li>\n
- Content<\/li>\n<\/ol>\n
Color is the most powerful tool in design, followed by form and last place for content. This is something we cannot change \u2013 it is absolutely natural for us as human beings. Take a baby as an example and compare them to a computer. The baby cannot do math calculations which represents content<\/em> in this comparison, but a computer excels in it. Yet the baby can visually recognize the mother, which represents color<\/em>and form<\/em> in this comparison. For the computer the task to \u201crecognize\u201d a person and distinguish it from others is something extremely complex. And yes it involves extreme amounts of calculations. At the time of writing we are just beginning to make progress in this regard with newer AI concepts. So the question arises, how can a baby, who cannot do math calculations make \u201ccalculations\u201d to recognize their mother?<\/p>\n
The order of the human perception rule can easily be misunderstood. You might have read articles on how content-focused UI design has become with newer evolutions of popular Operating Systems. And that is perfectly fine, but it does not mean the order of human perception has changed in any way. On the contrary, great UIs take into account that content is actually what you want by interacting with the application, but the way to get the content you need, must be proceeded by carefully orchestrated UX design. Again the human perception rule is paramount and will stay that way as long we are\u2026 well\u2026 humans. If you remember the human perception rule, and use it wisely, you will be a better UX designer.<\/p>\n
Use the human perception rule wisely or break it wisely, and you will be a better UX designer.<\/em>
\ntweet this<\/strong><\/span><\/a><\/p><\/blockquote>\nDesign is not only about feeling it and talent, it is also about knowing why.<\/p>\n
\n The new Futuramo Icons App<\/figcaption><\/figure><\/figure>\n Color is the best guide<\/strong><\/h2>\n
While there are instances for a different approach to UX, primarily color should be used to guide users. This is logical as it takes the first spot on the human perception list it allows users to have an instant initial overview of what is going on \u2013 quicker than they recognize forms and long before they understand the content.<\/p>\n
So let us make every function and every area pop through different colors! Now that<\/em> will be a great UX! No, it will not. And it is not only a matter of graphical design it is also a matter of, yes, UX.
\nAs with everything in design, the proportions must be right. No matter which area you take \u2013 color, form, content \u2013 if there is too much of either of it the recognizability will decrease with every element. The more elements you have on display, the longer it will take to differentiate the elements from one another. So again \u2013 we have to use color wisely, because we do not want to lose its power.
\nWith the growing amount of features in Futuramo Icons app represented by their corresponding elements in the UI we had to rethink how to visually structure the app. The initial concept just started to show its limits.<\/p>\n\n Color is the best guide<\/figcaption><\/figure><\/figure>\n Too much form. Reducing the visual clutter<\/strong><\/h2>\n
We also reworked the forms language from the artistic design of the first version to a more functional visual system that focuses on the core areas of the UI. We did not want to lose beauty and creativity, so we had to express it in a different way. Similar as with color, again, what worked great for the initial version with its lower amount of functions, was too much, when all new functionality had to be displayed to the user. If you compare a UI to an abstract painting, you will realize that different strategies will result in substantially different user and viewer reactions. When the task is \u2013 as with Futuramo Icons \u2013 to allow designers and developers to achieve their goals as fast as possible, we have to arrange the visual forms flow accordingly. The more functions an application displays in the UI, the more the forms language must concentrate on the logical division of core application areas.<\/p>\n
With many functions in the UI, the forms language must concentrate on the logical division of core app areas.<\/em>
\ntweet this<\/strong><\/span><\/a><\/p><\/blockquote>\nContent<\/strong><\/h2>\n
And now to the final stage: the content. With several measures of visual reduction of the color and forms languages we were able to bring the content closer to the front. So it becomes clear, that the concentration on content in UI design is combination of all the other areas of design, less on the content itself, which might seem a bit of a paradox at first.<\/p>\n
![\"The](\"https:\/\/futuramo.com\/blog\/wp-content\/uploads\/2016\/07\/futuramo-icons-redesign-2016-tablet.png\"){kind=icon}
![\"The](\"https:\/\/futuramo.com\/blog\/wp-content\/uploads\/2016\/07\/futuramo-redesign-2016-detail.png\")
![\"One](\"https:\/\/futuramo.com\/blog\/wp-content\/uploads\/2016\/07\/futuramo-ui-color-forms.png\")
![\"The](\"https:\/\/futuramo.com\/blog\/wp-content\/uploads\/2016\/07\/futuramo-icons-redesign-2016-ipad.jpg\"){kind=icon}
![\"color](\"https:\/\/futuramo.com\/blog\/wp-content\/uploads\/2016\/07\/futuramo-color-is-the-best-guide.png\")
![\"futuramo-mikolaj-dunikowski\"](\"https:\/\/futuramo.com\/blog\/wp-content\/uploads\/2016\/10\/futuramo-mikolaj-dunikowski.jpg\")
![\"futuramo-zocha-dunikowska\"](\"https:\/\/futuramo.com\/blog\/wp-content\/uploads\/2016\/10\/futuramo-zocha-dunikowska.jpg\")