So, today’s issue of our FAQ Design Platform in Tubik Blog will concentrate on some popular questions along with the nature and differences of some positions in such a diverse sphere as design. The answers are based on the thoughts we have provided for those popular questions on Quora which you are always very welcome to read and where we are always happy to share our ideas, knowledge and experience.

Can you be a UX/UI/Web designer without knowing programming at all?

On the basis of work experience for Tubik Studio and communication with designers from other companies and studios, it is possible to give absolutely positive answer. Yes, you definitely CAN be a UI/UX designer for app and web with no background or theoretical knowledge of programming.

Actually, it should be mentioned that the question if UI/UX designers should know how to code or not is the one of  “eternal” discussions in the design sphere. There are, basically, two camps of extreme positions. One of them claims that programming/coding is absolutely vital thing to know and you cannot provide really efficient UI/UX without knowing how to code. The other side believes that knowledge of programming kills creativity in design as in this case designer is limited with the rules, standards, and restrictions of development. Both positions are supported with numerous articles and discussions and both somehow make sense if you think about the issue from the perspective of real design projects.

Basically, the task of UI/UX designer is to analyze the target audience and their needs, to make research, to create an efficient layout and well-thought-out system of transitions, to wrap it in an attractive but highly usable and clear visual design, and to test the solutions. UI/UX designer is not a developer: they work on the same product but from different sides, as well as for example a writer, an editor, and a publisher work differently on the same book. However, it is obviously pleasant for developers if a UI/UX designer is able to produce designs that consider at least the basic limitations and points of programming and coding.

There is a great bunch of successful experts in app and web design who have never had anything in common with the sphere of coding and development and provided great design solutions with a very high level of usability. Nevertheless,  it cannot be said that they are totally out of the issue. Designers, who are keen to create viable product designs, usually tend to get acknowledged with a general understanding of development basics. That really supports the designer in providing as effective design as possible, considering all the stages of its creation and implementation. However, it doesn’t mean that without this sort of knowledge it’s impossible to create good designs. Moreover, if designers work in a team with developers, they can create designs without knowing to code even easier as they are supported by developers who control the process from the perspective of coding.

Ideally, the happy medium should be found in this issue without any extreme positions. If designers tear themselves too far away from development reality, they risk losing the viability of their designs and could end up having a great deal of amazing and terrific concepts none of which will be implemented in real products. On the other hand, if designers concentrate too much on the limitations of coding, they risk becoming unable to think out of the box and provide original design ideas. Keeping the wise balance provides the harmony.

So, to sum up, a person can become a successful UI/UX designer not knowing programming and development; however, this kind of knowledge can be supportive if used wisely.

What is the relationship between UI design and icon design?

Answering the question in general, it should be said that icon design is an essential and integral part of UI design. Seeing the definition of UI design as the stage of the design process which provides a visual representation of all the concept, icons are the vital element of the user interface of the product enabling successful and effective interaction with it.

Working with loads of projects on UI/UX design, we see icon design as the significant stage in the general design process. Since this topic is now actual and popular, we have previously published the article called Iconic Simplicity. The Vital Role of Icons considering the part of icons in creating an efficient design.

Basically, an app or desktop icon is an image that having a kind of symbolic and metaphoric potential that becomes the element of navigation in the process of interaction. In a deeper explanation, the icon is the visual symbol representing some real or virtual action, thing, person, etc. In many cases, icons are able to stand up for the text, and this ability makes them so popular in the world of modern web and app design. If you replace the stretch of copy with an icon, it saves the place for other elements of interaction on the app screen or webpage, therefore, making it more functional without being overloaded. Also, it makes the interaction faster as in most cases people need less time to see and understand the icon than to read and understand the piece of text.

Moreover, the icons efficiently move the limits as they enable people who have the problems with copy perception and recognition, such as those who suffer from dyslexia or the like, to interact with the product. And finally, icons can successfully combine the functions of navigation and explanation with being the aesthetic element of the visual representation of the product, supporting the general style, and having their own character.

Here is an example of the icons set by one of the Tubik designers. It can be used in different apps keeping the style consistent and harmonious.

