Articles

Simple code: Version control commits

,

Currently the most popular version control system is git and I’ll be writing this based on git and it’s functionalities and capabilities.

Git is often seen as a way to enable distributed programming i.e. multiple programmers can work on the same code repository quite easily without disturbing each others work (much). In addition to that just like other VCS’s it’s also a log of work but to my experience that part is often unfortunately neglected. What I will be focusing this time is the log part because I think it deserves more attention.

Why to create a meaningful log?

The git log should consist from small meaningful changesets where each commit addresses a single problem. By dividing the log to small commits it enables resilient way of working. Being resilient enables simple and fast procedures to rollbacks, reviews, tags, branching etc.

Lets say that a developer is implementing a REST API. The API needs a web layer that receives the HTTP requests, it probably has some sort of logic layer to do data transformations and validations and maybe some calculations and finally it has a data storage where the data is persisted. There are options how to record this work to the log. One option would be to implement the API and record a single commit or squash the commits before pushing the changes to remote so it would become a single commit. Another option would be to record commits every now and then while developing and finally push those commits as is to the remote repository. Yet another way would be to carefully pick what is recorded per commit in order to have a set of meaningful commits that each address a single issue.

Example of the first approach would be something like this:

Source de l’article sur DZONE

/par

4 Body Language Mistakes and How to Fix Them

,
Our Self-presentation skills far supersede our verbal communication
We speak more through our bodies than our words. The posture we assume, the expression on our face, hand gestures, and our eye movement conveys far more than we would like to expose.
A subtle smile in a meeting can indicate a willingness to engage in a dialogue, while a stern look can instantly kill the conversation. Constantly checking the phone or looking at the watch can signal disengagement, while focusing on the other person signals interest.
Rolling our eyes expresses distrust or disgust in another person’s idea or behavior, while our eyes light up when we are genuinely curious about others. Keeping head down while walking in the hallway shows a lack of presence while acknowledging people passing by through a simple nod creates warmth. A firm handshake to begin an interview can exude confidence and power, while a limp handshake can reveal nervousness and weakness.
These non-verbal cues form a part of our body language that speaks even when we are silent, revealing how we are thinking and feeling in the moment.
Olivia Fox Cabane who has lectured at Stanford, Yale, Harvard, MIT, and the United Nations says:

In the scope of human evolution, language is a relatively recent invention. But we’ve been interacting well before this through nonverbal modes of communication. As a result, nonverbal communication is hardwired into our brains, much deeper than the more recent language-processing abilities. This is why nonverbal communication has a far greater impact.

She then points out ‘Without our realizing it, our bodies send out thousands of signals every minute. Just like our breath and heartbeat, these signals are part of the millions of bodily functions controlled not by our conscious mind but by our subconscious mind.’
Understanding the power of our body language and the role it plays in workplace communication and collaboration can bring us together by adopting positive communication styles as opposed to setting us apart through bridges of misunderstanding.

Importance of Body Language in Communication

Our body language plays a key role in impression management, the art of influencing how we are perceived by others.
A positive body language can show our enthusiasm to contribute, confidence in our abilities, being comfortable in taking on challenges, passion to drive results, and present to recognize future demands. It can open a world of new possibilities.
A negative body language can send strong signals of our resistance to contribute, doubt of our abilities, uneasiness to take on challenges, indifferent and uncaring attitude towards outcomes, and disconnected from reality to be able to handle future potential. It can close doors to success and growth.
Maya Angelou said, ‘People may not remember what you said, but they will remember how you made them feel.’
Since our emotions drive a large part of our decision-making, guess who will get the attention when a new project or a position opens up — a person who exhibited confidence in their body language or someone who looked like a nervous wreck?
Intelligence and brilliance are not enough to be successful at work. Our self-presentation skills far supersede our verbal communication.

The way you carry yourself is a source of personal power — the kind of power that is the key to presence. It’s the key that allows you to unlock yourself—your abilities, your creativity, your courage, and even your generosity. It doesn’t give you skills or talents you don’t have; it helps you to share the ones you do have. It doesn’t make you smarter or better informed; it makes you more resilient and open. It doesn’t change who you are; it allows you to be who you are. — Amy Cuddy

What happens when what we say is not in alignment with what we believe? We can lie through our words, but our bodies will reveal the truth. The non-verbal cues that we send through our body speak stronger than words.
Consider this. Someone approaches you with advice on a new strategy. Instead of expressing your true opinion, you simply nod in agreement. But, the tension around your eyes, the tone of your voice, and many other non-verbal cues can make the other person uncomfortable and leave them feeling unsure of your advice with the decision to never trust you again.
The idea is not to be inauthentic through your body language but to be aware of its implications. 
Research shows that we form impressions about others within a few minutes of meeting them and then our confirmation bias guides us in picking data that confirms our point of view. Anything that strengthens our belief system is readily accepted and that which contradicts it is rejected.
Being aware of the role our body language plays in forming this impression can help us twist the outcome of an interview in our favor.
For someone in a leadership position, body language is extremely important since people in an organization mimic not only the way leaders talk but also pick on their non-verbal cues.
A leader with positive body language appears approachable, open to feedback and shows a willingness to change while a leader with negative body language appears inaccessible, closed to feedback, and arrogant to adapt and change with the future demands.
Amy Cuddy asks, ‘Our non-verbals govern how others think and feel about us, but do our non-verbals govern how we think and feel about ourselves?’
Absolutely. Mastering the art of non-verbal communication not only leads to better communication with others, but it benefits us too. Presenting our best self forward by adopting positive body language enables us to be the creator of our future as opposed to being a victim of other’s perceptions. It leads to more opportunities for growth with higher chances of success.

4 Body Language Mistakes and How to Fix Them

1. Mind Is Not Attuned to The Body

