Saturday 31 March 2018

Comics of the Week #431

Every week we feature a set of comics created exclusively for WDD.

The content revolves around web design, blogging and funny situations that we encounter in our daily lives as designers.

These great cartoons are created by Jerry King, an award-winning cartoonist who’s one of the most published, prolific and versatile cartoonists in the world today.

So for a few moments, take a break from your daily routine, have a laugh and enjoy these funny cartoons.

Feel free to leave your comments and suggestions below as well as any related stories of your own…

The perfectionist

 

False promise

 

Color withdrawal

Can you relate to these situations? Please share your funny stories and comments below…

Add Realistic Chalk and Sketch Lettering Effects with Sketch’it – only $5!

Source

from Webdesigner Depot https://www.webdesignerdepot.com/2018/03/comics-of-the-week-431/

Friday 30 March 2018

Free Download: Extinct Animals Icons by Iconshock

We can never get enough of the icons drawn by Iconshock, and this awesome free set is no exception. Designed to honor the thousands of animals that are extinct, or endangered, the set depicts some of the creatures we have sadly already lost.

Included in the download you’ll find 15 animals that have gone extinct on our watch, including the Chinese Paddlefish, and the Tasmanian Tiger. Each icon comes in three variations: color, filled, and line art; each version includes .ai, .png, and .svg files.

Download the files below the preview:

Please enter your email address below and click the download button. The download link will be sent to you by email, or if you have already subscribed, the download will begin immediately.

Add Realistic Chalk and Sketch Lettering Effects with Sketch’it – only $5!

Source

from Webdesigner Depot https://www.webdesignerdepot.com/2018/03/free-download-extinct-animals-icons-by-iconshock/

6 Reasons to Adopt a Long-Form Content Strategy

Recently I have encountered more and more people asking for one specific thing: words, and lots of them. No, truly, I mean a lot of them. They want long-form content: articles that go from 2,000 to 5,000 words, and sometimes longer. Then I ran across our glorious lea… ahem… Zeldman’s article on the subject of long-form content, and the challenges of designing for it.

I am not one to shy away from a challenge, but I was curious to know why. The short-form article has more or less reigned supreme for a long time. We live in an age where a 300 word article can absolutely go viral, and who doesn’t want that for their website? What’s making (some) website owners and editors change their mind?

Well, after some research, this is what I’ve got: a short-form article listing reasons why others are going to long-form—the irony of this is not lost on me—and why you might want to as well.

1. Increase Engagement

There’s a reason landing pages are often so b****y long. The longer you can keep a user’s attention, the more likely it seems to be that they’ll make meaningful clicks. You know, like on a “subscribe”, or “buy” button. It doesn’t matter how many different pages on your site they look at if they don’t click on something that makes you money. It comes down to the fact that page views aren’t necessarily the best metric for engagement.

Ad networks know it. Many are only willing to pay for actual clicks, and sometimes only for completed sales. YouTube knows it. That’s why they started measuring engagement in video watch time rather than the number of views. Lots of short content can drive page views, but long-form content seems to generate more substantial engagement.

2. Improve User Perception

Longer, more in-depth articles make you look good, plain and simple. Going deep into the details of a subject can go a long way toward giving users the impression that you know what you’re talking about. Of course, it helps if you actually do. The longer your article, the harder that is to fake.

Come on, we all love A List Apart, and the detail they put into every article is a huge part of that. Or take BuzzFeed, for example. They used their short-form and frankly inane content on their main site to finance BuzzFeed News, which even I must begrudgingly admit has done some good long-form work. That good work has not completely reformed their image, yet, but there’s a certain respect in some circles that you never would have seen before.

3. Repeat Traffic

It’s common knowledge that posting regular content helps to keep people coming back. This assertion is typically associated with producing lots and lots of shorter bits of content, because you gotta publish every day, right? Well that isn’t necessarily so.

Long-form content that goes into the details of a subject can bring that repeat traffic, especially if it’s educational in nature. I can’t tell you how many times I’ve gone back to articles I’ve read before to brush up on some technique or other, or just to refresh my memory a bit. Long-form content can take time and repeated read-throughs to digest, and that’s good for your engagement.

4. You Could Make the World a Little Bit Better

Going into the details of a subject promotes better understanding of that subject. Better understanding improves the conversation around that subject, which in turn leads to healthier communication between people talking about that subject. Healthier communication means less frustration, and more happiness. That means, at least for some people, the world gets a little bit better.

There’s a joke that goes something like: There’s no one as confident as a person with half the facts talking to someone with none of the facts. Simply put, long-form content puts more facts out there, and that’s good for all of us.

5. Make Yourself Better-Understood

A corollary to that last point is that you can make yourself, or your company, better understood. There are some few things in this world that are truly dichotomous. They are absolutely black and white, no question about it. Everything else gets real subjective, real fast.

Short form content, because of its limited space, is often guilty of promoting simplistic descriptions of complicated concepts. Even worse, it can promote simplistic solutions to problems that require a more nuanced approach. Long form content gives you the space you need to truly explain circumstances, problems, and why you handle things the way you do. Making yourself properly understood can be the difference between, for example, a hiccup in service that is soon forgiven, and a PR nightmare.