Multimedia Icons Set

So, the role of icons design as the part of general UI design is very important that makes designers put considerable time and effort into the creation and adaptation of clear, meaningful, and recognizable icons, which at the same time will become nice graphic elements of the layout in general stylistic concept.

Is it worth learning icon design as a UI designer?

On the basis of ideas in the previous answer, we tend to give the answer “Yes” to the question. Icons are the vital element of the user interface of the product enabling successful and effective interaction with it. Therefore, it is worth learning how to deal with them in case the designer wants to work effectively and create high-quality interfaces.

Concentrating on the aspect if it’s necessary to learn the icon design, actually, now with numerous sets of diverse icons created by professional graphic designers it is possible not to create handcrafted icons but use ready-made icons corresponding to the style of the app. So, to some extent, it is possible to create UI design not getting dip into all the secrets and peculiarities of icon design. However, there can be a bit of a trap, as nowadays with growing functionality and inventing new features the bulk of ready-made icons can appear not to satisfy all the needs of the particular interface. Using icons that do not perfectly fit the general style of the app or website, a designer can risk losing the feeling of harmony.

Understanding the vital role of icons, our designers in the studio not only create original icon packs but also present concepts to demonstrate how well-thought-out icons can support general UI solutions. Here is an example of such a presentation based on the set of icons you could see in the previous answer.

Multimedia Icons Presentation 

We deeply believe that it’s really essential to study and practice icon design for designers who set high aims in their career ladder and want to be ready for complex design tasks and creating efficient and original interfaces. The experience of work on various UI/UX design projects, dealing with customers, and research of existing design products show the precious nature of the ability to create meaningful and symbolic icons which would correspond with general stylistic solutions of the product and would become the harmonic tool of successful interaction.

To become successful in such a dynamic sphere, you need to be strong and competitive in your field. Practice shows, that skill of icon design inevitably makes a UI designer stronger and more flexible in the accomplishment of different design tasks.

Can anyone be a graphic designer?

Physically any person, with hands and eyes working properly, is able to try himself or herself in the sphere of graphic design. As well as anyone who is able to write can try writing and anyone able to communicate can try, let’s say, management or teaching. In any sphere, there always is a chance to become successful (or not) if you have the necessary basic physical abilities. However, it can often be not enough to become professional and efficient in this field.

Being based on the diverse experience of communication with graphic designers, it is easy to see that to become a professional and bring home the bacon with the efforts in the sphere of graphic design, the person needs to have a number of characteristics. And first of them, as for any creative job, are passion, talent, ability to work hard, and readiness for constant learning and self-improvement. Having all these traits, the person will be able to practice necessary skills, master needed software, gain a solid basis of theoretical knowledge, and so on. Behind the passion, we mean sheer and sincere interest in the field of design and feeling it as the source of inspiration and ambition. Without it, designers are able to solve the tasks and provide the results, but they will be technical, without any soul and heart. A book without a soul is just a set of words. Image without a soul is a set for shapes and colors. Communication without a soul is just a set of sentences. Design without a soul is just a set of features. To breathe in life into all of them, the passion of the creator is a key factor.

However, with my words above you can get caught in a trap. The passion which is being talked about is not something that just strikes you one day and tells you “Stand up and go to design”. In most cases passion is like appetite: it comes when the process starts when you try and feel that THIS is something you would like to do and grow in. Even more, there are many professionals who got into a deep and sincere passion for their craft in the process of improving their skills or accomplishing the projects.

No doubt, it’s possible to become a graphic designer only through hard work: the person will get the technical ability and will be able to accomplish the tasks requiring, perhaps, a lower level of creativity. And in this process, people sometimes open great interest and particular talents needed to achieve high results and appreciation in the sphere of graphic design.

One more thing to mention is that the job of a graphic designer (again, as any other creative work) sometimes looks so romantic, inspirational, bright, and deeply creative that people do not see hard and thorough work with developing some small details over and over again, with tons of iterations and great effort of creating not only good-looking but also effective and meaningful design. This job is not just the firework of bright emotions, creativity, inspiration, self-realization, and happiness. It is also hours of search, sketching, polishing, staring at the computer screen with non-seeing eyes, communicating with clients, keeping the deadlines and guidelines. The ability to combine all those sides of design reality is one more vital skill to make a successful professional.