When our mind is not in congruence with our body, we may try to portray a state which is in conflict with our inner self by controlling our posture and expression on our face, but sooner or later this incongruence will show up in our body language.
A positive body language cannot keep up with the negative mental state — what goes up in our mind will show up in our body. Without our realization, these ‘microexpressions’ will be noticeable to the people around us.

Our body language expresses our mental state whether we like it or not. Our facial expressions, voice posture, and all the other components of body language reflect our mental and emotional condition every second. Because we don’t control this flow consciously, whatever is in our head will show up in our body language — Olivia Fox Cabane

How to Align Our Mind and Body:

Research shows that our mind cannot distinguish imagination from reality. So, whatever our mind believes, our body will project.
We can bring out the desired body language by catching ourselves in those moments of negative mental states — disagreement, insecurity, angst, frustration, anxiety, criticism, and self-doubt, and choosing to get into a positive one.

  1. When you need to project confidence, seek inspiration.
  2. When you feel angst due to a disagreement, ask yourself ‘What can I learn from the other person?’ and ‘How are my biases causing me to be closed-minded?’
  3. When all you can see is negativity, choose to ask ‘What’s the one positive thing I can think about this situation.’
  4. When self-doubt consumes you, tell yourself ‘I need to let go of my fears to create a better version of myself.’
  5. When you exaggerate a negative outcome, ask yourself ‘What’s the worst that can happen?’ and ‘Is it really that bad or am I making up stories?’
Adopting a positive frame of reference and moving from a problem to a solution mindset can help us shift gears from a negative internal state to a positive one.

2. We Do Not Make a Commitment to Be Present

‘Being present—paying attention to what’s going on rather than being caught up in your thoughts — can yield immense rewards. When you exhibit presence, those around you feel listened to, respected, and valued,’ explains Olivia Fox Cabane.
When we are not engaged in a conversation, consumed in our own thoughts, and pretend to listen, it clearly shows up in the non-verbal signals we send to the other person.
We may start fidgeting with our phone or laptop showing signs of distraction, look here and there instead of making eye contact signaling we are not interested in what they have to say and may even shift too many times in our position out of discomfort.
Without our awareness, our body language will convey disrespect and distrust to the other person.
How to Be Present:

You must commit to a conversation, even the brief ones, or walk away. If you’re too distracted, admit that to both yourself and the other person. Be present or be gone. — Celeste Headlee 

It’s more polite to walk away from a conversation that doesn’t interest you than pretend to be present.
Once you decide to participate, you first need to convince and tell yourself that you want to be present. Say ‘I choose to be present,’ and then adopt body language that aligns with it — look at the other person with enthusiasm, lean just a little to build interest, and try to grasp what the other person intends to say.
You may occasionally drift away, but by choosing to be mentally present, you can bring your mind back to the conversation. Active listening though difficult is the most effective form of non-verbal communication that requires continuous practice and training of the mind.

3. We Ignore Context

When we talk to someone, their perception of us is based on the context of the meeting, their expectations, and their own personal and cultural filters.
Without recognizing that people operate within a certain context, we may send non-verbal signals that conflict with their values, contradicts their mental state, or even violates their sense of self.
How to Apply Context:
When engaged in a difficult conversation, without empathizing with how the other person might be feeling in the moment, we may appear cold, unemotional, and downright rude. By adopting kindness and warmth in our body language, we can convey the right message without necessarily making them feel bad.
When someone is passed up for a promotion, showing an attitude of indifference without understanding the value it holds in their life can make them resent you. Body language that shows presence and concern by giving them an opportunity to express their feelings can build better relationships.
When a co-worker is grieving a personal loss, you may appear too intrusive in your body language when all they need is space to let the feelings subside. It could be a personal preference or a cultural nuance, but without understanding their context you may actually do more harm than good.
When dealing with difficult people, your body language may switch to a fight-or-flight response. But, if you take a moment to analyze the situation without being at the effect of a fundamental attribution error, you may understand the rationale behind their behavior.
Every situation is unique. We need to project the right body language for each person by taking their context and personal filters into account.

4. We Tell a Conflicting Story

We may believe that we are highly approachable, but others may find us unapproachable. We may also think that we are open-minded, while others may find us biased. We may assume that we provide a psychologically safe environment to our people, but our employees may be terrified to make mistakes.
Now, it’s easy to say that ‘it’s just them, not me. I have already communicated to them multiple times.’ But really, is that the true story? Your intention may be far from the reality of your situation.    

Just after we observe what others do and just before we feel some emotion about it, we tell ourselves a story. We add meaning to the action we observed. We make a guess at the motive driving the behavior. Why were they doing that? We also add judgment — is that good or bad? And then, based on these thoughts or stories, our body responds with an emotion. — Kerry Patterson

When our body language doesn’t match our words, people pick up on our non-verbal signals — the sign of contempt on our face when someone makes a mistake, pacing back and forth when conveying bad news, showing nervousness by fidgeting when asking for feedback, rolling eyes when we disagree, making hand gestures that signal blame and so on.
So, while you may communicate one thing with your words, your body may speak the opposite. And when people get confusing signals, they tend to go with what they observed and not what they heard.
How to Tell the Right Story:
Bring your body language in sync with the message you wish to convey. People find it easy to trust a person when their body language reflects their words.
When asking for feedback, look the person in the eye and don’t be distracted. When someone makes a mistake, show curiosity in your face to enable them to learn from their mistakes. When telling people to feel comfortable to approach you, make open arm-hand gestures. When communicating bad news, be intense but show confidence in your ability to make things right by looking at people with passion and hope.
People spend a lot of time perfecting their speech without verifying what their speech is conveying through their body. When it comes to making the right impression, don’t just speak through your words, make your body language count too.

Summary

Master the art of non-verbal communication in the workplace by:

  1. Tuning to a positive state of mind: Be self-aware of your negative mental states and choose to get into a positive one.
  2. Committing to being present: Practice active listening and engage fully in the conversation instead of being simply present.
  3. Taking context into account: Connect with the other person by taking their values, mental state, and sense of self into account.
  4. Telling the right story: Bring your body in sync with the message you wish to convey.
