The Awareness Of No Code For Web Designers
The word Renaissance-meaning “renaissance” in French-was given to a tremendous period of philosophical and artistic achievement that began in the 14th century.
During this time there was a wide range of developments, including:
- Use of oil paints, rather than tempera, which facilitates the process of painting.
- Using fabric, rather than wooden boards, reduces the cost of painting.
- Translation of classical texts into architecture, anatomy, philosophy, etc., making knowledge more accessible to the general public.
- These and more developments made the Renaissance one of the most productive artistic eras in history, significantly reducing the creative barrier and attracting a wide audience instead of a small group of elites.
Just like in the Renaissance, the field of web design today is exploring its potential through code-free development platforms (ncdp). These tools allow non-programmers to create application software via graphical user interfaces and configuration instead of traditional computer programming.
The mental model of the designer / developer
In 2000, ergonomics expert Jakob Nielsen introduced the “Jakob Law”, the idea that users develop mental models of the products they interact with based on their previous experiences. The more users can focus on their goal without questioning this mental model, the easier it is for them to achieve that goal.
Design and development skills are rooted in different types of thinking and require different types of tools. While the designers use WYSIWYG editors like Figma, Sketch and Photoshop for placing elements on the canvas area, the developers are working on using its like VSCode, Webstorm and Brackets. To stay productive, designers and developers need to be able to make changes and get instant feedback, depending on their mental model.
Therefore, using drag-and-drop constructors can interfere with developers who want to debug quickly, but working with only a text editor can be unsuitable for designers who want to test composition.
DESIGNER AND CODE
Many designers understand the functional differences between a model and a functional product. In order to understand the possibilities of the medium, to draw boundaries and to deal with restrictions, many designers are willing to “get their hands dirty” when learning the code — but they have difficulties.
One of the main reasons why designers are not programmers is that there is a huge gap between the designer’s mental model and the conceptual model of many code editors. Design and development take two very different ways of thinking. This discrepancy leads to a difficult and frustrating learning curve for designers that they may not be able to overcome.
CODE Of ABSTRACTION
Abstraction is a fundamental concept of computer science. Languages, frameworks, and libraries are built on different levels of complexity abstraction to facilitate, optimize, and ensure productivity.
When working with levels of abstraction, there are tools, such as Notepad X and Studio for websites/web applications, Draftbit and Kodika for mobile applications, and Modulz for the design of systems that enable a visual representation of the code, in addition to the skills that code.
Adopting a familiar visual medium makes the learning curve easier for designers.
If Chris Wanstrath, co-founder and former CEO of GitHub, said,” the future of coding is not coding at all,” then no — code is certainly a legitimate way to evolve-despite the perception that these tools do not provide the flexibility to write your own code line by line.