So, summing up, we tend to answer: no, not anyone can be a graphic designer. But everyone can try if he or she wishes. This attempt, in any case, will be the gain as for someone it will open the door to the diverse world of graphic design, while for the others it will close that door opening the others at the same time and giving an experience which is anyway useful.

Originally written for Tubik Blog

Сообщение Insights into the Diversity of Design Jobs появились сначала на Design4Users.

What tools do you usually use for prototyping?

Prototyping is a very important part of the design process. Creating UX/UI, we develop the system of screens, transitions, analyze how different elements of the layout will influence the general efficiency of an application or a website. Therefore, the prototype is a great way of testing the work in progress so that the designer could reveal the bugs and problems spoiling the product. Moreover, the prototype gives the opportunity to present to the customer the working model of the product at different stages of its creation.

The list of prototyping tools that designers of Tubik Studio use for different goals is rather wide: InVision, Marvel, Framer, Flinto, Origami. Usually, the choice of the tool and its correspondence depends both on the task and on the preferences of the designer assigned to accomplish it. All the mentioned tools have their benefits and complications. However, now we could define two of them which have settled on the top of the list.

The tool which is now becoming more and more popular with our designers is InVision. Being constantly updated and improved, this tool for prototyping creates more and more opportunities and features. It provides a wide range of functional features that enable a designer not only easily create efficient prototypes, but also set the field for fast feedback in the process. It accomplishes easy export of graphic content from Sketch. It also has a plugin for Adobe Photoshop that provides additional opportunities for quick and efficient creation of prototypes and synchronization of changes. We have already mentioned in our previous articles that fast and clear feedback is one of the vital conditions of successful collaboration with a client. InVision provides everything that is necessary to fulfill this need.

It’s really helpful that it makes it possible to comment not only on separate screens but even separate elements of the layout. Moreover, recently presented opportunities for creating boards and synchronization with Slack provide even more chances for fast prototype creation, testing, and analysis. InVision is the tool that makes the process of prototyping far less time-consuming and more effective due to its wide functionality for feedback. So, the designers could get more time for creative work rather than its technical realization.

As we are getting the questions about prototyping more and more often, now we are preparing a series of case studies and articles analyzing the use of these tools in the design process in greater detail and with practical examples.

How do you track the projects? What is your choice of product monitoring solutions?

As well as for the previous case, during the process of active work, we have tried various tools for tracking the projects and communication with customers. We have already practically tested Basecamp, Trello, Asana, Jira, Redmine, and others. Obviously, all of them are great tools that improve the process of work enabling customers, managers, and designers to communicate easily and provide updates on the projects as soon as possible.

Our personal preference for project monitoring as well as in-studio information flow is Trello. This tool is simple, effective, clear, and intuitive. That is very important because not all the customers are keen users of technologies and they should be provided with the option which doesn’t need special knowledge or much time to get into its functions. This tool for communication provides clear systems of boards and cards which have a gear deal of features. It makes it possible to split any task into sprints and enables to carry out the project providing constant updates and presenting images.

It is easy to set deadlines (due-dates), delegate specific tasks to specific people, create checklists, and mark out the most important and urgent tasks. It also has one more really precious feature. Trello has not only a thoroughly thought-out website but also efficient and smart applications for iOS and Android. This gives an additional opportunity for fast feedback so it saves time, effort, and makes management of the projects very comfortable for the customers. Trello is a great option for creating a spot where designers, project managers, and customers could together make a fast and effective workflow.

Choosing the tool of tracking and management, we always take into account the task of the project and the preferences of the customer. That is why we use not only Trello but also other tools helpful in this issue. However, we always present and explain our scheme of workflow in Trello to the customers, and in most cases, they agree with our choice. But it should also be said that we are flexible and never miss the opportunity to try new tools. The sphere of design is lively and dynamic as well as the field of project management. That’s why on the basis of practical experience we suppose that trying and testing new tools is keeping our eyes on the ball never missing new prospective improvements.