6. SEO

There’s some evidence that longer articles get ranked better on Google. Search engines in general are always trying to provide the most relevant content that has AMP enabled. (Sorry, couldn’t help myself!) But they really do want to give people search results that help them. It’s good for business.

Basically, longer articles seem more likely to have something that’s relevant to the user, and so Google (at least) seems to like them. There’s also a great data-driven write-up on long blog posts, and the traffic they bring in by Neil Patel. You should most definitely go check that out.

Conclusion

Go write more words. Or hire someone else to write them. There’s room enough on the Internet for both short and long-form content, and they both have their advantages. In fact, there’s no real reason your company can’t incorporate a little of both into your content strategy.

Add Realistic Chalk and Sketch Lettering Effects with Sketch’it – only $5!

Source

from Webdesigner Depot https://www.webdesignerdepot.com/2018/03/6-reasons-to-adopt-a-long-form-content-strateg/

Thursday 29 March 2018

Are Your Lack of Client Boundaries Costing You Money?

It’s every business owner’s goal to provide a fantastic experience for every client or customer and ensure that each of them walks away happy. But when you work in a service-based capacity, these aren’t just clients you deal with once. As a web designer, you have to develop a relationship with them as projects could last anywhere from a couple weeks to months, and you need that positive rapport and trust to carry you through the end of the job.

While this might seem simple enough to do—be nice, be polite, be professional—if you’ve worked in web design for long enough, you know that some client relationships just aren’t easy to navigate.

It’s tough. You know that the client has crossed a line, and you might even feel a little guilty if you enabled their bad behavior. But if you want your design business to succeed, it needs to stop.

This guide will cover ways in which you can effectively establish the right kind of relationships with your clients from the get-go.

How to Set Boundaries with Freelance Clients

Hopefully, the bad client scenario isn’t one you run into often. But rather than have to deal with each situation as it arises, I’d suggest creating a process now that ensures that boundaries are established right from the very start. It’ll help you avoid many of the negative consequences that can arise from these client conflicts, like:

  • You get burned out from always dealing with drama, conflict, or putting out fires.
  • Your reputation suffers as you’re unable to deliver 100% for other clients whose projects are compromised in order to cater to an unruly client.
  • Scope creep causes you to lose more and more money.

Here’s what this self-protective process should look like:

1. Read the Signs

You can tell a bad client from a good one before you ever sign them:

  • If they complain about the cost and “joke” about you working for free…
  • If they ask you to expedite the process without even talking about the scope of the project…
  • If they are unresponsive when you contact them…
  • If they promise to send you everything “later” and urge you to just get started…

You’d be better off walking away and spending that time finding a better client.

2. Get It in Writing

Document absolutely everything and require the client sign off before you begin any project work. This ensures that you have a clear process and guidelines which you expect the client and yourself to adhere to. The client’s signature acknowledges that they understand this and also serves as future leverage if or when they try to gaslight or dispute part of the project.

Here is what you will want to procure from the client:

  • An official freelancer contract which outlines project costs (including rush and cancellation fees), required payment milestones, numbers of revisions allowed, copyright ownership, and so on.
  • You should also clearly explain what you expect from the client. How quickly should they get back to you when feedback or materials are needed? What happens if they disappear for an extended period of time? All of this should be defined within the contract as should your cancellation policy.
  • A scope-of-work (SOW) which lays out the project plan in minute detail. This will cover things like project phases, corresponding deadlines, deliverables owed, etc.

Never do anything for free and never exceed the SOW. If you give some clients an inch, they’ll take a mile. And that’s just a really bad precedent to set.

3. Automate Payments

Set billing milestones and stick to them. The easiest way to do this is to program them into your accounting software and send them on the agreed-upon schedule. Then, don’t begin work again until you’ve received the required payments.

4. Set a Strict Schedule

As a freelancer, sometimes it’s easy to justify working at night and on the weekends, but that doesn’t mean your clients need to know you do. In fact, you should never let on that you work non-traditional hours because that opens up the door to communications during those time periods.

Instead, let them know you’re available during a traditional schedule. If they try to contact you outside of those times, don’t answer your phone, don’t reply to email, don’t look at the comment they uploaded to your designs. Just put it away and deal with it when work begins the next day. The same goes for you. Even if you work outside of those hours, be sure only to send communications when you’ve indicated you are available.

5. Centralize Communications

Ideally, you’ll have a task management software that enables you to invite clients to join the platform. Once you’ve introduced your clients to it, continually reinforce that you need all communications to go through it. For clients that like to backpedal or claim that something was never approved or agreed upon, having a centralized communication platform where everything is documented is incredibly helpful.

If you should need to call your clients, capture recordings of those calls and save them in the management software.

6. Give the Illusion of a Private Workspace

