Tuesday, July 4, 2017

Is Freelancing Your Next UX Career Move?

I’ve been working in for UX for about a decade and freelanced on and off for about five years. Last year, I started consulting full time again, abandoning the 9-5 life and making my main source of employment a series of projects from different clients.

Since then, I’ve had countless conversations with other UX professionals who are considering moving to freelancing as their next career step.

They usually say they’re looking for freedom, more money, the ability to work on more interesting problems or learn new things – or even just the chance to work in their pyjamas regularly. Since I started consulting, I’ve expanded my focus into more strategy and product work across a wide variety of industries, and have met all kinds of interesting, smart colleagues.

While I wouldn’t change a thing about my situation, I’m always cautious about encouraging others to jump into the freelance world, because it’s definitely not for everyone. Here are some things I’ve learned along the way to consider before you quit your day job.

Freelancing pros and cons

Yes, it’s true that I spend most days in yoga pants, travel frequently, and work on some pretty cool projects. But consulting isn’t all sunshine and rainbows. There are many things that are great about consulting, some things that aren’t so great, and some things that just depend on the day.

Freelancing pro: setting up your own home office. Photo by Vadim Sherbakov on Unsplash.

 

Schedule: One of the things I love most about consulting is being in total control of my schedule. There’s no expectation that I’m at my desk from 9 am to 5 pm. Sometimes I get in a zone and finish an entire report in one very long day and take the next morning off to let ideas percolate. Of course I have meetings and deadlines, but I can usually finagle things to work well for my clients and myself.

On the flip side, juggling your schedule can be difficult. I’m quite disciplined about getting things done, but I’ve never quite figured out a way to create a consistent schedule. Sometimes I’ve had priority work on different projects collide at the same time or I’ve said yes to a few too many things and ended up working crazy hours to get everything done. Such is a consultant’s life.

Money: I absolutely find that I make more money freelancing than when I worked in-house, even in leadership roles. I’m still experimenting with how I bill, but I tend to use value-based pricing for entire projects rather than charge hourly. I often ask clients to pay me 50% of the total upfront and the rest upon project completion, which can make managing money tricky, especially when you’re used to a consistent paycheck.

You also have to know that you’ll never be able to collect money as though you’re billing 40 hours a week, every week. You have to account for supplies, tool costs, benefits, and set aside time for administrative tasks like sending invoices, business development, and, of course, downtime. No one gives you sick time or vacation days when you freelance.

Inevitably, I’ve also run into time periods where I don’t have anything billable booked. An open schedule can be scary, so I use this time to do things like reach out to colleagues or potential clients, write articles, research new tools, try to learn something new, or catch up on administrative work. One of the benefits of this downtime is the space to learn, exploring the vast array of available online courses or just experimenting with a new method or tool.

Work environment: I mostly work from home, which means I wear what I like, can pet my dog throughout the day, don’t contend with traffic, and for better or worse, have all day access to my kitchen. All great, but it also means that sometimes the only person I see in the flesh each day is my husband.

I have to make an extra concerted effort to hang out with colleagues, so I’ve become more active in my local meetups and groups (shout out to Ladies that UX Durham – love yall!) I also found I need to be more social during the week, even if that means going to a fitness class instead of biking solo or talking on the phone while I shop.

What services will you provide?

I’ve been focused on research and strategy for most of my career. I won’t rehash the “Should I be a unicorn?” or “Do designers need to code?” debates, but I’ll admit that when I first starting freelancing, I was worried I wasn’t going to be able to find enough work without doing visual work. Turns out, I was totally wrong. Phew!

Don’t worry, you don’t need to be a unicorn to be a freelance UXer.

You absolutely don’t need to be a unicorn or try to tackle projects that aren’t your speciality. But it helps to have a broad set of experience and at least one area of deep expertise you can market and use to define your services. You can match what you’re good at and what you like to define the kind of projects you target, the projects you’re OK with taking, and what you will certainly turn down.

Clearly defining your services and interests are important because it tells other people what to turn to you for. if I know someone has great interaction design skills and tonnes of experience with financial products, I’ll suggest them anytime I see a project like that. If someone tells me they’ll do anything that comes their way, they probably won’t come to mind for any projects I know about.

How will you find clients?

This is a question that I get asked time after time, and the answer is incredibly simple in concept but hard in practice: treat your clients and colleagues as you would users and provide them with a good experience working with you.

