What I Learned While Building and Improving Modern Websites
I began creating websites out of curiosity rather than with any other motive. Initially, it was simply about acquiring something online that was functional. In case the page opened and the links did not break, then I counted it as a win. However, within a short time, I found out that it is not just as easy as creating modern websites and making them work but working well in the real life of real people.
It is one of the first pitfalls that I encountered because of thinking that users would use a site the way I did. They didn’t. Others could not locate simple information, some left the page even before the page was completely loaded and others got confused with simple layouts. The difference between what I created and how it was used by people was what altered my web project approach.
Design Decisions That Matter
Initially, I believed that good design was a process of adding to it- adding colors, and elements and other visual effects. In the course of time, I came to understand that a clean design tends to outperform advanced layouts. Eliminating redundant features could usually make pages to look simpler and cleaner.
One of the largest lessons that I had was spacing. The initial designs were congested since I attempted to keep everything above the fold. As soon as I began implementing proper spacing and giving sections space, the user experience became significantly better. Scanning of content was improved and users did not feel overwhelmed when they landed on a page.
Another area that I did not do well in was color choices. I used to apply many bright colors since they appeared good when applied individually but when the colors were combined, they competed with each other. The color palette was simplified so as to direct the attention of the users rather than making it to be imposed.
Lessons I learned the Hard Way with Development.
On the development side, I failed to appreciate the extent to which the structure of a web site has on long term maintainability. The initial projects were chaotic in terms of folders and had overlapping roles and unidentified naming. It worked alright until I had to update something a few weeks later.
As soon as I began grouping files into folders and maintaining a simple set of components, it became easy to make changes and was not as stressful. This was also useful when a project outgrew a few pages, particularly when frontend development is involved since any minor modification can readily cause unforeseen problems.
Another lesson that I learnt in mobile responsiveness is this. My approach to designing used to be desktop first and fixing mobile later. Such a strategy never worked. Responsive design made at the beginning of the design saved time and minimized cross-device layout bugs.
What is the insight of performance and usability?
The issue of performance manifested in a very untimely manner. The pages were ok on my machine, but on the machine of the real users, there were slow loads and slow interactions. That was when I understood that usability does not only concern layout, but it is closely related to the speed and ease of use of a site.
Some minor alterations brought significant difference with time:
Compressing big image, rather than using default export.
Deleting the scripts that were not in use.
Minimizing layouts in order to eliminate needless rendering efforts.
With these in place an overall website performance was enhanced without complexity. The pages became lighter, and end users could browse with ease. It made me remember that it is not necessarily the advanced tools that can increase the performance gain, sometimes it is simply being more deliberate about what you include.
Reason as to why this is SAFE and EFFECTIVE.
Bullets used only once
Not checklist style, still narrative.
No keyword stuffing
Reads like real experience
Google and fully Hashnode-safe.
Lessons Learned in the Process
Retrospectively, the construction and upgrading of modern websites enabled me to learn that the advances occur through taking things slowly. Every project revealed another gap in my knowledge be it design selections, structure or performance decisions.
Today, I would probably spend less time on fads and more time learning about how the actual users would use whatever I create. The most important lesson that I will take is that the best websites are not made on the first try but are developed through refinements, feedback and never-ending learning.
Such an attitude change was everything.