It’s none of your clients’ business if you work from home or a co-work space. That said, you should never allow those surrounding distractions to infiltrate your conversations with clients. When you have calls or video chats scheduled, go to a quiet and professional workspace to conduct them.

7. Keep Them in the Loop

While your contract and SOW should outline everything you’re going to do for your client, they can still get antsy while they wait to see what you’ve been working on. Rather than let your silence rile them up or stress them out, maintain regular contact to communicate progress.

8. Control the Feedback Loop

The key here is to be able to have an honest and constructive conversation with clients. Identify what it is they’re really trying to say. Don’t just accept “I don’t like it”. Also, don’t take it personally if they are unhappy with your work. Just listen to what they’re saying and try to better align the designs to what they need.

That said, sometimes the issue is that what they’re saying isn’t quite right. After all, these clients are probably executives and entrepreneurs who don’t know anything about design. The best way to communicate with them then is by using a mockup and prototyping software whereby you can share designs and allow them to mark them up directly with feedback.

9. Be Friendly… Enough

You need your clients to trust you if you want them to feel good about your designs, which means being nice to them. But that doesn’t mean being overly friendly. Some people may misinterpret your friendliness and think it’s okay to cross certain personal boundaries.

If that should happen, only give what’s absolutely necessary. They don’t need to know that you’re single or you’re going to school to be a mechanic or that you’ve had the worst day ever. Keep it light, keep it professional, and focus on the task at hand so you can get their job done as efficiently as possible.

10. Feel Confident Saying “No”

There may be times where your client keeps asking for more. No matter how seemingly small these additional requests may seem, it’s better to just say “no” and reiterate the additional scope of the project. If they really want the extra work, prepare an amended contract, require a signature, and then get to work.

And if it’s a case where you’re simply not comfortable working with the client anymore—perhaps they were abusive or repeatedly missed payment with the promise that they’re “good for it”—don’t be afraid to cancel the contract. You already defined the terms in your contract, so you knew this was a possibility. It’s better to cut the cord if it’s not working out between you two than allow your business to take any further damage.

Wrapping Up

Look, it sucks when a client gets out of hand, in whatever form their lack of boundaries takes. But you have to hold yourself accountable here. There’s no HR team to protect you in case they overstep a line and there’s no manager to swoop in and talk to a client if they’re running you ragged with reworks.

This is your business and your professional relationship, so you must control it. And, if you can’t, then you need to be willing to say “no” when you find a client relationship particularly harmful to your business.

Add Realistic Chalk and Sketch Lettering Effects with Sketch’it – only $5!

Source

from Webdesigner Depot https://www.webdesignerdepot.com/2018/03/are-your-lack-of-client-boundaries-costing-you-money/

Wednesday 28 March 2018

12 Fixed Sticky Navbars That’ll Grab Your Attention

Sticky menus, sliding navigations, fixed navbars…there’s quite a few names for this trend.

But they all mean the same thing: a navigation that follows you around the page while you scroll.

Not everyone likes this design style because it takes up extra space on the page. But it also gives users direct access to all nav links from anywhere on the page.

If you’re looking for sticky menus with eye appeal these examples are sure to get you excited. And if you’re looking for inspiration on your own project these are guaranteed to delight.

1. AscensiĆ³n Latorre

I don’t understand a word of French but luckily it’s not needed to appreciate this sticky navbar on the AscensiĆ³n Latorre website.

At the very top of the page you’ll see a full logo with text and the nav links. When scrolling down the text actually disappears and the navbar slides up.

This takes up far less space and it’s certainly ideal for graphics-heavy menus.

I’ve even seen this technique with logos that resize smaller on scroll too. This design just hides the text, but they could save even more room by resizing the pegasus graphic smaller.

2. Search Engine Journal

This has to be my favorite navbar effect just because I’ve never seen it on any other website. SEJ is a great blog and I think they know user experience design.

Quick note: you can only see this effect on the homepage. You’ll notice the navbar remains stickied on all pages but I’m specifically talking about the logo animation.

If you visit the homepage you’ll find the logo embedded directly in their “featured story” box, one major component in a great magazine-style website. But if you scroll down past that featured box you’ll catch a really cool animation.

The nav text shifts over to the right and the logo animates into view. This is such a cool design because it feels so dynamic.

Yes their sticky navigation is pretty cool. Nice dropdown menus, great colors, typography, etc. But that logo animation is one feature I’ll never forget.

3. AWD Agency

Moving onto the AWD Agency website, this is the first vertically-oriented nav in my list.

They do a great job of keeping that menu stickied along the side of the page without taking up much space. How?

With a hidden menu toggle, of course!

Just click the little icon towards the left-hand side to open the menu. Click it again to close it. This remains accessible for all users on all devices so it works on the largest desktop monitors and the smallest smartphones.

Very clean effect and a nice way to handle fixed vertical navigation.

4. Graz Secrets

I’ve never used the Graz Secrets iPhone app. But after using their website I’d like to think the app has just as much of a fantastic user experience.

The top navbar stays fixed and uses a small border to keep it distinguished from the page content.

One design style I really like is the center “download now” button.