Previously published here.

Source de l’article sur DZONE

/par

Branding 101: How to Get Your Design Business Online

, ,

You’ve named your business. You’ve sorted out the visual branding piece. Now, it’s time to get your business online so you can start making money.

In this post, we’re going to look at where your web design business needs to set up shop online and how to get it up and running quickly.

Step 1: Set Up Your Website

As a web designer or developer, having a website is non-negotiable.

Not only does a website provide prospective clients with all the information they need about you, it can help you automate many of those annoying tasks that get in the way of your actual paid work.

So, let’s start here:

Buy Your Domain Name

If you haven’t done so already, use the business name generator exercise to come up with a domain name. You then have a couple of options for buying it.

To Do:

  • Buy it from a domain name provider like GoDaddy or Domain.com;
  • Or buy it from your web hosting company;
  • Check the next step to see which option makes the most sense for you.

Choose a CMS

Use the same CMS as the one you’ll use to build your clients’ sites. That way, clients don’t wonder why you’d use something like Squarespace for your site, but then recommend WordPress for theirs, for example.

To Do:

  • If you use a self-hosted CMS (like WordPress, Drupal, or Joomla), hold on this until you purchase your web hosting;
  • If you use a hosted CMS (like Wix, Squarespace, or Shopify), you won’t need to do the next step. Instead, just sign up for your website builder and buy your domain name now.

Buy Your Web Hosting

If you’re wondering what the difference is between the various types of web hosting, read this post.

Basically, this is what you’re looking for:

  • A hosting company with a good reputation that provides expert and timely support;
  • An affordable starter plan — either shared or cloud hosting;
  • Server locations near you (at the very least, in the same country as you);
  • Top-notch security features at the server level as well as the physical hosting facility;
  • Caching and other speed optimizations built into the server and on-site equipment;
  • Compatibility with your CMS (look for one-click install, too).

Also, look for add-ons like SSL certificates, CDNs, and, of course, a free domain name.

To Do:

  • Sign up for the hosting plan you want along with your domain name and SSL certificate (this is a must for SEO);
  • Install your CMS from the control panel once you’re ready to go.

Build Your Website

Ultimately, you have two goals here:

  1. To build a website that convinces prospective clients that you’re the real deal;
  2. To build a website that prospects would want for themselves.

So, there’s no need to go crazy with outlandish features or futuristic animations and design. Keep it simple. Keep it neat. And give prospects an honest portrayal of who you are, and what you can do for them.

Design It

The first thing to do is take all that work you did to create your visual branding and use it to design your website.

If you’re building a WordPress website, consider starting with one of these multipurpose themes.

Build Out the Pages You Need

A theme will automatically create the pages you need (most of them, anyway). If you’re not sure which ones to start with, these are the ones your prospects are going to be looking for:

You may also want to add separate pages for Testimonials and Case Studies once you’ve accumulated enough of them to show off. For now, you can include samples of your work in the Portfolio page and testimonials on the Home page.

Fill in the Content

Even if writing isn’t your strong suit, that’s okay. So long as the content you write for your site is free of spelling and grammar errors, your prospective clients are going to focus on what you’re telling them, not on how proficient a writer you are.

That said, if you’re nervous about this piece of your website, here are some tips to help you out:

1. Be concise, it’s not just minimal design that goes over well with modern audiences. Minimal copy does, too.

2. Be transparent. Tell prospects what exactly they can expect when they work with you and why your web design services are going to be different from the competition.

3. Consumers don’t trust companies that use meaningless buzzwords and make empty claims. Instead, focus on writing about the real and very competitive skills you have. According to research from NIDO Student, these are the skills employers look for when hiring a designer:

4. Let your images tell some of the story for you. Just make sure you use (or create) images that will impress your audience.

5. After you’ve written your content, take a step back and tackle the structure and formatting from a designer’s POV.

6. Before you hit the “Publish” button, run your copy through Hemingway Editor to ensure your content is error-free.

Add the Right Features

When I talk about features, I’m referring to anything outside the main design and content on your website. These are usually sales and marketing tools like:

  • Chatbot/live chat
  • Contact forms
  • Pop-ups or notification banners
  • Discovery call scheduler
  • Cookies consent notice

Only add the features you absolutely need. In other words, the features that will automate the marketing and sales tasks you’d otherwise have to manage on your own.

Step 2: Optimize Your Website for Search Engines

Search engine optimization (SEO) is a very important part of the work you do to get your business online. Here’s why:

After you launch your business and website, the next thing you’re going to focus on is getting clients. This can take a lot of work as you pore over the following resources for referrals and leads:

  • Your existing contact list (i.e. family, friends, old employers, colleagues, etc.);
  • Freelance job boards;
  • Industry-specific job boards;
  • Social media posts, pages, and groups;
  • Google search results for “we’re hiring”;
  • And so on…

And when you’re not busy cold-emailing prospective clients or talking to them on the phone, you’re probably going to be working on your business’ processes. Running a business is very time-consuming.

So, what happens when you finally start working on website projects? It’s not like the client search ends there. It’s an ongoing thing. Which is why your website needs to be optimized for search.

Once your site gets indexed by Google and starts to generate authority, your pages will rank better and the increased visibility will start generating leads without you having to actively make the first move.

SEO is a huge topic, so I’m not going to cover it here. However, the links below will do a good job of guiding you towards your next steps.

To Do:

Step 3: Get Active on Social Media

Your website is going to play a lot of roles:

  • Digital business card;
  • Authority builder;
  • Marketing vehicle;
  • Sales platform;
  • Content marketer.

But there’s one very critical thing it can’t do and that’s directly converse with your audience and grow your network. This is why you need to spend time building out your social media once your website is good to go.

