Perfection in Design: Why It’s a Bad Idea

If you are a designer or a developer, you’d probably know that trying to make your project perfect can extend the time needed to complete the project-even several times. There’s always that one last element you want to improve quickly before sending it. But in my opinion Perfection is equal to fascism.

That’s a bold statement, I know. But look around you. Is there at least one defective item in your house or garage?

Your car? You need to refuel it and once in a while, it breaks down-not perfect. Your computer? Breaks down, and crashes, and the hard drive dies before you can manage to back up your data-not perfect. Bread? It goes stale too soon-not perfect. Glasses? Glass is vulnerable-far from perfect. So what’s the conclusion?

Why Designing Without A Design Brief Is Like Playing Charades

Why Designing Without A Design Brief Is Like Playing Charades

(Guest writer: Devora Homnick) We had a wonderful moment in the Kars4Kids design department recently when our manager… Read more

Perfection harms development

Nothing that surrounds us is perfect. There’s always at least one thing that can be improved. If everyone leads their product to perfection before launching it to the public, then today we would have nothing! Not even electricity or wheel.

Since everything surrounding you is not perfect, would you rather not own them? Would you rather wait until someone leads them to perfection before they let you have them? Probably not.

Therefore while working on your projects, always takes other’s failures as a reference – be creative, but don’t try to be perfect.

Why is perfection harmful?

Because it doesn’t favor achieving goals when starting the work, you always have some actual goals to reach with the design. It can be something as apparent as increasing sales or unusual ones like creating some awareness for your aquatic kickboxing training center.

Nevertheless, those should be the goals you need to focus on, and every time you want to do something new, you should ask yourself the question: “does this thing bring me closer to the goals?”

And now the funny part. The pursuit of perfection does not bring you closer to the goals. On the other hand – coming up with the simplest possible solution does. That’s right – most straightforward and reliable, not the best. In one of the early stages of the project, you can’t be 100% sure which solution will be the best one.

Because how would you know this when you haven’t even launched it? Only the feedback from the market (the real users) can give you genuine ideas for possible improvements to your website and its usability. That feedback is the improvement you need to focus on. not what you’ve thought would be the best for them.

This is the blatant truth (unfortunately). You’ll never know what people want or need, so working on some complex solution, which can end up not being needed, is a waste of time. That’s why you need to start with the solution that makes it possible to achieve the goals in the simplest possible way. And one more thing you should know:

Perfection very often remains unnoticed.

Unfortunately, all this extra time you’ve spent pursuing perfection can remain unnoticed and unappreciated. There’s a reason why the recipient of your project might not even notice your extra effort.

And that is simply because they didn’t see the previous version of the project, so they don’t have anything to refer to and compare to. The only thing they’ll notice and criticize will be basic functions and elements.

Working on details (tiny fragments of your graphic design) robs most of your time. That one little thing that keeps agitating you or some additional function you think would be cool and handy.

So, before you realize it, the total project completion time has extended several times. Do you want to spend 60% of your work time perfecting the details and only 40% on achieving the goals?

trying-for-perfect-design

If you’re freelancing, you can be sure that every client will be 100 times more grateful for a simple, easy to use and understandable project focused on achieving goals than a beautiful work of art, which looks great but doesn’t put any extra money in their pocket.

Abandoning perfection is far from abandoning a good project.

As I’ve said before, during the creation phase of the project/product/design, you can’t be sure what will the perfect solution really be, so the whole idea of pursuing it is doomed from the get-go.

When you’re working on something, then the only way you can judge perfection is by your own subjective motives-One man’s meat is another man’s poison.

The most important rule of designing: You are not your client or visitor. That’s why you can’t judge the thing you’re designing only according to your own opinions and assumptions.

You will create a much better website by not being perfect.

It’s simple (and true). If you did not try to make every detail perfect and focus on the most important key elements instead, these key elements will not only be clearly visible in the final solution, but you will also finish the work earlier.

So by hiding perfection in the pocket, you’ll be much more productive and deliver much better results.

Here are the benefits that can be brought by forgetting about perfection and creating a simple version of the website instead:

  1. The website can be launched earlier.
  2. The website can make money / get exposure earlier.
  3. The feedback from visitors will arrive earlier.
  4. Because of the early feedback, you will improve the website by focusing on the things the visitors pointed out (not only the things you thought would be cool).
website-creation

The most important conclusion here is (even though it sounds kind of strange) that a simple solution is better than a perfect solution. “Ok, but how to implement this approach?”

Divide your tasks into two groups: “Important ones” & “Details.”

