Speckyboy RSS: Why Web Design Is Never Simple

Your latest Speckyboy content is here!.

Speckyboy Design Magazine

Design News, Resources & Inspiration

Why Web Design Is Never Simple


By Eric Karkovack on May 25, 2021 06:18 am


When watching a great athlete perform, they often make it seem effortless. Demonstrating great speed, coordination and agility is just what they do. Yet, what our eyes don’t see is all of the hard work that went into making those amazing moments possible.

Similarly, a beautiful and highly-functional website can exude simplicity. But that belies the great effort made behind the scenes. A website must be conceptualized, designed, built and tested. None of these steps are exactly easy. Though an outstanding user experience makes it appear that way.

The difficulties in accomplishing this can frustrate designers and clients alike. When they see something that “just works”, they may believe they’ll be able to quickly produce similar results – and on a shoestring budget, no less. It’s not until the process begins that reality sinks in.

However, this gap between perception and reality can be narrowed. Today, we’ll look at some ways to both understand and communicate the complexities of a well-built website.

Great Tools Still Need Great Ideas

Web designers today have access to more powerful tools than ever before. Looking beyond multitaskers like Photoshop, there are a number of options that have been created specifically for web and mobile design.

Adobe XD, Figma and Sketch are among the most popular. Each offers a more modern way to craft prototypes and turn them into finished products. However, don’t be fooled into thinking of them as all-encompassing.

Because, regardless of which tool is your favorite, they all require at least one thing from us: a great idea. In this case, great could mean a number of things. It could be a bold new design pattern or a tried-and-true approach to UI.

The point being that technology itself can only do so much. It might make it easier to build a layout, but the creative part is still up to us. And that takes talent, effort and time. In the end, a tool is only as good as the person utilizing it.

Wrenches

When Building a Website, One Size Doesn’t Fit All

Once the design concept has been carefully crafted and approved, it’s time to build. Even for a seasoned developer, this process poses plenty of challenges.

How a website is built can vary, but it all starts with the fundamentals of HTML and CSS. From there, we get into PHP, JavaScript and any number of other languages. Oh, and then there’s the whole subject of pulling data from databases and connecting to APIs.

And again, the simplicity of what you see on a screen can be deceiving. That seemingly-effortless layout can take hours to get just right. Modern CSS techniques like Flexbox and CSS Grid are a huge help – but they still require tons of tweaks and browser tests. They not only have to look good on a desktop, but a bevy of mobile devices as well.

But functionality is where things really get complex. If you’re writing code from scratch, that can be a whole lot of work. That’s why so many of us look for prepackaged solutions like plugins or themes.

These are great, but often incomplete solutions. A plugin like, say, WooCommerce, can help you get an eCommerce shop off the ground. But it’s unlikely to cover every single project requirement without some extra work. That could be downloading plugin extensions or even adding some custom code yourself.

Themes have their own hidden costs. While you can buy a WordPress theme that looks nice enough, odds are that neither a designer nor a client will accept it as-is. There’s always something to customize, which can open up a whole can of worms.

Each website is its own, custom entity. And if a full from-scratch build isn’t in the budget, then it’s a matter of piecing together various parts and trying to make them all fit.

Measuring tape

Technology and Standards Are Ever-Changing

In the bigger picture, a great website built today is not guaranteed to stay that way. Change happens rapidly, and various aspects of a site will become outdated.

Just think of a “state-of-the-art” website built in 2010. It’s likely utilizing old CSS layout techniques (and hacks) that aren’t very efficient. There might also be serious lacking in both accessibility and mobile-friendliness.

Clients can have a difficult time with this reality. It’s understandable, as they’ve likely invested a good bit of time and money. Therefore, the thought of having to consistently maintain their site may not make a lot of sense.

While a website is not technically a living and breathing thing, it may be worth treating it that way. Because, without proper care, its health is likely to suffer. That, in turn, could result in even higher costs than a commitment to steady maintenance.

A person wearing a virtual reality headset.

Communicating with Clients Is Key

It’s probably a safe bet that most of our clients don’t realize the finer details of putting a website together. That’s OK, as they have plenty of other things to focus on. And it’s also why they hired a professional.

Still, this can lead to assumptions about the ease of doing so. They may think that web design is completely tool-based. Or that development consists of simply loading up a content management system (CMS) and installing some plugins.

That’s why it’s important to fill them in on the challenges involved. Otherwise, they may not see the full value in what we do. When they don’t realize the value, they may have a hard time justifying cost.

We don’t have to explain every last detail of a project. But we should make an effort to outline the steps required for a successful outcome. That will create both a mutual understanding and set a realistic expectation for what can be achieved.

The post Why Web Design Is Never Simple appeared first on Speckyboy Design Magazine.



Read in browser »

Recent Articles:

The Cat’s Meow: 8 CSS and JavaScript Code Snippets Celebrating Our Feline Friends
Weekly News for Designers № 593
10 Free Slideshow & Gallery Templates for Adobe After Effects in 2021
Why You Should Include Your Personal Passions in Your Design Work
An Easy Way to Edit Block Visibility in the WordPress Gutenberg Editor
Share
Tweet
+1
Share
Forward
Copyright © 2021 Speckyboy Design Magazine, All rights reserved.
You signed up for daily Speckyboy Design Magazine email alerts either via Feedburner or directly through our site.

Our mailing address is:
Speckyboy Design Magazine
27 Braeside Park
Inverness, Scotland IV2 7HL
United Kingdom

Add us to your address book


Want to change how you receive these emails?
You can update your preferences or unsubscribe from this list.

Older messages

Speckyboy RSS: The Cat’s Meow: 8 CSS and JavaScript Code Snippets Celebrating Our Feline Friends

Monday, May 24, 2021

Your latest Speckyboy content is here!. Speckyboy Design Magazine Design News, Resources & Inspiration The Cat's Meow: 8 CSS and JavaScript Code Snippets Celebrating Our Feline Friends By Eric

Speckyboy RSS: Weekly News for Designers № 593

Friday, May 21, 2021

Your latest Speckyboy content is here!. Speckyboy Design Magazine Design News, Resources & Inspiration Weekly News for Designers № 593 By Speckyboy on May 21, 2021 01:54 pm Envato Elements Building

Speckyboy RSS: Why You Should Include Your Personal Passions in Your Design Work

Wednesday, May 19, 2021

Your latest Speckyboy content is here!. Speckyboy Design Magazine Design News, Resources & Inspiration Why You Should Include Your Personal Passions in Your Design Work By Addison Duvall on May 19,

Speckyboy RSS: An Easy Way to Edit Block Visibility in the WordPress Gutenberg Editor

Tuesday, May 18, 2021

Your latest Speckyboy content is here!. Speckyboy Design Magazine Design News, Resources & Inspiration An Easy Way to Edit Block Visibility in the WordPress Gutenberg Editor By Eric Karkovack on

Speckyboy RSS: 5 Ways You Can Contribute to the Web Design Community

Monday, May 17, 2021

Your latest Speckyboy content is here!. Speckyboy Design Magazine Design News, Resources & Inspiration 5 Ways You Can Contribute to the Web Design Community By Eric Karkovack on May 16, 2021 09:39

You Might Also Like

9 Trends From Milan We Can’t Stop Thinking About

Thursday, April 25, 2024

View in your browser | Update your preferences ADPro Even More From Milan Design Week Each year, the design world convenes in Milan—and that applies to us at AD, too. For the third year running, our

Subframe, Attributes vs Properties, Front End Handbook, aspect-ratio, GenAI

Thursday, April 25, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 25 2024 Subframe subframe.com Subframe is a design-to-

Ritmo, Climate Change, Icons & Typefaces, Click Wheel JS, CarPlay

Wednesday, April 24, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 24 2024 Meet Ritmo, Musixmatch's cross-platform

Why Jake Arnold Doesn’t Text Clients

Tuesday, April 23, 2024

View in your browser | Update your preferences We've had a remodel! From now on, you'll be hearing from AD PRO in your inbox twice a week—once with a deep dive into trends to watch and subjects

The secret ingredient to media success

Tuesday, April 23, 2024

PR tips from our founder Nora Wolf In this month's edition is all about *the most important* element of successful media outreach—photography. You may have some photos, but if the backgrounds are

#453: Design Systems

Tuesday, April 23, 2024

Design system generator, types of design systems and how to consolidate design systems. Issue #453 • Apr 23, 2024 • View in the browser Smashing Newsletter Buổi tối vui vẻ Smashing Friends, Ah, design

👨‍🏫 Striking Educational Website Designs + 🏆 Challenge Updates

Tuesday, April 23, 2024

Your UpLabs Design Updates Await! Let's Get Going! 🎨 Firstly, let's congratulate Mariana Gameiro, the winner of our latest 👩‍💻 SheCodes Website Redesign Challenge! Congratulations!! Secondly,

Code Connect, JS Naked Day, Shape of AI, Product Design, CSS Grid Level 3

Tuesday, April 23, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 23 2024 The Right Code for Your Design System figma.com

Accessibility Weekly #393: When Security and Accessibility Clash

Monday, April 22, 2024

April 22, 2024 • Issue #393 View this issue online or browse the full issue archive. Featured: When security and accessibility clash: Why are banking applications so inaccessible? "While using

Bézier Curves, CSS Motion Extraction, CSS Testing, CSS Theming, Women Who Code

Monday, April 22, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 22 2024 Flattening Bézier Curves and Arcs minus-ze.ro