As for which social media platforms to use (as there are way too many), here are my thoughts:

Become an authority on Twitter.

Twitter is a good place to share daily thoughts and interesting content you’ve found on the web.

Get discovered on LinkedIn.

LinkedIn is useful because it’s another place to get noticed by potential employers, so make sure your relevant work experience and portfolio are up-to-date.

Connect with other creatives on Facebook.

It’s really hard to get noticed on Facebook unless you pay to play. Instead, use it to find groups that you can turn to for support, referrals, and brainstorming.

Share your work on Dribbble.

While you could use Instagram or Pinterest to show off your work, you might get more traction on a design-specific platform like Dribbble. Serve as inspiration for others and potentially get discovered by prospects looking for designers there.

Down the line you might decide to expand your business into recurring revenue opportunities like online courses. In that case, a platform like YouTube would be great. For now, focus your efforts on the main ones above.

To Do:

  • Create your social media accounts;
  • Brand them to match your website — both the visual component as well as the bio;
  • Start sharing content on a regular basis. You can automate sharing with a social media management tool, but remember to log in at least a couple times a week so you can engage with others, too;
  • Be careful not to commit these social media faux pas.

Wrap-Up

I realize this is a ton of information to throw at you. However, if you want to get your new business online and for it to succeed, you need to maximize the opportunities that are available to you.

I hope this three-part guide to starting a new business has been helpful. If you have any questions on the tips provided along the way, let me know in the comments.

 

Featured image via Pexels.

Source


Source de l’article sur Webdesignerdepot

/par

Everything You Need to Know About Websites And Privacy Laws

,

When it comes to compliance, website developers need to keep their eyes on more than just ADA regulations and Section 508. Privacy laws are a big consideration and decisions on how to build privacy into a website start with architects. 

And that’s exactly what website developers (and designers!) are. They build up attractive, functional websites and apps for their clients. Yes, they work closely with clients, copywriters, vendors, and other professionals to get the job done, but the developers are the ones who put it all together. 

That’s why it’s critical that website developers are well-versed in marketing privacy laws — these regulations directly impact the end results of their work. But how does a website architect create a digital platform that honors both user privacy and the needs of their clients? 

What Privacy Laws Are Important For Web Developers?

The two biggest privacy laws that web developers need to keep tabs on are the General Data Protection Regulations (GDPR) and the California Consumer Privacy Act (CCPA). Each law has its own unique scope and provisions, but they both shifted the landscape in defining an individual’s rights to their personal data and set mechanisms for how these rights would be protected and enforced.

Each regulation also carries with it fines, fees, and legal measures for non-compliance. These can be substantial. And if that’s not enough, there’s an ever-increasing consumer demand for websites that prioritize privacy and security. Consider these statistics:

  • 82% of Americans surveyed say they are concerned about the security of their online data
  • 79% of adults claim they are very or somewhat worried about how companies use the data they collect about them
  • 63% of Americans believe they understand very little or nothing at all about privacy laws and regulations that are intended to protect their data

How Can Developers Implement These Laws?

Privacy by Design is Critical for Websites

Under GDPR, web developers are required to adopt the Privacy by Design framework, which is a multi-point methodology intended to standardize data protection measures. 

Building privacy into websites shouldn’t happen at the end stages. It should start with how the websites are conceptualized in the first place. Here are points to prioritize:

  • Minimize that data you’re collecting and pseudonymize it to protect data privacy
  • Are you capturing consent? How? Where?
  • Integrating security measures to protect data — anytime you capture data or implement a third party product, a security risk is born.
  • Knowing where you’re introducing privacy and data sharing notices
  • Implement just-in-time notices to provide consumers transparency and build trust 
  • Giving your users the opportunity to manage their personal data

Let’s look at these a little more closely…

Data Minimization is the Goal

Data minimization is an important principle embedded in GDPR. Data minimization itself is a pretty straightforward concept: organizations should limit how much personal data they collect and only process the information necessary to accomplish their business purposes. Once the data is no longer useful, it should be deleted. 

For web developers, this means several things. When it comes to building websites, forms, cookies, and other methods should only ask for essential information. For example, if you are creating a pop-up to collect email addresses, don’t ask for their location unless it’s relevant to the email list and better serving their needs.

How and Where Do You Introduce Privacy Policies and Notices?

Let’s say you take data minimization seriously. That’s great! Now you need to put those data collection practices into words and share them with your customers. 

Privacy policies and notices are a big part of both GDPR and CCPA. Both the CCPA and the GDPR mandate that your privacy policy detail why you’re collecting information and how it will be used, as well as what the individual’s rights are and how they can exercise them. 

CCPA takes a slightly different angle, requiring privacy policies to disclose if the business sells personal data and what third parties have access to the data. CCPA also dictates that privacy policies and notices are current, updated at least annually.  (Nota bene: GDPR also asks for updated privacy documents, but doesn’t specify frequency.) 

How does this translate from policy into web development?

  • If you’re collecting data to improve user experience, allow for targeted ads, or sharing information with third-parties, this information will need to be included in a privacy notice. Remember, CCPA works with a broad definition of selling data, so you may need to account for a “Do Not Sell” link on your home page. 
  • Considering using data beyond these purposes? Plan to obtain explicit user consent for each additional purpose.
  • What’s your plan for the data after the user gives it to you? Where is it stored? Who has access to it? How long are you keeping it? These are all questions that a website developer should consider, and that needs to go into a privacy notice. 

Just-in-Time Notices for Transparency and Trust

Part of Privacy by Design is the use of individual components of your website to create transparency and support compliance. From a development and design perspective, this means you should always be looking for ways to communicate the hows and whys of data collection. 

Yes, your privacy policies and notices aid in this, but going beyond these pieces is important. Customers recognize when businesses go the extra mile for them, after all. 

So consider implementing just-in-time notices at points where users enter their information. These notices are a chance to share your data collection practices with your users. It’s transparent! It’s open! It aids in consumer awareness! 