It stays animated even while you scroll so it’s meant to grab attention. Plus it blends nicely into the navbar so it feels like one cohesive unit.

5. Grain & Mortar

Grain & Mortar has to be one of the cleanest agency website I’ve seen this past year.

So many layouts are cluttered with excess graphics, animations, or just designed to be “hip” yet come off as confusing. Not G&M. I could go on about all of their layout’s awesome features, but this post is about sticky navigations. And they have a sleek one.

The navbar doesn’t even appear until you scroll down past the header. A very cool effect and it can work well for websites that have large hero images in their headers.

6. Jorge Rigabert

The portfolio website of Jorge Rigabert is another example of a non-English design with excellent user experience.

Whenever I see a website that I can’t read, but I still understand how to navigate, it tells me the site was designed well.

On this page you’ll find a fixed vertical nav that scrolls with you along the page. Since it’s a single-page design the links highlight depending on which section you’re viewing.

That’s a pretty common effect for single page layouts but it’s handled very nicely on Jorge’s page.

7. Daniel Filler

One other portfolio I really like is Daniel Filler’s site.

This borrows the same element from Grain & Mortar where you see the fullsize hero image header at the top, but as you scroll down the navbar shifts into “view mode” with a clean semi-transparent background.

If you search the web you’ll find plenty of ways to recreate this style. And there are lots of tips out there on designing great hero headers too.

The nicest thing about Daniel’s header bar is the small form. It doesn’t take up much space but you still know it’s his website. Also the small upwards-facing arrow is a nice touch to bring visitors right back to the top of the page(especially on mobile).

8. Novotel Hotels

Of all the hotel websites I’ve studied, the sticky nav on Novotel Hotels is definitely unique.

As you scroll down the navbar follows, of course.

But once you hit the booking details bar you’ll notice that gets stickied too. Pretty cool!

I’m sure this design technique helps to increase leads and help users plan their trips a lot faster.

9. FHOKE

So the FHOKE agency has a pretty basic navigation.

It’s actually more like many smaller elements that follow you along the page, just kept near the top.

There is no background color on the navigation bar so the menu links blend seamlessly into the page. But they also change color as they pass over certain page elements.

This helps to increase contrast while still making the navigation accessible across the page.

10. Brit + Co

There’s a couple nice things about the Brit + Co sticky navigation menu.

Going beyond the design and dropdowns, I really like the auto-hide feature which saves a lot of space while reading content.

When you scroll down the menu automatically hides out of view. Then as you scroll back up it pops out to greet you once more.

The other nice thing is the search feature, it’s all controlled dynamically and it falls directly underneath the navigation.

A very simple effect yet certainly something that’ll grab your eye.

11. Coloud

Have a look at the Coloud website and scroll a bit on the page.

You’ll notice the top navigation does appear at the top, but it looks…different.

This navigation is minified so it takes up less space and it doesn’t even sport the company logo. Seems crazy but I think I get why.

People should know what site they’re on because the logo was at the very top when the page first loaded. Nobody is gonna forget the website just because they scroll down.

And the “scroll to top” link is probably more valuable than a logo anyways.

This seems like a technique that could do well on all sorts of ecommerce websites or lengthier blog posts.

12. Prollective

Last but certainly not least is a simple example of sticky navigation in action.

Check out Prollective and have a look in the top-right corner. Four links in a vertical column.

And that’s it! No scrolling logo, no search bar, nothing else to get in the way. If you have a small website with only a few pages this can work tremendously well.

This technique saves space by avoiding the top bar and it still gives visitors direct access to all links from everywhere on the site. It’s an effect that could do very well on minimalist projects.

Add Realistic Chalk and Sketch Lettering Effects with Sketch’it – only $5!

Source

from Webdesigner Depot https://www.webdesignerdepot.com/2018/03/12-fixed-sticky-navbars-thatll-grab-your-attention/

Monday 26 March 2018

How to Survive GDPR: The Essential Guide to the Web’s New Privacy Regulations

With less than 2 months before the General Data Protection Regulations (GDPR) come into force on the 25th May, tens of thousands of businesses are woefully underprepared, and many businesses outside of the EU do not realize that GDPR also applies to them.

Passed by the European Union (EU) to protect the privacy of Europeans’ data, the laws apply to anyone, from Pittsburgh to Pretoria, involved in the collection, storage, or handling of that data. The pan-European approach is designed to protect European data, but the global nature of the web means GDPR establishes the standard for data privacy worldwide.

The financial penalties of non-compliance are exceptionally steep: up to €20million, or 4% of global turnover (whichever is higher) per infraction. But GDPR should not be seen as an obstruction to business, rather a set of sorely-needed best practices for how we collect and handle data.

the global nature of the web means GDPR establishes the standard for data privacy worldwide

