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

✏ Is A Graphic Design Career For You? Create React Custom Hooks, Health Icons, and more...

Monday, June 14, 2021

Is a Graphic Design Career for You? (7 Questions to Ask Yourself) DRIBBBLE.COM COMMENTS When CSS Isn't Enough: JavaScript Requirements for Accessible Components SMASHINGMAGAZINE.COM COMMENTS Health

A Filmmaker's Kubrickian Loft

Monday, June 14, 2021

Design editor Wendy Goodman takes you inside the city's most exciting homes and design studios. Design Hunting A visual diary by Design Editor Wendy Goodman The living room (that's not really a

This New Tabletop Collection Has Us Falling Back in Love With Formality

Monday, June 14, 2021

Plus, 10 kitchen trends taking TikTok by storm (image) Architectural Digest AD PRO Logo The Expert Taps Former Domino EIC Jessica Romm Perez to Lead Partnerships Read More → CeCe Barfield's New

Accessibility Weekly #244: Looking at WCAG 2.5.5 for Better Target Sizes

Monday, June 14, 2021

Sponsored by Automattic. They're hiring. June 14, 2021 • Issue #244 View this issue online or browse the full issue archive. Featured: Looking at WCAG 2.5.5 for better target sizes Todd Libby talks

Bullet Charts, Tapestry, Group Orders, Media Queries, Health Icons

Monday, June 14, 2021

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar June 14 2021 How bullet charts taught me about the importance

✏ Perfection in Design, 11 Landing Page Design Tips, Scarlet illustrations, and more...

Sunday, June 13, 2021

Adding Shadows to SVG Icons with CSS and SVG Filters CSS-TRICKS.COM COMMENTS Perfection in Design: Why It's a Bad Idea HONGKIAT.COM COMMENTS Scarlet Illustrations - Abstract and Surreal

✏ Web Design Done Well, NoCode Revolution, Akar Icons, and more...

Saturday, June 12, 2021

✨Grab a Free .design Domain Name for your Portfolio✨ [ad] PORKBUN.COM Web Design Done Well: Making Use of Audio SMASHINGMAGAZINE.COM COMMENTS Website Design Mockup: Pitch your Ideas the Best Way

✏ Front-End Auditing Tools, Privacy Analysis of FLoC, Free Tailwind Kit, and more...

Friday, June 11, 2021

✨Grab a Free .design Domain Name for your Portfolio✨ [ad] PORKBUN.COM 13 Inspiring Graphic Design Trends for 2021 VECTORNATOR.IO COMMENTS Link Shorteners: Why You Shouldn't Use Them GCS.

Celebrating High Point, Welcoming Lila Allen

Friday, June 11, 2021

A weekly dispatch from Architectural Digest's Editor in Chief. ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌

💪 Diverse Fitness App Designs and more

Friday, June 11, 2021

Take A Peek At The Latest UpLabs Freebies 🔭 Check out these fresh high-quality Freebies that have been handpicked for you by the UpLabs team this week. Only $9.99 for UpLabs Premium! Seize the