More specifically, you have to do good work and other people have to be willing to talk about it. This can either mean that your clients are pleased with your work and will re-hire you or tell other potential clients, or that your peers in UX like your work and can refer you when they need help or can’t take something on. It really is true that a huge amount of success in consulting is based on networking and who you know, but that only works to your advantage if the people you know have had a good experience working with you. Right now, every single one of my clients is someone I’ve previously worked with or have gotten a good reference.

This is where, once again, it helps to have a clearly defined, slightly unique set of skills or interests. There are tonnes of researchers and tonnes of designers, but if you’re known as a researcher who loves qualitative work and medical products, people will think of you whenever they come across that kind of project. Just be sure that you don’t define yourself too narrowly.

You can also use job boards to identify potential projects or try recruiting agencies, but I haven’t found either as fruitful as having my name passed on from a previous contact. More on finding freelance UX work here.

Are you really suited for all that?

Even if all the potential pros sound amazing to you and you have the skills and network to pull off freelancing, take a moment to reflect on your personality and soft skills.

Are you detailed, organised, and willing to juggle many different client requests and manage your own schedule? Are you a natural risk-taker who can cope well with slow periods or lack of viable work? Are you assertive enough to negotiate terms for yourself? Do you mind working by yourself a lot?

There’s a lot to think about before leaving the security of a full-time job. I love freelancing, but it’s worth carefully considering the pros and cons and your skillset and personality before taking the leap. Best wishes for whichever path you choose! 

Do you have experience or tips on freelancing for UX professionals? Leave a comment on the blog or in the forums! 

The post Is Freelancing Your Next UX Career Move? appeared first on UX Mastery.


by Amanda Stockwell via UX Mastery

Monday, July 3, 2017

The Feebles

New website for the France-based design studio The Feebles
by via Awwwards - Sites of the day

14 Microsoft Programs You're Not Using But Should (infographic)

Why is Microsoft so shy? While other operating systems make a big song and dance about the additional software they come with, many people can last the whole lifetime of a Windows version without realizing the extent of the software inside. Never has this been truer than with Windows 10, the...

