From design to layout

I want to share ways to organize interaction between the interface designer and the front-end developer, it is possible for someone to use these methods to optimize the resource consumption for the development and support of web applications and sites.
 
 

Structure of the design template


 
 
Versions of Mobile, Tablet, Desktop, Desktop HD are in different Artboards /Mounting areas
 
The template consists of sections. The contents of the section are combined into the Group object
 
Sections are named in alphabetical order, for example - sect-a, sect-b, sect-c
 
Blocks within sections are grouped ...[/h]
+ 0 -

Creating a user's way map for teapots

Creating a user's way map for teapotsHello!
 
 
We continue our experiments with not completely programmatic courses and are now on the line for launching "Designing the UX /UI" and here is an interesting material that we would like to share with you.
 
 
Let's go
 
 

What is the User Path Card?


 
The user's path map (or sometimes the user experience map) is the mirror of the client's interaction with your product /service.
 
 
Last month I wrote manual by Google Analytics for UX-designers. A useful article for site owners or products that already have traffic. But what if you start from scratch? How to create a product ...[/h]
+ 0 -

myDribbble Meetup 2017 in Moscow

myDribbble Meetup 2017 in Moscow  
 
June 3 in Moscow was myDribbble Meetup 2017 . At this informal conference for designers, a dozen of strong and novice specialists appeared, many of which are presented in one of the main thematic social networks Dribbble . The creators of the Principle and Sympli instruments, Georgy Kvasnikov (Fantasy), Oleg Beresnev (Design), Max Orlov (ONY), Nikolay Ivanov (AIC), Artem Geller (Design of state systems), Ivan Vasilyev (Alfa-Laboratory), Ilya Grishin and Oleg Andrianov (VKontakte), Dmitry Chuta (Screens Today /Chapps), Radik Zagidullin, Danial Siddiqi, Lena Anikeeva (Pixies), Roman Temples ...
+ 0 -

New interface BILLmanager

New interface BILLmanagerMeet the global redesign of the client part of BILLmanager, a large and complex product for hosting. I am the head of UX-group of ISPsystem company and I want to tell you how and why we did it. Two years ago, at the beginning of our work, we had little idea what we had to do. During this time, not only designers and interface designers appeared in the company, but the staff of frontend developers also grew strongly. We learned how to work on the methodology of Scrum and implemented Youtrack to manage development processes. To whom it is interesting, what for we all did it and that at us it turned ...
+ 0 -

Not Delisamokatom single: how small usability errors create big problems on a real example

Not Delisamokatom single: how small usability errors create big problems on a real exampleA few weeks ago in San Francisco, I rented an electric car, just standing in the middle of the street. The time from installing the application to the actual lease took no more than two minutes, of which half went to download the application itself. I did not even notice how the registration went. Everything was natural and led to the main goal - to start moving.
 
Varlamov's devastating article about the unsuccessful launch of Delisamokat, where the main problems of users were connected with registration in the application and an attempt to take an electric car, reminded the story of two years ...
+ 0 -

Meeting with Vitaly Fridman (Smashing Magazine) in the office Wrike

Meeting with Vitaly Fridman (Smashing Magazine) in the office Wrike  
 
Wrike Tech Club called on Vitaly Fridman's open meeting, a notable figure in the field of web development and UX-design, the founder and chief editor of Smashing Magazine. In addition to Vitaly's lecture, we organized a round table with Egor Gilev (UX-director of Wrike) and other invited experts on modern front-end, UX-design and UI-development.
 
 
For those who could not come, we publish video recordings of the report and the round table.
 
 

Speech by Vitaly Fridman


 
+ 0 -

Magic link or a story about how we simplified the life of the user

In the article, I will share my personal experience of developing and implementing "magic links". I'll tell you why they are needed in our project, how they function and in the end even cry because the lack of such functionality in the large systems used by me makes me angrily tear my hair.
 
 
The code will only be in one place, because the main purpose of the article is to tell about the idea itself, and not to show how beautiful the code is.
 
 
Magic link or a story about how we simplified the life of the user  
 
 
 

Introductory blah blah


 
Sometimes it's much easier to read and learn someone else's experience than to rack your brain and your own soklasishnikam ...[/h]
+ 0 -

How to pack three large banks in one site

Until recently, the site vtb.ru fully met the requirements of VTB Bank. But after the accession of the Bank of Moscow and VTB2? it began to cover only a small segment of the expanded array of products and services. Own sites of the Bank of Moscow and VTB24 were to eventually cease to exist. So we had to figure out how to connect all the information so that the user could clearly understand what was happening on his display. In this post we will tell you how to solve this problem and came to the updated vtb.ru, launched in the beginning of the year.
 
 
How to pack three large banks in one site ...
+ 0 -

Figma - we make the system design

Figma - we make the system design
 
 
Greetings to you colleagues! My name is Dmitry Volkov and I have been working in the profession for more than ten years. I decided to write an article for those who create web and mobile design in modern programs.
 
 
Very often there is a problem when the designer made a source code, with which it is hard to work as a developer, and to another designer.
 
 
Therefore, I will share my personal experience in the development of interface design using the example of the popular editor of Figma.
 
 
I will not tell you about Figma, since there are already many articles on this topic. I just want to draw ...
+ 0 -

Frontend 2018: the variety of frameworks and the lack of midrds

Frontend is a pretty competitive environment. It's easy to start a career here, but it's hard to get into the middle. In addition, there is a question, in which direction to develop, if every day there are new frameworks and themes for holivars?
 
 
On how the modern frontend looks and moves, I asked Sergey Popov, a member of the program committee of our FrontendConf, which will be held in Moscow in the end of May within the framework of RIT ++. Along the way, we talked about how the selection of reports takes place, and what difficulties there are.
 
 
Frontend 2018: the variety of frameworks and the lack of midrds ...
+ 0 -