Keep Users in the Loop

Want to win over your customers? Make it as easy as possible for them to manage their personal data and how it’s being used. This starts with making sure they are aware of why you’re requesting their information and how you’re planning on using it for the website. You should also:

  • Get user consent — clear and unambiguous user consent — prior to gathering any data at all. This includes cookies.  
  • Don’t pre-tick boxes for consent. Just don’t. (It’s bad practice AND it’s against GDPR.)
  • Link to all legal documents on the site. Users should be required to agree to them before using the service. 
  • Want to send marketing communications like email newsletters to your customers? Make sure they agree to this. Expressly. 

One helpful tool for keeping users in the loop is a marketing preference center. A marketing preference center allows users easy access to their information. From there, they can manage, edit, and delete their information at their discretion.  

Bonus? A marketing preference center is an excellent point at which to communicate a business’ commitment to privacy. While users will pick up this through all the discrete elements of privacy on your website, putting it all into one hub that also allows users control over their data really reinforces this message. 

Remember, it’s not just on the consumer to manage their data. Web developers should commit to managing the data in their systems. This means they should:  

  • Maintain accurate and clean records of users’ data consent preferences
  • Send regular reminders to users to update their personal information in your system
  • If a user deletes their account, promptly delete all of their personal information  
  • If your client goes out of business or is sold, they should delete all personal information in their system

Make it User Friendly

A final point: making your websites user friendly is important regardless of privacy compliance. Users expect websites that don’t make them think deeply about, or worry about, their privacy. Make it accessible and easy. Don’t make people figure it out on their own.

Give them value for sharing their data

Your users don’t have to share their data. They’re choosing to. So in exchange for their personal information, make sure you’re using it to provide a user-friendly website. Offer them a secure, enjoyable experience.  

But don’t ask for more than you need

Let’s loop back around to this point again. While consumer data can help you build a better website, don’t plan your websites around it and don’t demand data to create a good experience. 

Usability, web design, and website security; all of these things benefit from consumer data. But privacy laws should always guide how any personal data is collected and used, and respect for consumers’ individual rights, and honoring their privacy should be top-of-mind for web developers. 

 

Featured image via Pexels.

Source


Source de l’article sur Webdesignerdepot

/par

5 Biggest Challenges Web Design Agencies Face

,

With billions of internet users worldwide spending several hours online each day, the online presence of brands is now a necessary avenue for building, boosting, and maintaining positive value and attracting and interacting with customers. 

This has created increasing pressure for web design agencies when creating and managing websites. This pressure is multiplied by all the projects that web design agencies have to handle at one time. This is because different clients demand different things for their websites, whether it’s a signature feature or specialized functionality. 

Hence, it’s vital that the tools the agencies use to work are simple enough and suited to the tasks they have to accomplish in order to build and maintain these projects. Having the right tools can increase efficiency and effectiveness in managing websites.

Challenges in Modern Web Design

Building a website with all the essentials in mind is always easier said than done. Websites have to be both functional and easy on the eyes to invite traffic, disseminate information, or appeal a product or service to a target audience, and all while having an attractive and convenient interface.

The good news is that it’s perfectly possible to design a quality website and without spending a fortune to do so. Below are some of the challenges that web design agencies face when trying to deliver and reconcile efficient user experience and effective user interface in web design.

1. Appealing User Experience

Designing a good website means ensuring that the user experience is appealing to a general audience, but this is one of the most difficult parts of web design. Agencies must be careful not to turn off users with a confusing user experience. For instance, making important information difficult to find on web pages, using technical jargon that ordinary users wouldn’t understand, and focusing too much on the design rather than the overall experience are a few big mistakes that no designer should ever commit.

Instead, web design agencies should focus not only on making the design look good but also on making the experience smooth and fast for the regular site visitor. This includes improving design elements to make navigation easier as well as optimizing webpage load speeds.

2. Working With a Budget

It’s common for the client and the web design agency’s budgets to not line up at all times. Either the client will find the project quote too high, or the designer will find the client’s budget too low. The cost of a web design project can vary greatly, depending on what needs to be done. 

Although having to build a good website on a budget may be difficult, it’s important for both parties to come up with a set amount before the project even starts. The client should always specify what they want to achieve and how much they’re willing to pay to get it, and the agency should let the client know beforehand if this is possible.

3. Integrating Third-Party Functionality

Sometimes, clients may make requests for third-party functions that may not be easily integrated into the site. To prevent this, web design agencies should always consider integration when building a site. Most businesses and companies now have at least one social media account, so it doesn’t make sense for their site to remain disconnected.

When a website visitor shares an excerpt on a social media site like Facebook, Pinterest, or Twitter, other people who can see their posts may become interested in visiting the original post on the website. Properly integrating third-party applications and functions into a website can get it more online presence and popularity.

4. Suitability to Different Devices

There are many devices that people can use to access the web. From smartphones to desktop computers, from cars to game consoles, and even wristwatches and digital cameras, all of these can be web-enabled as long as there’s an available internet connection. 

Websites nowadays should always be compatible with any of the devices people might use to go to the website. They should look pleasing and load fast regardless of what device a visitor is using.

5. Security of Personal Information

Most websites require personal or financial information, whether for account verification, for website subscription, or something else. Websites should be designed with personal security in mind, which is even more important since hacking has been on the rise since the coronavirus hit.

One of the biggest threats that websites face today is phishing, or when an attacker will pretend to be a trusted contact and attempt to compel you to click a malicious link. Another is ransomware, or where cybercriminals hold customer data for ransom and attempt to extort online business owners. Yet one more is SQL injections, or where hackers will attempt to execute malicious SQL commands in your website’s database. 

The best practices in regards to web design to mitigate these risks include third-party plugins and themes, keeping all of your software up to date, setting your web applications so they run the fewest privileges possible, and utilizing SSL certificates and HTTPS protocols. 