GDPR provides protection for an individual’s data, such as a name; it provides even greater protection for sensitive data, such as religion or politics. That might sound overly officious in a country where freedom of religion is constitutionally mandated, but there are numerous jurisdictions in which a person can be imprisoned, tortured, and executed, for holding the ‘wrong’ beliefs. Closer to home it is looking increasingly likely that the exploitation of Facebook data by firms including Cambridge Analytica was a determining factor in several shock election results; if GDPR had been introduced two years earlier there might be a woman in the Oval Office, and the UK might be continuing as an EU member state.

Whatever your motivation for GDPR-compliance, ensuring that your website meets these best practices is substantially simpler, and cheaper, than non-compliance.

The nature of GDPR means that different businesses are affected in different ways, there is no one-size-fits-all route to compliance. This article is not legal advice, and should not be construed as such. If in any doubt, consult your regulator, or a qualified legal practitioner in your jurisdiction.

What is GDPR?

The modern web runs on data, not just site generated content, but user information. It powers everything from social media posts to ecommerce charts. As web professionals we desperately need a comprehensive set of best practices that ensure that human beings aren’t swept aside by the advance of technology.

Those best practices are what GDPR gives us.

Part of the reason that GDPR-compliance appears burdensome to business is that we’ve previously been very lax when advocating for users’ privacy. Many of the current laws are a quarter of a century old. GDPR brings privacy laws into the 21st century. By ensuring that your site, SaaS, or app is GDPR-compliant you’re demonstrating that you take your users’ privacy seriously.

GDPR helps you establish trust with your users, and once your users trust you, they will be willing to divulge more data; strengthening the bond between your brand and your customers.

GDPR is an intelligently constructed set of regulations that make everyone’s data safer, create a happier, less paranoid web, and help lay the groundwork for future data handling.

What Data is Protected?

There are two main types of data that GDPR requires us to protect: personal, and sensitive.

Personal data is any data that relates to an identifiable person. Your name, email address, location, biometric data, online identifiers such as usernames, all qualify as personal data.

Sensitive data is anything that the EU judges to be more private than a name. Your ethic origin, religion, sexual preferences, politics, any criminal history, are all considered sensitive data. Sensitive data is more protected under GDPR and the penalties for failing to protect it are much higher.

What’s not yet clear, is when personal data becomes sensitive data. That decision is likely to be made by the regulators on a case-by-case basis. For example, an email address is personal data, but if your email address is “hilaryfan65915795@…” then it’s possible to infer your politics, which upgrades it to sensitive data.

GDPR makes provisions for data that can be inferred or collated from different sources. If a malicious entity can use the data you hold, such as an IP address, to link sensitive data held on another site to a particular individual, then you have contributed to compromising that user’s sensitive data, even if you do not hold the sensitive data yourself.

The best practice is to never ask for more data than you require—the less data you hold, the less there is to lose.

User Rights Under GDPR

GDPR prioritizes the rights of data owners. In any situation that you are considering requesting user data, first ask yourself: how will this affect the rights of the owner?

GDPR specifies the following formal rights that data owners have:

  1. The right to be informed;
  2. The right to access;
  3. The right to corrections;
  4. The right to delete data;
  5. The right to limit processing;
  6. The right to data portability;
  7. The right to object;
  8. The right not to be subjected to automated decision-making.

However, data collectors also have rights. For example, imagine a user has subscribed to your newsletter. Later, that user decides they no longer wish to receive the newsletter and unsubscribes. You must, without exception, permanently erase that user’s email address. However, if when the user subscribed you recorded their IP address to verify their consent (as you should), you are entitled to retain that data to demonstrate your business’ GDPR-compliance.

To Whom Does GDPR Apply?

GDPR applies to data that is collected, processed, and/or stored in Europe, regardless of where the data is gathered. If you have a newsletter, and a single European subscribes to it, then GDPR applies to you.

If you are transferring personal data outside of the EU…then you must obtain explicit consent to do so

One significant complication of GDPR is that it prohibits transferring data outside of the EU to any country that the EU does not deem to have adequate data protection laws. At the time of writing, several countries including Argentina and New Zealand meet this standard; the United States and Canada are deemed to have partially adequate privacy laws. If you are transferring personal data outside of the EU for processing, or storage, then you must obtain explicit consent to do so from the user who owns the data.

Given the multi-jurisdictional nature of the web, and technology like CDNs, it is wise to assume that at some point in time, data you collect and store, will be transferred outside of the EU and its approved countries. Therefore whatever other permissions you ask from your users, it is advisable to always obtain permission to hold their data outside of the EU.

Practical Steps to GDPR Compliance

It’s important to understand that it is not the EU regulator’s responsibility to prove your non-compliance—they do not have to catch you red-handed. It is your legal duty to prove that you are compliant, and failing to do so is in itself non-compliance.

(The simplest way to demonstrate GDPR compliance is to meet the ISO 27001 standard. However, meeting that standard involves a far higher level of security than most small businesses will be able to meet.)

Adopting Privacy By Design

The fundamentals of GDPR are defined by the Privacy By Design (PBD) approach. PBD takes the attitude that privacy is not ensured by legal compliance, but rather must be adopted as an organization’s default approach.

