Web design in Today’s World
Web design has evolved rapidly from the days of early Facebook, when middle and high-schoolers gushed over the new online platform that blew their minds, quickly after they created a new account.
They felt a sense of raw freedom and independence, as their impressionable, not yet fully matured, adolescent souls squealed to be heard on digital media, delighted by this new advancement in technology.
But if Facebook was cool, then the milestones that programming made in the next decade were super-cool, as web applications sprang up, inspired by the new social media engine.
As hastily constructed web pages, and applications sprang up all around the inter-web, engineers realized the potential that the web held. Today, talented UI/UX designers and engineers are sought around the world to work on applications.
These applications are complex tools that have rapidly changed the web. Flaky, cutesy web pages have faded from mainstream culture, as UI/UX design has emerged, quickly gaining in momentum and popularity. The need for intelligent, cutting-edge designers and developers has grown enormously, and today, having a good UX/UI means more $$$$$ all around, and greater profits.
Modern web design involves UI/UX, and looking into any modern design studio, you will find designers crowded around a huge portfolio of work spanning several computers. These designs are key to building the world’s newest products, that everyday users gush over for countless hours, and house designs like the one below.
But planning, organization, management and teamwork is really really really important…
Having worked on an application’s creative team, I have learned a lot about designing and developing applications. UI/UX web design involves structuring web content in a hierarchical fashion, to address users needs. Modern websites are designed by UI/UX Designers who are familiar with front-end engineers responsibilities, and have a good understanding of website dynamics. Web pages which are designed with high consideration of their users are responsive, compatible-across various browser windows: Internet Explorer, Firefox and Google Chrome.
They can be viewed with ease on different devices. Applications like Netflix, for example, can be viewed on different devices and are tested with Google’s Developer Tools. See different views of Netflix.com being inspected, below.
The design of Netflix is elegant, the varied structures and squares are flexibly nested together, into the masterpiece that is the nation’s most popular television application.
Modern web design can be likened to legos (Zhang, 2017). In a typical full-fledged lego project, a finished result is expected and illustrated on a manual for an enormous, beautiful ship.
There are different lego pieces involved in building the masterpiece which is the finished project. Similarly, UI/UX designs for modern-day mobile-desktop applications involve assembling modular software components together to create a beautiful, functional application.
In order to create a highly functional application, designers should have a good understanding of responsive web design, CSS, bootstrap, and other design libraries that will be used to style the skeleton of an a modern day html5 application (Zhang, 2017).
Similar to the basic framework of an enormous lego project, a front-end engineer lays down the skeleton for the entire project using html or html5 code (for AngularJS), and adds the necessary stylesheets. With a solid designer, the designs for mobile to desktop are all in place, as is the stylesheets, and libraries that will be used consistently throughout the project. The designer is satisfied with the designs and the team members meet to finalize the designs, like the manufacturers of a ship verify the designs before the ship moves on to the building phase.
The engineers work steadily to build out the pages and style them with the style guides set out by the designers, and the back-end engineers build out the API’s and server-side connection. With good organization and talented engineers, the team finishes the application within the given time frame.
Zhang, Samantha. “Learning from Lego: A Step Forward in Modular Web Design.” Medium. Feb. 17, 2017. https://medium.com/5000-things/learning-from-lego-a-step-forward-in-modular-web-design. Accessed November 15 2017.