Adopting Site-Building Platforms

Gone are the days where you had to be technologically gifted to design a website from scratch, usually through manual HTML codes. Back then, you had to know your way around the web if you wanted to set-up and manage a site of your own.

Now, there are a lot of good website builders that allow you to create websites in a faster period of time. Even web design agencies now make use of such builders in order to make the job easier and more convenient. Not to mention, it allows agencies to focus on the design alone.

Although these platforms offer predesigned templates based on the most common purposes of websites, they normally allow the user to white label the website into the branding specific to the business or agenda of the website owner. The text styles, colors, and sizes coordinated to the website’s theme, and colors can be designed specifically to match the business or organization’s image and identity. 

Simply put, creating websites through a web builder platform can provide web design agencies with easy-to-understand tools that their teams and members can all uniformly use to more effectively and more efficiently handle all their projects.

With services that allow mobile optimization, site management, and even drag-and-drop editing, web design agencies can now better manage their projects and finish with their tasks more quickly.

Not only that, by using white labelling, services can conserve their time and energy into focusing on creating the best website for their client. With all the website builders currently available on the market today, just picking the right one can give web design agencies the best tools to use when creating, designing, and maintaining websites. 

 

Featured image via Pexels.

Source


Source de l’article sur Webdesignerdepot

/par

Branding 101: Choosing the Right Business Name

,

When starting a new business (or even venturing into the world of freelancing for the first time), there are some really big, important steps you have to take.

Step #1 is choosing the right business name for your brand identity.

Your business name isn’t something you can casually choose either — especially if you have lofty long-term goals for your company. It’s not as though you can’t change the name down the road, but that comes with a ton of work and will require you to rebuild pretty much everything all over again: your visual brand identity, your reputation, and your SEO…

So, it’s a good idea to spend time choosing a business name that’s going to work for you now and long into the future.

Today, we’re going to go through the process of how to name your brand. These questions will have you thinking beyond just “What name do I like the sound of?” and have you more focused on important questions like “What is my unique value proposition?”.

Let’s get started:

How to Name Your New Business

For those of you considering taking the easy way out and using a business name generator tool, let me show you why that’s a bad idea:

This is a list of business names suggested to me when I told the generator that my business is related to “design”:

  • Design
  • Normal Design
  • Regional Design
  • Design Partner
  • Design Stock

Even the more unique names on the list are unusable; they have no connection to me personally or to the kind of business I plan to start.

This is why it’s so important to sort out your brand identity and make sure you pick a business name that resonates with you, and your target audience. To do this yourself, answer the following seven questions:

1. What Services Will You Provide Or Products Will You Sell?

The one thing that name generators get right is including a descriptive word related to your business. That way, it doesn’t take an actual visit to your website or a look through your portfolio to figure out what you do.

Even if you have a very niche specialty, sum up your offering in one or two words. For instance:

  • Web design
  • Digital design
  • Design & development
  • UX design
  • Graphic design

Unless you run your business through your own name (which I’ll talk about shortly), your business name should include a simplified version of your offering in it.

2. Who Is Your Target User Persona?

A user persona is a fictional character created using the demographics and psychology of your ideal customer or client. You can use Hubspot’s Make My Persona generator to create a card that documents these details:

Once you sort out who you serve, what makes them tick, and how it fits into the bigger picture of their business, you can better pitch your solution to them.

For instance, Joanna above is a real estate agent and owner whose primary goal is to capture leads and generate sales. You know how effective a real estate website can be for improving an agent’s visibility online and streamlining how they earn money.

So, including words in your business name that speak to that persona as well as their goals might be really useful.

Just keep in mind that web designers don’t always commit to one niche or stick with the same niche over the long run. So, you might not want to make your business name too specific to an industry (e.g. “Real Estate Design Solutions”) and more related to higher level themes and goals.

3. What Are The Names Of Your Top Competitors?

Do you know who your main competitors will be upon entering this space? If not, now’s the time to look them up.

When it comes to business names, you want to see if you can identify common threads among them. Perhaps they use puns or include location-specific descriptors. Or they just stick with the names they were born with.

While you don’t want to come off as a copycat, you can imbue your business name with a similar theme or tone if it’s proven to be successful with your shared audience. 

4. What Makes You Different?

Every business has a unique value proposition (UVP) — something that sets them apart from everyone else in the space. What’s yours?

Do you operate within a large metropolitan area where your prospective clients’ industry is booming?

Did you previously work in the industry for which you now build websites?

Are you an SEO expert who builds enterprise websites that rank?

In business, it’s good to be different — so long as it benefits your clients.

If you have a particular UVP that’s going to make you stand out, you’re going to use it everywhere to market yourself — your website, social media, sales pitches, etc. So, you might want to consider using a unique keyword from it within your business name.

5. Where Do You Envision Yourself In Five Years?

No one’s future is set in stone. However, if you’re seriously thinking about starting a new web design business, you have some ideas about where you want to go with it:

  • Do you like the idea of being a lifelong freelancer or digital nomad?
  • Would you like to operate your own design agency?
  • Do you have aspirations to build and sell website products, like plugins, themes, or UI kits instead?

If you expect to pivot your business at some point, be careful about choosing a business name that paints you into a corner. Keep it broader so that prospects don’t have to wonder what it is you really do.

And if you plan on scaling your business beyond yourself, using your own name might not be the best idea. You’ll want clients to associate the brand name with your agency, not with you specifically.

6. Will Your Business Name Be Easy To Remember?

At this point, you have some business names brewing. So, now we need to look at the more technical aspects of naming your brand.

Here’s what you need to do.

a. Write down no more than three to five business names you like.

For example:

  • Honeymooners Web Design
  • Charles Murphy Design & Development
  • FoREver Websites
  • SOLD Web Design Agency

b. Mash each name into one long lowercase string. Don’t include any punctuation.