The important ones are important such as achieving goals and objectives, building the basic functions, etc.), and the details are just, well, just details.

Details consume a massive amount of time. That’s why you need to skip them and get back to them later, during one of the next phases of the work (or don’t get back to them at all). So what do I mean by “later”? When is the best time to get back to details?

Work iteratively

Here’s what I mean, just bear with me – When you finish dividing the tasks into two groups, then in the first iteration, you should try to focus only on the important ones and try to complete them in the easiest possible way. At the end of this iteration, you will have a finished website ready to be launched (SCRUM-like approach). You can start another one if you want to.

In this iteration, you can try to improve the previous version. (You will get the ideas for improvement from the feedback from your clients/visitors.) After the second iteration, you will have an improved version of the website.

If you want to continue the work and constantly improve the website, you can start the third iteration and then the next ones. This is the right moment for getting back to the things you’ve classified as “details” at the beginning of the work, but you might as well realize that these “details” are completely redundant judging by the reaction of the visitors/clients (a very common thing).

work-iteratively

This is a real strength of the iterative approach. During each step of the work, you have a complete website ready to be launched, and you can improve it constantly. This is a much better situation to be in compared to working on something in a closed room for ten years, trying to make it perfect without any feedback from the world.

The iterative approach is much safer as well. What is a better scenario – Realizing that your idea is a piece of you-know-what and there is no demand on the market after a month of work, or realizing it after ten years of work?

Just a side note: Due to this approach, I was able to complete my Master’s Degree paper a couple of months before my colleagues did. What I did was focus on the most important thing about each chapter, got it done as soon as possible, and left all the details for later.

If I had wanted to make each perfect chapter right from the beginning, then probably I wouldn’t have finished it until today. Also, it has been over two years now since I’ve defended my M.Sc.

Work quickly and effectively.

This is an all-purpose tip, and it can be put into practice while working on a project for your client as well as while working on your own website. These are the only things that matter now: quick work and fast results. It’s about time to adapt.

Always try to deliver fast results (focus on achieving goals) by providing the simplest possible solution, not the “perfect” solution by your own subjective opinion. Remember – you don’t need to be perfect. “Good enough” is good enough.

One more thing – What are your experiences with projects at which you’ve tried to deliver a perfect solution?

The post Perfection in Design: Why It’s a Bad Idea appeared first on Hongkiat.

Did you miss our previous article…
https://www.1clanek.info/?p=673

40+ Tools to Build Premium-looking Website

Below, we handpicked 40+ super tools that will help you create and run a premium website in 2021.

These tools are covering all the aspects you need for your website, i.e., website creation, logo, invoicing, fonts and icons, optimizations and development.

You will find complete info about these solutions and in plus we included a super development team that will help you big time if you have complicated and hard projects.

If you have a WordPress website, don’t forget to check the guide about optimizing core web vitals, it is the best in the market.

Take your time to read the article, it is long but useful.

1. BrandCrowd — Online Logo Maker

BrandCrowd is a superb online logo maker that features world’s largest DIY logo library (over 50,000 designs) and is the only platform with all the icons handcrafted by designers.

On this platform you will find logos created with gorgeous icons as well as free icon libraries. The quality of these logos is outstanding as if created by professional designers. And the price is almost nothing for such fine quality.

To use BrandCrowd, write your business name or select the industry you are in. Within seconds, the platform will show you thousands of logo design ideas. When you see the one you like, click the Edit button and start customizing it. You can change text, fonts, colors, background, layout, and even request complex edits (you will hire a BrandCrowd in-house designer for that).

2. pCloud — Secure Cloud Storage
pCloud

Cloud storage is the future and pCloud makes it easy for all of us. It is Europe’s most secure cloud storage, is super easy to use, and offers the best free plan in the market — up to 10 GB of free cloud storage for lifetime.

pCloud works on all OSs (Windows, Mac, Linux, etc.), mobile devices (iOS, Android), and the web so you can access and store your files with any of these devices. The sync and backups are made in real-time so any modification you make, will be instantly seen on all the other devices.

In terms of computer backups, pCloud lets you choose any local folder to be backed up. The backups are made automatically, in real-time, and you can access older versions till up to 1 year.

As for file sharing, it has many interesting features to offer such as password-protected download, expiration date, and upload/download access.

pCloud offers a free version – with limited features – or pick the premium plan with advanced features and one-time payment, and a bundle of features.

3. Total Theme
Total Theme

Total is the WordPress theme with a whole bunch of features. There are 40+ high-quality pre-made designs that you can install with just one click and your website will look exactly as in the selected demo.