[ This is a content summary only. Visit our website http://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Irfan Ahmad via Digital Information World

How Writers & Bloggers Can Make the Most of Markdown in WordPress

This article is part of a series created in partnership with SiteGround. Thank you for supporting the partners who make SitePoint possible.

Markdown is a quick and easy way to add formatting to a document. Most articles on SitePoint (including this one) started life that way. In fact, all submissions must be posted in Markdown format. Why is that?

Consider using Markdown for your own blog or website. You’ve organised some hosting—perhaps through SiteGround, our preferred web host—and installed WordPress. Now you have the task of filling your blog with quality content. Markdown promises to make the process faster and simpler.

I use Markdown a lot, and that use is increasing. There’s something about it that I enjoy, that makes writing easier and faster. I write in it professionally using Ulysses, take notes in it using Bear, and I’m even considering outlining in it using Outlinely. It’s becoming a big part of my online life, and I’m not alone.

What benefits does Markdown bring to writers and bloggers? How can it improve your writing workflow? What does it have to do with WordPress? Read on to find out.

What Is Markdown?

Markdown is not new. It was created by John Gruber way back in 2004. Since then it has really caught on—it’s key feature of many new apps, and is used by default on Reddit, GitHub, StackOverflow and a number of CMSs.

It’s a format for writing for the web. In fact, at its foundation, Markdown is a faster, cleaner way to create HTML. Well, not all of HTML, but the subset of it commonly used when writing posts and articles.

Gruber introduces the concept with these words:

Markdown is a text-to-HTML conversion tool for web writers. Markdown allows you to write using an easy-to-read, easy-to-write plain text format, then convert it to structurally valid XHTML (or HTML).

Rather than using complex (and ugly, hard-to-read) markup language, Markdown uses punctuation characters, with the goal of making writing (and reading) easier.

Here are a few examples, and you can learn more from John Gruber’s Syntax page.


# This is a H1 header


## This is a H2 header


### This is a H3 header


This is *emphasized text* and this is **strong text**.


- This is a line from an unordered list.


1. This is a line from an ordered list.


> This is a blockquote.

Further reading:

How Can Markdown Benefit Writers and Bloggers?

It's good for writers. It's good for editors. It really can make a positive difference to your online writing. Here’s how.

Markdown makes writing for the web faster.

Here’s one thing that writers love: When you write in Markdown you don’t have to move fingers off the keyboard to add formatting. Everything you need is right under your fingers, and they can just keep on flying.

It requires less keystrokes than HTML, and is easier to learn than HTML. And because it’s simpler, there’s less to break—you won’t have missing closing tags or improperly formed HTML. All of those are good things. Your writing will be faster and less distracted.

Markdown makes reading content easier.

Easy-to-read content is great for writers and editors alike. I edited HTML articles for years. The content can get lost in the code, but you do sort of get used to it.

Markdown is much better. In fact, that’s it’s purpose—it’s primarily designed to make reading formatted web documents easier.

John Gruber explains:

Markdown is intended to be as easy-to-read and easy-to-write as is feasible. Readability, however, is emphasized above all else… To this end, Markdown’s syntax is comprised entirely of punctuation characters, which punctuation characters have been carefully chosen so as to look like what they mean. E.g., asterisks around a word actually look like *emphasis*. Markdown lists look like, well, lists. Even blockquotes look like quoted passages of text, assuming you’ve ever used email.

Compare the HTML and Markdown below to see what I mean.

<h2>This Is a Second-Level Heading</h2>

<p>Here is a paragraph with <strong>bold</strong> and <em>italic</em> text.</p>

<p>And here is an ordered list:</p>

<ol>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
</ol>
##This Is a Second-Level Heading


Here is a paragraph with **bold** and *italic* text.


And here is an ordered list:

1. First item 2. Second item 3. Third item

Markdown improves the writing workflow.

Writers should separate form and content. In other words, you shouldn’t be concerned about the final appearance of your content while you’re still crunching out words. One thing at a time is best practice.

Markdown’s simple syntax really helps with this. Lists, block quotes and emphasis almost write themselves, and you don’t get distracted from the task at hand.

Markdown allows you to use plain text, the most flexible file format that exists. And you can choose from a wide variety of writing software, and Markdown’s simplicity allows all sorts of automation and scripting opportunities.

Markdown is portable and future-proof.

When you write in Markdown, your documents are automatically cross-platform. You can copy from one app and paste into another regardless of the operating system or platform. There is no lock in, and you can convert Markdown to just about any format you like.

And it’s future-proof. Unlike your Word or Pages document, you’ll probably be able to open plain text in a decade or a century. It’s not a proprietary file format that will be discontinued or updated until it’s unrecognisable.

Continue reading %How Writers & Bloggers Can Make the Most of Markdown in WordPress%


by Adrian Try via SitePoint

Web Design Weekly #285

Headlines

How we built Uber’s high performance web app

In this article Angus Croll describes how his team built m.uber and shares the challenges of implementing the native app experience in a super-lightweight web app. (eng.uber.com)

A day without Javascript (sonniesedge.co.uk)

Articles

Maintainable project structure for React/Redux

Matteo Mazzarolo shares some information on his journey to achieving a comfortable Redux project structure. (hackernoon.com)

Styled-Components in Action

In this article Varayut Lerdkanlayanawat walks you through the main concepts of Styled-Components along with some nice coding examples. (medium.com)

Keyboard-Only Focus

Roman Komarov explains how we can go about mak­ing our el­e­ments that have a dis­tinct bright fo­cus state and also look good when users use a mouse, a track­pad etc. (kizu.ru)

My History with Web Development (alexkras.com)

Tools / Resources

Bootstrap to CSS Grid

Natalya Shelburne shares some awesome tips about using CSS Grid today if you happen to work with a biggish team, on an older project, or are faced with some real-world constraints. (medium.com)

Visuals are processed 60K times faster in the brain than text. Find the perfect visuals for your project at iStock.

Easily search millions of powerful images and video clips at iStock and ensure your project truly stands out. Until July 6th new customers can save 15% with code KZKPC46N. Make an impact without breaking the bank. (istockphoto.com)

Write more readable & maintainable components

In this Front End Center episode Glen Maddern looks at how one idea from Object-Oriented — The Single Responsibility Principle can help design and extract more readable, reusable and maintainable React components. Must watch. (youtube.com)

Lightcrawler

Crawl a website and run it through Google lighthouse (npmjs.com)

Frontend Patterns

A good resource. Discover solutions to common design/UX problems. (gov.uk)

Code Daily

Nice tutorials, screencasts, guided courses, and full app rebuilds. (codedaily.io)

The Developer’s Edition of HTML makes a comeback (blog.whatwg.org)

TypeScript 2.4 released (microsoft.com)

Inspiration

Suggestive Drawing Among Human and Artificial Intelligences(nono.ma)

Etsy Lessons (larahogan.me)

Jobs

API/Backend Engineer at ShiftLeft

We are looking for a talented API engineer who can help us continue to grow our front-end services comprised of Go, GraphQL, and React. (shiftleft.io)

Senior Interaction Designer at VMware

VMware’s End User Computing User Experience Team is looking for a talented senior interaction designer to join our team and help us create the next generation of products for our organization. We have lofty plans so you must be up for a challenge! (vmware.com)

Need to find passionate developers or designers? Why not advertise in the next newsletter

Last but not least…

An important thread discussing the downsides to open source (twitter.com)

The post Web Design Weekly #285 appeared first on Web Design Weekly.


by Jake Bresnehan via Web Design Weekly

4 Simple Ways to Add Audio to Your WordPress Site

This article is part of a series created in partnership with SiteGround. Thank you for supporting the partners who make SitePoint possible.

Do you have audio files you want to share with your audience? Facebook won’t let you… unless you resort to frustrating trickery like sharing an audio file in Dropbox or converting it to video. But if you’re hosting your own WordPress website, nothing could be easier.

If the mention of adding audio to websites gives you pause, let me explain. I’m not talking about adding cheesy background music to an animated-GIF-laden GeoCities site.

Though it’s not a good idea to add music to your site just for the sake of it, there are some good and valid reasons to include audio in your website. Here are a few:

  • A musician sharing samples of her music.
  • A podcaster making his shows available.
  • Schools, churches and event websites allowing visitors to listen to seminars, sermons or keynotes.
  • Teachers, trainers and educators including audio examples in their online lessons.
  • Bloggers adding bonus content to their site, for example, interviews.

You may not realise this, but WordPress is capable of handling audio files by default. It’s not hard—if you know how to insert an image in the post, you won’t have any problems inserting audio.

Before HTML5 there was no standard way of playing audio on a web page. Flash was widely used. It wasn’t pretty. WordPress uses HTML5 to embed audio, so it’s compatible with most browsers and devices, including mobile devices.

There are other ways to include audio in your site. These include embeddable players by third parties (including audio library sites), and WordPress plugins. These give the benefit of additional features, and the ability to use audio from library sites.

Of course, only use audio files you can legally use. This would include audio you created yourself, audio you have licensed from others, and royalty free audio. The sample audio used in this article comes from YouTube’s Audio Library of free music.

1. Use the WordPress Audio Player

The easiest way to add audio to your website is with WordPress’ native audio player. Unless you have specific needs, there’s little reason to look elsewhere.

You can add .mp3, .m4a, .ogg, or .wav files to your WordPress media library. From there you can insert it into your post, along with an optional caption.

Here’s how:

  1. Click the Add Media button.
  2. Drag your audio file onto the library, or click the Upload Files then Select Files to add your audio content to the Media Library.
  3. At the right on the screen, fill in the relevant metadata for the audio file, including title, artist, album, caption and description.
  4. Make sure the Embed Media Player option is selected to allow your readers to play the audio file from your post.
  5. Click Insert into Post.

Here is a screenshot of the Media Player after some audio files have been added. You can fill in the relevant metadata for the file in the panel on the right.

And now a text view of a post after an image has been added (see the second paragraph). The screenshot also demonstrates a few other ways to add code for the audio player manually.

And this is what the post looks like when previewing, or after it is published. A mini player is displayed for the audio file. Note that the player looks the same for all three methods.

Live Example

Try clicking on the audio file below to hear it play.

[audio mp3="http://ift.tt/2tFCW09"][/audio]

You don’t have to store audio files in your WordPress Media Player. Storing them on another server will take the load off your web hosting, saving you storage space, system resources and bandwidth. In that case, use the same audio shortcode, but with the correct URL for the audio file.

The audio file can be looped or autoplayed by adding some options to the code (see the Audio Shortcode page on WordPress.org). To change the color of the media player, you need to use custom CSS like this:

.music-player .wp-playlist-light,
.music-player .wp-playlist-light .wp-playlist-playing {
    background: #999;
    border-color: #999;

Alternatively, if additional functionality or customizing the appearance of the media player is important to you, check out the plugins below.

Continue reading %4 Simple Ways to Add Audio to Your WordPress Site%


by Adrian Try via SitePoint

a-table.js – Simple Table UI for Generating Table Html

a-table.js is a simple table UI for generating table html. It's free to use (MIT license) and supports IE 9 ~, Safari, Chrome, Firefox.


by via jQuery-Plugins.net RSS Feed