For example:

  • honeymoonerswebdesign
  • charlesmurphydesignanddevelopment
  • foreverwebsites
  • soldwebdesignagency

c. Are any of the names difficult to read? Too long? Do any of them cause confusion and look like they mean something else?

If so, get rid of them as a matching domain name won’t work. Or, if you absolutely love them, fix the name so it’s clear, readable, and short. For instance:

charlesmurphydesignanddevelopment becomes charlesmurphydesign or just charlesmurphy.

7. Does The Name You Want Already Exist?

It’s a good idea to have a backup name in case you discover that the name you want already exists. Due to trademarking issues as well as possible confusion for your clients, you’ll want to avoid using a name that overlaps with or is the same as any other company (in or outside of web design).

Do a Google search for the business name you want to use. Check out the top 10 search results to see if there are any other matches.

You’ll also want to test out the domain name. Go to Domain.com and run your business name string through it:

You have a few options if this happens:

  1. Choose a different top-level domain (e.g. .tech, .io, .design).
  2. Use an abbreviated version of your business name  (e.g. solddesignagency.com).
  3. Move your backup business name to the front of the line and see if it’s available.

It all depends on how attached you are to the business name you’ve chosen. Just make sure that any changes you make to it (like shortening the domain name or using an alternate TLD) doesn’t cause confusion for prospects who look you up online. You don’t want them confusing someone else’s domain name for yours if business name and domain name don’t line up.

Choosing a Business Name Is Just the First Step…

Once you’ve settled on your business name, share it with a few people you trust. They’ll let you know if you’ve totally missed the mark or if it’s something you should be excited to run with.

As soon as you’re 100% sure it’s the right name, buy the domain name and register your company. Then, it’ll be official!

Of course, this isn’t the end to branding your new business. In our next Branding 101 post, we’re going to look at the next step: How to create the visual identity for your business.

Stay tuned!

 

Featured image via Pexels.

Source


Source de l’article sur Webdesignerdepot

/par

17 Tools I Can’t Design Without

,

I think of a creative practice as a combination of an approach (a design philosophy) and a series of techniques (craft skills); a good tool facilitates a technique, which in turn supports an approach.

It wasn’t until I sat down to write a list of tools I can’t design without, that I realized just how many tools I rely on as an integral part of my creative process. The danger of tools is that they promote certain techniques, and that bias can alter your approach.

First and foremost a good tool does no harm, it does not dictate, or obstruct your approach. Secondly, a good tool offers flexibility in the techniques you choose. Thirdly a good tool is invisible, it leaves no marks on the end product.

If I’d written this post a year ago the list would have been different, and I hope that in a year it will be different again. These are the tools that I currently find enabling, that have contributed to my craft, and supported my approach.

Affinity Designer

I’ve always used Adobe products. Photoshop and Illustrator were the de facto graphic tools for half my life. I’ve never had an issue with the subscription licensing of Creative Cloud, which I think is proportionate for a professional set of tools. Then, around 18 months ago I got very frustrated with how sluggish Illustrator had become.

I’d written an early review of Affinity Designer, I’d been impressed at the time, so I decided to give it another try expecting the sojourn to last an hour or two before I gravitated back to Illustrator. Running the latest version of Affinity Designer was a revelation, I’ve simply never wanted to switch back.

Why not Sketch? Well, I do occasionally jump into Sketch, especially for pure vector wireframing. I was an early adopter of Sketch, but the reliability issues (long since resolved) poisoned my relationship with it. Why not Figma? Well, Figma’s real strength is in collaboration, something that I get with Sketch, and personally I find some of Figma’s features unintuitive.

Affinity Designer isn‘t perfect. I dislike the color tools, especially the gradient tool, which I find clunky. But it’s the first design app I’ve used in years that syncs closely with my creative process.

Affinity Photo

I don’t do a lot of photo manipulation, so when I switched away from Creative Cloud for design work, I was relaxed about switching from Photoshop to Affinity Photo.

In my experience, Affinity Photo is stronger than Photoshop in some areas, and weaker in others. Affinity Photo’s bitmap scaling is much better than Photoshop’s, largely due to Lanczos 3 sampling.

Affinity Photo also solves a lot of little irritations that Adobe has chosen not to address for legacy or philosophical reasons, such as the toggleable ratio setting when resizing the canvas — I’ve lost track of the hours I’ve spent in Photoshop manually calculating vertical whitespace so that it’s proportionate to the horizontal.

TinyPng

Both Affinity Photo and Photoshop are poor at web format optimizations. Photoshop perhaps has the edge, but its output certainly isn’t acceptable for production.

I run bitmaps through TinyPng, which on average halves the size of the file without any appreciable loss of quality. (It stripped 66% off the images for this post.)

Fontstand

When I started to drift away from Creative Cloud, the one service that delayed me was Adobe Fonts (née Typekit). Not so much for the webfonts — which are faster and more reliable self-hosted — but for the ability to sync desktop fonts into my design apps.

I tried Fontstand when it was first released, and I loved the concept, but was worried about the small library. When I took a second look and discovered the library is now substantial for both workhorses and experimental typefaces, it was an easy decision to switch.

Fontstand is a desktop font rental service. Once you’ve found a typeface you’re interested in, you can activate an hour-long trial, then choose to rent the font for a small fee. You can auto-renew the rental if you need to, and if you rent the font for 12 months it’s yours forever.

If there’s one tool on this list I genuinely could not design without it’s this one. Fontstand makes working with fonts from independent foundries affordable for freelancers, and it’s enriched the typographic palette available to me.

Khroma

Every designer has strengths and weaknesses. Since day one of art school, my weakness has been color. It just doesn’t come naturally to me, and I have to work quite hard at it.

An incredibly helpful tool that I’ve been using for a few months is Khroma. It helps my eyes warm up before approaching color, and helps me find a starting point that I can then refine. Comparing my design work before, and after Khroma, the latter color choices are cleaner, more vibrant, and more interesting.