The theme is bundled with 3 premium plugins namely Visual Page Builder, Templatera, and Slider Revolution and a lot of customization options.

4. 99 Robots
Robots

99 Robots is a premium digital agency that will stimulate the growth of your online. They help you in managing Amazon, Facebook, and Google PPC ads as well as WordPress development, and web designing services.

The agency is specialized in creating stunning websites which are optimized for SEO, traffic, navigation, and sales.

5. Mobirise Website Builder
Mobirise

Mobirise is an offline website builder to create a stunning website for your project, no matter which industry you are in. You will find over 4,000 awesome website templates, and tons of elements to create stunning websites on this platform.

6. Argento Theme
Argento Theme

If you need the best Magento theme for your store, take a look at Argento. The theme looks very professional, loads lightning-fast, s easy to customize, comes with free installation, and includes 7 unique designs to choose from and 20 extensions that will add tons of cool functionalities to your store.

7. Taskade — To-do List for Remote Teams + Mindmap

Taskade is a free productivity app for the web, mobile, and desktop, to collaborate with your remote teams. The platform is very simple to use and intuitive, and you can create a unified workspace for remote teams and projects, keeping everything well organized.

8. Codester
Codester

Codester is a popular marketplace filled with premium PHP scripts, app, codes, website themes, and much more. They have a Flash Sale section where you can find hugely discounted items are being sold.

9. Deeezy.com
Deeezy

To create a super website, you need super graphics, fonts, photos, templates, textures, etc. You will find all these high-quality creative resources here, on Deeezy.com.

10. Goodie
Deeezy

Goodie is a professional web development service by the famous Xfive company. It will help you with simple websites, WordPress development, newsletter designs, and much more.

11. Ampfluence
Ampfluence

Ampfluence is a highly popular agency that will grow your Instagram account using the right methods, no bots or gimmicks. They have huge experience in working with all kinds of companies and brands, delivering outstanding results.

12. Mailmunch
Mailmunch

Mailmunch will exponentially grow your email list by helping you create stunning forms and landing pages. The platform is feature-rich, contains tons of highly customizable templates, and thousands of royalty-free photos. Also, the interface is super intuitive to use.

13. Unlayer
Unlayer

Unlayer is an email editing tool capable of boosting your email marketing campaigns for getting more qualified leads. The software offers multiple drag and drop design features to build beautiful emails.

14. Ramotion
Ramotion

Ramotion will help you with brand identity, UI/UX design, web design, and app development. They will take your company at the next level in terms of creating a solid online presence.

15. Miquido — Custom Software Development Company
Miquido

Miquido helps you design visually stunning, functional and user-oriented websites or mobile apps, develop future-oriented software, or deploy a Cloud. They excel in UX/UI design, product strategy as well as custom web, and mobile development.

They have over 10 years of experience and they created over 150 digital products, being one of the leading software development companies in the world.

16. Web Designers in Kansas City
Web Designers in Kansas City

If you are looking for a local web designer or developer located in Kansas City, check this page out. Here you will find complete information about the best 10 web designers and developers in the city.

17. Complete SEO
Complete SEO

Complete SEO is a digital agency that enables you to get large volumes of organic traffic from search engines. They have decades of experience in helping companies from different industries with smart SEO strategies.

You can get a free consultation and website audit from Complete SEO to find out where you stand and the elements that you can improve.

18. DWS
DWS

DWS is a complete agency offering all kinds of services including SEO, content, blogger outreach, animation, and website development). You can either select the service you need or get a package of services tailored perfectly for your needs.

19. Heroic Inbox
Heroic Inbox

If you have a WordPress website and you want to quickly manage customer support emails directly from your website, get Heroic Inbox plugin. The plugin is feature rich and very simple to use.

20. Web Design Auckland — Web design company

Web Design Auckland is a complete internet design agency offering all kinds of services including custom website design, unique branding, stunning photography, SEO, and digital marketing etc.

Fresh Resources for Web Designers and Developers (May 2021)

One of the things that I like being a web developer is that you never stop learning. There’s always something you could learn every day despite being in the industry for a decade.

In this round of the series, we’ve gathered a couple of references to help you get better at testing web performance and a handful of new tools that can help you in being more productive. So, let’s take a look at the full list.

Fresh Resources for Web Designers and Developers (April 2021)

Fresh Resources for Web Designers and Developers (April 2021)

A great product these days relies on the ecosystem. Imagine iPhone without the apps or WordPress without the… Read more

Notea

Notea is a self-hosted note-taking web application that can be installed on your own server with Docker. You can use it to write and share almost any type of content such as documentations, Wikis, blogs, and even newsletters with beautuiful typography.