PBD was first proposed by the Information and Privacy Commissioner of Ontario, Dr Ann Cavoukian over twenty years ago. In 2010 the International Data Protection and Privacy Commissioners voted unanimously to recognize PBD as an essential component of privacy policy. In 2012 the US Federal Trade Commission recognized PBD as a recommended practice.

PBD holds that privacy, once lost, cannot be regained, and therefore threats to privacy must be anticipated and prevented. PBD is defined by seven principles:

  1. Be proactive—PBD is preventative, not remedial. In short, it’s pointless locking the stable door once the horse has bolted.
  2. Privacy by default—a user should not have to take any action to ensure privacy. If a user does nothing, then their data is treated as private.
  3. Embed privacy in design—privacy isn’t added to a system as an afterthought, it is an integral component of any product or system.
  4. Privacy doesn’t limit functionality—PBD rejects the idea that any legitimate use of data needs to compromise privacy.
  5. Full life privacy—PBD covers the entire lifecycle of a piece of data, from the point it is collected, during its storage, and until it is destroyed permanently.
  6. Transparent privacy—privacy standards are fully transparent, so anyone using the product or system clearly understands how their data is protected.
  7. Privacy is user-centric—PBD is about respecting the privacy of the individual, the owner of the data should be the first priority.

One of the core concepts of GDPR is that not only should PBD be implemented, but that you fully document your PBD process. If you’re unlucky enough to have to report a data breach to your regulator, the documentation of your PBD approach is the basis for the regulator’s investigation, and its decision regarding your culpability. A substantial portion of that documentation is your Privacy Impact Assessment.

Writing a Privacy Impact Assessment

A core component of PBD, and a requirement of GDPR compliance is a Privacy Impact Assessment (PIA).

Any digital product should have a PIA. Ideally the PIA is a living document that grows as a product is devised (in accordance with the third principle of PBD), but you can write them retrospectively for existing products.

The purpose of the PIA is to document the threats to privacy in your system, and the steps you have taken to combat them. It is essentially a personalized checklist of privacy issues and can be seen as a roadmap for protecting your users’ privacy.

There’s no standard checklist for a PIA, because each project is unique, but there are some recommended practices you can follow. Don’t be afraid to add extra detail if your project warrants it.

  1. Identify the need for a PIA—why are you writing a PIA? Describe the scope of your project. Describe what data is likely to be required. Describe how sensitive you expect that data to be.
  2. Document the expected data flows—how will users disclose data, how will it be transmitted and stored, will it be processed and if so how? Identify anyone who will be using the data, including management and developers. Speculate on future uses for the data, what might it possibly be used for in future? How long will the data be stored? How can the user modify or remove their data?
  3. Document consent processes—how will you record the user’s consent? How will you verify consent? If consent is not expressly given, is there a legally justifiable basis for collecting the data?
  4. Identify risks—what is the risk to individuals from the data? Is any unnecessary data collected? Is the data backed up, do the backups have the same level of security? Who has access to the data, what about interns, what about third-parties? What if the data is lost, modified, disclosed, misused? Assess any risks including legal complications and loss of reputation.
  5. Identify solutions—devise ways to reduce, and if possible eliminate, privacy risks. Assess the cost of solutions in terms of time and investment. How do the solutions impact user privacy, and the project? Are there proper procedures in place to handle a data breach? Are there proper procedures in place to comply with legal processes such as a court order to disclose information?
  6. Document the solutions’ integration in the project—ensure that solutions identified are built into the project. Update the PIA to reflect any technical changes this required.

Continue to build on and expand the PIA throughout the life of your product.

As per principle four of PBD, privacy protection will not compromise any legitimate use of user data. If through the development of the PIA an unacceptable, or unsolvable risk to privacy emerges, then you should question the viability of the project.

Appointing a Data Protection Officer

Large organizations, and any processing certain types of data (banks for example) are required to appoint a Data Protection Officer (DPO) whose role is to ensure that the organization is GDPR compliant. Smaller companies are exempt from appointing a formal DPO. For example, if you run a restaurant, you do not normally need to appoint a formal DPO, however, if you run a delivery business from that restaurant, and you keep on file sensitive data such as allergies (which constitutes medical data) or dietry preferences (especially if those preferences are religious) you will almost certainly require a DPO.

Different member states in the EU describe the requirements for a DPO differently, so it is wise to check.

Regardless of the legal requirement it is always advisable to have a single point of contact who can coordinate privacy efforts across your organization.

GDPR is All About Consent

It seems extraordinary to have to say this in 2018, but a lack of a ‘no’ does not mean ‘yes’. As per principle 2 of PBD, the desire for privacy should be assumed by default.

As per principle 4 of PBD, you cannot say that a user may only use the system if they consent to compromise their right to privacy. Users are entitled to consent, but they are also entitled to not consent.

Never trick users into consent. Those woeful double, triple, and quadruple negative lines of microcopy designed to confuse users into checking one box and unchecking another, are not acceptable under GDPR; users must understand exactly what they’re being asked to disclose, why they’re being asked to disclose it, how it will be secured, and how they can consent (or not).