Atom

A good code editor is essential, and I’ve never found one that I’m completely happy with. For years I’ve flitted back and forth between Brackets, Sublime Text, and BBEdit. I think that probably reflects the changes in the type of coding I’m doing.

For now, I’ve settled on Atom. It’s fast, reliable, and it’s not biased to front or back-end code.

CodeKit

I held out on compilers longer than I should have, using apps like Minify to minify CSS and JavaScript, and the command line to process Sass (see below). Then I found CodeKit and it’s been essential to my workflow ever since.

What I like best about CodeKit is that it’s a GUI. Which means I can change settings while coding, like toggling off the JavaScript linting, without switching mental gears into another language.

MAMP

MAMP is a tool that allows you to run a local server environment, meaning I can run PHP and MySQL without the tedious process of FTPing to a server to test a change. Mac comes with Apache, so this isn’t strictly necessary, but it’s simple to use and works well with both CodeKit and Craft (see below).

There’s a pro version of MAMP, which allows you to switch seamlessly between projects, but it’s heavily geared towards WordPress. I’m still trying to find the time to evaluate Laravel Valet.

Dash

When you first start coding you try and memorize the entire language. It’s very possible to become fluent in the core of a language, but there are always nuances, defaults, and gotchas that you miss. As you grow more experienced, you realize that all professional coders Google the answer at least once per day.

When I got tired of Googling I started using Dash which is a superb app that combines the docs of numerous different languages into a searchable window. I use it daily for everything from SVG to Twig.

LambdaTest

It doesn’t really matter what you’re building, even the indy-web needs to be tested. Ideally you’ll test on real devices, but if you can’t afford a device library — and who but the largest agencies can — you need a live testing solution.

There are a few upstarts, but your choice is basically between BrowserStack and LambdaTest. I went for LambdaTest because I prefer the style of the UI, but that’s entirely subjective. If you’re not sure, toss a coin, you’ll get the same results with both.

Sass

I can’t write CSS without Sass — and I mean that literally. If I try and write vanilla CSS I guarantee I’ll nest something with @at-root and it will throw an error.

Craft CMS

Stating any preference for a CMS online that is not WordPress inevitably invites impassioned protests from developers whose career is built on the WordPress platform. So let me say preface this by saying: if WordPress works for you, and more importantly for your clients, then more power to you; I think it’s a dog.

Shopping around for a CMS is challenging, and I’ve gone through the process several times. A good CMS needs to be in sync with your mindset, and it needs to be appropriate for your clients — all of them, because unless you’re in a large agency with multiple coders, you need to commit to a single solution in order to master it.

I have looked and looked, and finally settled on Craft CMS. Craft makes it easy to build and maintain complex, high-performance sites. It has a shallow learning curve that grows exponentially steeper, making it easy to get started with plenty of room to grow.

Vue.js

Way back when Flash went kaput I switched to jQuery, and that was a really easy route into JavaScript — ignore the people who tell you to master the core language first, do whatever it takes to start using a language, that’s how you learn. But jQuery is heavy, and I found I needed it less and less.

These days 90% of the JavaScript I write is progressive enhancements in vanilla JavaScript to keep the dependencies low. Occasionally I encounter a job that requires complex state management, and then I fall back on Vue.js. JavaScript developers are as partisan as CMS aficionados, so let’s just say I favor Vue.js because it’s not controlled by a mega-corp and leave it at that.

Ulysses

As editor at WDD, I cannot emphasize enough that the right way to write copy for the web is markdown.

Markdown is faster to write so you don’t lose the thread of your thought process, and it doesn’t impose formatting so you can easily migrate to a CMS. If you’ve ever spent 20 minutes stripping the class, id, and style tags out of a file created in Word, Pages, or (by far the worst offender) Google Docs, then you don’t need to be sold on this point.

There are a few markdown-based writing apps available, I tested half a dozen, and the one I settled on was Ulysses. I like its distraction-free mode, I love its clean exports. Everything I write, I write in Ulysses.

Screenshot Plus

Much like markdown editors, there’s no shortage of screenshot apps. My current favorite is Screenshot Plus.

Screenshot Plus has one feature that makes it standout for me, and that is its Workflows. It sounds like a small problem, but when you’re taking screenshots of a dozen sites, the extra clicks to save, switch to your editor, and open the file are laborious. I have several workflows setup in Screenshot Plus that allow me to take a screenshot, save it to a specified folder on my local machine, and then open it in Affinity Photo, all with a single click.

Spark

I get a lot of email, a lot. At one point the influx was so bad I was using multiple email apps to segment it. Yes, I use Slack daily, but it doesn’t eliminate the need for email.

I‘ve been using Spark for around six months and it’s radically sped up my workflow. I’m a big fan of the smart inbox that allows me to compartmentalize email like newsletters, and email that warrants a reply. I like that I can switch to a chronological list if I’m looking for something specific. I love the ability to pin, or snooze messages, which helps me triage my inbox.

Todoist

I’m one of those people who can’t make it through the day without being organized. I need lists and sublists, and I need something native that opens automatically when I boot my Mac, and something that sits on the home screen of my Android.

There are as many to-do apps as there are things to do. When I’m working in a team I’ll use whichever task-tracking system it prefers. But by choice I always use Todoist thanks to its balance of simplicity and power. At this point it’s something of a meta-tool, and the app I open first every morning.

Source


Source de l’article sur Webdesignerdepot

/par

Learning Git: What Is a Commit?

,
Learn more about Git commits.

Commits are fundamental to Git, but not all developers have a comprehensive understanding of what a commit actually is and how it gets applied to your project.

In short, a commit is a snapshot of your Git repository at one point in time. In this beginner Git tutorial, we will dig into the journey of creating a commit.

Source de l’article sur DZONE

/par