HTTPDump

This tool provides a unique URL where we can mock response, dump data over an HTTP request, and shows it in a human-friendly way. It’s useful for testing the integration of third-party APIs or Webhooks.

httpdump

Slidev

A Slide framework built for developers. It’s similar to PowerPoint or Google Slides where you can create presentation slides except it also comes with features that developers will appreciate such as being able to embed code snippets, interactive components, and a live code editor.

slidev

Iconic

A huge collection of free icons that you can use on your website and in your apps. It features icons from many categories including Arrows, Folders, Files, Business, Finance, and many more.

iconic

Iconoir

Another website where you can find a good collection of icons for your web or app design projects. At the time of this writing, it contains more than 900 icons in SVG. It’s open-source, completely free and without any limits and restrictions.

iconoir

ZX

ZX is Google’s initiative to help you create scripts with JavaScript and Node.js libraries more conveniently. It provides wrappers around Node child_process, escapes arguments, and sensible defaults that allows you to be more productive in writing scripts instead of setting up the library configs.

zx

Playground macOS

A macOS desktop UI replica built with React.js, Redux, and TailwindCSS. A good source if you’d like to dig in front-end development and sharpen your skills around the stacks.

playground-macos

RustDesk

A remote desktop client built with Rust. It’s free and open-source. You can configure it with your own server so you have control over the entire data. It’s a good alternative to TeamViewer and AnyDesk.

rustdesk

WebDev for Beginners

A curriculum provided by Azure Cloud Advocates at Microsoft that includes lessons, exercises, and quizzes of basic HTML, CSS, and JavaScript. A great resource for anyone who is just getting started in web development.

web-dev-for-beginners

Vanilla Extract

A tool that provides a new take on building CSS for your JavaScript application. You can use TypeScript to compose your CSS selectors, variables, and themes, etc., and generates a static CSS file on build. It works with any front-end framework including webpack, esbuild, and Vite.

vanilla-extract

CSSHell

This site provides a collection of common CSS mistakes; you will find why certain ways of writing CSS is a mistake and it also shows you how to fix them. This a great resource to sharpen your CSS skills.

csshell

Puppeteer Recipes

Puppeteer is a great tool to run performance testing on your website. But sometimes it might not be so obvious as how should we get started. In this article, Addy Osmani – one of Google Chrome Engineers – shares some handy code recipes you can copy and reuse to start profiling your website performance with Puppeteer.

puppeteer-recipes

Kretes

Kretes provides a coherent environment for developing applications with TypeScript, the build tools, and deep integration with Visual Studio Code editor. This tool gives you a boost in productivity when starting application development.

kretes

Persistent Dismissable

A PHP library to handle custom dismissable notice in the WordPress admin area. It optimizes the database call under the hood and is compatible with WordPress Multisite setup out of the box. Overall it’s a handy PHP library for WordPress plugin developers.

persistent-dismissable

BrandBird

BrandBird helps you generate a perfect image for your website. It’s a useful tool to make sure that your brand looks good on social media and helps you avoid awkward auto-cropping when shared on social media like Twitter. You can set the background, border-radius, shadows, and some other elements of the image.

brandbird

Bumbag Styles

A collection of UI React and ReactNative components. It’s themeable, composable, and accessible out of the box. This library makes it fast to create applications that works across different platforms.

bumbag-style

Schema Validator

An online tool to validate Schema structure on a website. It’s compatible with several specifications including JSON-LD, RDFa, and Microdata. It’ll display these data and show if it identifies the syntax error.

schema

TypeSense

TypeSense is a tool designed to improve performance and search accuracy with typo tolerance, configurable ranking, synonyms, grouping, and a lot more. It’s easy to configure and free, which makes it a great alternative to ElasticSearch and Algolia.

typesense

MermaidJS

Mermaid.js is a JavaScript library that allows you to generate flowcharts, diagrams, and other types of visualizations with just text and code syntax; it’s like Markdown for graphics. The library provides API for configurations and integrations. Most likely this library is already integrated into your favourite tool or application; see this “Integration” page.

mermaid

WinterCMS

WinterCMS is a fork of its predecessor, OctoberCMS, due to the switch of the project into a proprietary CMS. WinterCMS inherits the features and flexibility including the theme and plugins.

The team also puts an exciting roadmap to develop WinterCMS further such as Laravel 9 LTS support, Tailwind-based CSS and UI, and CLI to improve productivity for developers.

wintercms

The post Fresh Resources for Web Designers and Developers (May 2021) appeared first on Hongkiat.

Did you miss our previous article…
https://www.1clanek.info/?p=606