Under GDPR, consent is carefully defined to ensure that users’ rights are protected:

  1. Consent should be explicit, verifiable, and freely given—you cannot trick or pressure a user to consent. A pre-ticked checkbox does not constitute consent.
  2. Consent must be requested in plain language—you must have reasonable grounds to believe that your users will understand the consent they are being asked to give.
  3. Consent for digital services from a child under 16 requires parental consent—some EU states will reduce this to 13, but err on the side of caution. Note that if you are gaining consent from children the request for consent must be written in language both the child, and their guardian understand.
  4. Consent must be granular—users may be willing for you to retain and use their data, but not be willing for you to pass it on to third-parties. Never require blanket permissions.
  5. You cannot employ the classic “By visiting this site you agree…” text.

If the consent that you obtain from your users fails any of these requirements, then it will be deemed that you do not have consent, regardless of your users’ intentions.

Writing a Public Privacy Statement

Most websites include a general privacy statement, but GDPR compliance requires a much more specific privacy statement than one that you may have published previously.

In order to comply with principles 6 and 7 of PBD, your site, app, or service must have a Public Privacy Statement (PPS) that is written in plain-language that you can reasonably expect your users to understand.

Your PPS should include the following information:

  1. What data you are collecting—Ensure you include all of the data you’re collecting, not just the obvious; include IP addresses, timezones, default languages, everything.
  2. Why you are collecting that data—For each piece of data, explain why you are collecting it, and why you consider collecting it to be both reasonable and necessary.
  3. What data is required—List any data that is required, either contractually or practically. For example, if the user’s email address is required in place of a username, then say so.
  4. Which third-parties are you sharing data with—Under GDPR you cannot post a general statement about sharing with third parties, you must specify which third-parties, and what data is shared with each third-party, and for what purpose.
  5. Where else you are getting data from—if you’re collating data from elsewhere, what are you importing, where from, and how are you using it?
  6. How long you will hold the data—be specific about how long the data will exist on your system. Will you remove the data as soon as the user ceases to be a customer? If you intend to hold the data indefinitely, say so.
  7. How the user can invoke their rights—explain how the user can discover what data you hold, and how the user can request the data be updated or removed.

It’s common to provide reassurances such as “We will not share your data with any third party,” but that is untrue for most companies. Whether it be analytics, or third-party hosting, we share an extraordinary amount of data on behalf of our users, GDPR requires us to take responsibility for it. Don’t make promises you can’t keep.

What GDPR Means for Web Designers

There are numerous small ways in which we can improve GDPR-compliance, without radically altering our sites. In many cases, it is simply a change in mindset.

  1. Introduce just-in-time notices. This is the habit of telling users about the data you’re collecting, at the point of collection. For example, beneath your newsletter subscription field, explain that you’re collecting their email address to send marketing material and you’ll also record their IP address to verify their consent. This ensures that, in keeping with principle 6 of PBD, users are aware of what data you hold, for what purpose and don’t have to go hunting for a privacy policy. (Always include a link to a full public privacy statement in case the user wants more information.)
  2. In order to comply with principle 2 of PBD, when gathering consent, checkboxes must not be pre-selected.
  3. Reduce the data you are recording. For example, location data is often recorded with greater precision than required. If you need to know the state someone is located in, it does not follow that you need to know the city, or the suburb. If you’re collecting longitude and latitude data, truncate a few digits before recording it.
  4. When you record user data, ensure that you record the manner in which consent was given, the date and time. Include the option to mark the consent as rescinded, in case you need to remove the data in future.
  5. Pseudonymize data where possible by replacing identifiable data such as a name, or email address, with an anonymous ID.
  6. Compartmentalize data where possible, so that personal data such as application preferences, are not stored alongside security data such as usernames and passwords.
  7. It’s been standard practice for some years to rely on an email address as a username. Think carefully about whether this design pattern makes sense for your users. It will certainly simplify your login, but it also exposes private data to potential disclosure or misuse.
  8. Ensure that no part of your UI displays personal data. If your UI indicates someone is logged in with a welcome message, then use the least sensitive data you can. For example, an avatar of the user is less sensitive than their name, which is less sensitive than their email address. Assume that someone is reading the user’s screen over their shoulder, without their knowledge; what data are you giving away that you don’t need to?
  9. Could a malicious user compromise data by triggering an error? For example, if a user enters email addresses in a “Forgot Email” form, will the form confirm that the password reminder has been sent (and by inference confirm that the user has an account)?
  10. UX is all about research. If you’re conducting research into your users, how are you storing that data? Is the data sensitive? Are you profiling them?

First Steps to GDPR Compliance

The first step in GDPR compliance for small to medium businesses is to ensure that all stakeholders are aware of, and engaged with the process; it is far easier to implement procedural changes when you have management buy-in.

The next step is to establish which member state is your regulator. If you’re operating within the EU, this will normally be the member state in which your HQ is located. If you’re in the UK, then GDPR applies to you as an EU regulation up until the end of the Brexit transition period in December 2020, after which the UK government expects to enshrine GDPR in British law—at the time of writing it is unclear whether the UK regulator will continue as a member state regulator after March 2019. If you’re operating outside of the EU then it makes sense to select a member state that speaks the same language as you, for English-speaking countries the obvious choice would be Ireland.