Sure, we could say much more about Trello as well as other tools of tracking and monitoring, so you will be able to see more detailed descriptions and reviews of these tools in the next articles.

How do you organize in-studio communication flow?

No doubt, communication inside the studio is a significant condition of successful work. Designers and project managers need to have a constant opportunity of exchanging information in the process, sometimes discuss general questions and share interesting or useful data. This info-flow is the pulse of the team which makes all the things in the studio go round.

Trying to find the best solution for this purpose, we used two tools simultaneously. Trello, mentioned above, was used for the aims of sharing the data: we create boards on which to save necessary links, documents, images, ebooks, or discussed long-term projects and issues. For fast information exchange and current questions or discussions, Skype-chat was used efficiently for a long time.

However, recently we have changed our preferences after Slack being introduced in our work process by the clients of the studio – the company Fuse Tools. Being already aware of its advantages, the Fuse Tools team insisted on using it instead of Skype as a more multifunctional option for fast and successful collaboration.

Analyzing its functions, Tubik Studio managers made a decision to test the tool in terms of full-time studio communication instead of Skype. After several days all the team accepted this change as Slack really provides the wider field for work not only as a chatroom but also for sharing and saving data. One more thing that has become a bias towards Slack is the possibility to configure different integration including Trello for a faster and smoother workflow.

All these features brought the Tubik Studio team round to use Slack together with Trello as the basic tools for in-studio communication.

Do you use Photoshop or Sketch as the basic tool for design?

Nowadays the fight Photoshop vs Sketch is becoming more and more active. There are loads of articles and reviews, case studies, and interviews in which people analyze the benefits and drawbacks of Photoshop and Sketch. And, being designers taking an active part in the modern design process, we are also often asked which of these editors we prefer.

The answer we would like to give is really simple. There is no any vs. There shouldn’t be any war between the options which can complement each other. Obviously, now there is no perfect and ideal software for design: if it existed, everybody would use only this ideal choice and there wouldn’t be any need for a fight. So, we suppose that modern designers provided with a number of tools should study how to take everything possible from them instead of trying to decide which one is better.

Here in Tubik Studio, we believe that the only single thing that a designer should think about is the high quality of the final product. The highest. Quality. Possible. Period.

That’s why we use the variety of tools and software here, share our experience, and always thoroughly watch the newest trends and upgrades of design software opportunities. A tool is just a tool. The only thing important is to make the customer and the users of the final product happy. It’s vital to think about the implementation of the product into real life and making it the one which provides high conversions. People, who use the product, do not see the tools. They see the work which is good or bad. Therefore, knowing the advantages and drawbacks of different soft and tools, designers are very well armed to find the best tool for any particular problem.

So, we always analyze the task before choosing the tool appropriate for its accomplishment. However, in general terms in most cases, we use the benefits of different design tools in the following way.

Our practice shows, that Sketch is really helpful and efficient in the research and UX stage of the design process. Adobe Photoshop is effective for the preparation of graphic sprites and the creation of unique UI elements. Adobe Illustrator is great as the basic vector editor for creating illustrations and icons. And together they present a powerful engine for high-quality and elaborate design. That is the reason why we never waste time arguing which one is better.

As has already been mentioned, we never stop the process of learning and follow the pulse of the design world. Now we are testing the new vector graphic design software from Apple which is called Affinity Designer. It is a promising product and we are keen to see its possibilities closer. It provides a lot of functions for creating icons, elements of UI, illustrations, and so on. It has a more clear and intuitive interface than Illustrator and provides opportunities for real-time making adjustments and applying effects independently from the size and complexity of the image processing.

Therefore, on the basis of everything mentioned above, we can confidently say that every tool, editor, or software has its strong and weak points. In some sprints of the process, a simple pencil and sketchbook will be the best way to get the result efficiently. So the best practice is to analyze the task thoroughly and decide on the most efficient tool for this particular task.

Originally written for Tubik Blog

Сообщение Design FAQ Platform: Questions from Designers появились сначала на Design4Users.