Next, carry out a full audit of the data that you currently hold. Where did it come from? Is it current? Who do you share it with? Is it necessary? Is it safe? If you can’t answer all of these questions to all of your stakeholders’ satisfaction (or your DPO if you’ve appointed one), then delete the data.

Do your house-keeping. If a user hasn’t logged into your site since 1997, it’s a fair bet they’re no longer a customer, and the data you hold for them is neither necessary, nor current. Send them a polite email asking if they’d like their account to remain open, if you don’t hear back, then close the account for them and delete their data.

Speak to any third-party you share data with and ensure that they are aware of, and committed to meeting the 25th May 2018 deadline. Large companies, including Google and Twitter, and more niche companies like MailChimp and Intercom, are all committed to GDPR compliance.

it’s a common misconception that GDPR means wiping your mailing list and asking people to resubscribe

Check your mailing list—it’s a common misconception that GDPR means wiping your mailing list and asking people to resubscribe. This is not necessarily the case—if you’ve been building it ethically it may already be compliant; if you have explicit consent to retain an email address for everything you use it for (such as marketing) the user’s consent was opt-in and not assumed, you have a timestamp recording the time of the consent, the email address was not required as part of a transaction (as payment for a ‘free’ PDF for example), and there is a mechanism to withdraw consent, then you may be legitimately able to keep that address in your database. Some companies will find that it is less onerous to wipe their mailing list and start again, even if they could demonstrate proper consent.

Lastly check with whomever hosts your site to ensure that their infrastructure is suitably secure for storing your users’ data.

Conclusion

GDPR is a long-overdue set of best practices for privacy in business, and particularly on the web. It instructs us to treat our users’ data with the same care and respect we treat our own.

The penalties for non-compliance with GDPR are tiered. Tier one is €10m, or 2% of global turnover (whichever is higher); Tier two is €20m, or 4% of global turnover (whichever is higher). These penalties will depend on factors such as whether you have attempted to comply, whether you have taken action to mitigate any data loss, and the types of data involved. In addition, GDPR gives individuals the right to be compensated for any material and/or non-material breach of GDPR.

Although this might seem draconian, the severe penalties facilitate our role as advocates for our users. It is far easier to get management buy-in with the threat of financial penalties.

GDPR-compliance is about protecting your users; become their advocate, fight for their privacy, enshrine their rights in every product you build. It will result in better products, loyal users, and a more trusting—and trustworthy—web.

Add Realistic Chalk and Sketch Lettering Effects with Sketch’it – only $5!

Source

from Webdesigner Depot https://www.webdesignerdepot.com/2018/03/how-to-survive-gdpr-the-essential-guide-to-the-webs-new-privacy-regulations/

Sunday 25 March 2018

Popular Design News of the Week: March 19, 2018 – March 25, 2018

Every week users submit a lot of interesting stuff on our sister site Webdesigner News, highlighting great content from around the web that can be of interest to web designers. 

The best way to keep track of all the great stories and news being posted is simply to check out the Webdesigner News site, however, in case you missed some here’s a quick and useful compilation of the most popular designer news that we curated from the past week.

Note that this is only a very small selection of the links that were posted, so don’t miss out and subscribe to our newsletter and follow the site daily for all the news.

Caramella – A Clean, Modern Blogging Platform Without the Fuss

 

CSS: The Bad Bits (and How to Avoid Them)

 

Atom 1.25

 

Timeline for Sketch is Now Available

 

29+ Excellent Free Sans Serif Fonts for Commercial Use

 

InVision Studio: A Cautionary Tale

 

Lunacy: Sketch for Windows

 

Vue Design System

 

I Am a Mediocre Developer

 

UI/UX Case Study for the New York Times App

 

Webflow Ecommerce

 

How to Use Handwritten Typography in Website Design

 

Observable – A Better Way to Code

 

Design a Responsive Site with Em-based Sizing

 

Writing Perfect Web Design Proposals, Every Time

 

Meet “Themer” – Editable Website Templates in Browser—no Coding Required

 

Utterly Horrifying: Ex-Facebook Insider Says Covert Data Harvesting was Routine

 

Introducing the Design Genome Project by InVision

 

6 Ways to Drive Traffic from Facebook to your Website

 

Collaboration and Design Skills Survey

 

LinkedIn Reimagined

 

History of the NASA Logo Design

 

The Eight Principles of Purpose-Driven Design

 

The Spectrum of Design Roles in 2018

 

UX Testing for the Masses

 

Want more? No problem! Keep track of top design news from around the web with Webdesigner News.

Add Realistic Chalk and Sketch Lettering Effects with Sketch’it – only $5!

Source

from Webdesigner Depot https://www.webdesignerdepot.com/2018/03/popular-design-news-of-the-week-march-19-2018-march-25-2018/