The potential of personal projects

The power of personal projectsPersonal projects allow us the freedom to work on whatever we want, to experiment or to try something new. With no client demands and no set deadlines, the direction and final outcome is entirely down to you. In essence, personal projects give you the opportunity to do exactly the sort of work that you want to be doing. It can even lead to opportunities to do that sort of work on a professional level.

The tools available today make it easier than ever to share work online and thanks to social media your project could potentially reach thousands if not millions of people. The wonderful thing about that is that you just don’t know who will see it, whether it’s the Creative Director at an agency or the Founder of a start-up, and there’s no telling what opportunities could arise from it.

The stories below are prime examples of what can happen when you share your personal projects online:

James White’s experimental illustrations

After spending a year trying to break into the world of movie poster design, James White of Signalnoise was feeling frustrated. His latest project had been squashed at the last minute, which understandably put him in a bit of a funk. James worked his way out of it by experimenting with new illustration techniques and working on a series of self-initiated illustrations, which he shared via Instagram and Twitter. Amidst all of this he got a call from Canon Canada who hired him to develop a series of camera illustrations in celebration of their 40th anniversary.

The potential of personal projects

 

Fred Nerby’s redesign of Facebook

Fred Nerby, a designer based in Brisbane, Australia, published an unsolicited redesign of Facebook on his Behance account at the beginning of this year and it become a huge hit. The project went viral and was featured by a number of very popular blogs and online magazines. On Behance alone the project has been viewed over 370,000 times. The success of Fred’s redesign lead to job offers from a number of companies, including Facebook themselves.

The potential of personal projects

 

Ji Lee’s ‘The Bubble Project’

Troubled by the fact that once “public” places are being seized by corporations to post ads and propagate their messages, designer Ji Lee wanted to transform these annoying corporate monologues into open public dialogues. He did this by producing 30,000 stickers in the shape of speech bubbles and placing them on top of ads, inviting the public to write something on them — a project that would later be known as ‘The Bubble Project’. The project initially began to grow slowly but once it had been featured on boingboing.net, views of the project jumped from around 100 to over 50,000. A number of agencies keen to capture the imagination in the same way that Ji Lee had with ‘The Bubble Project’ then asked him whether he would consider freelancing for them.

The potential of personal projects

These are just some examples of personal projects leading to professional opportunities, demonstrating the power of personal projects in the digital age. If you lack experience in certain areas, not only can you use personal projects to hone your skills but you can also use them to demonstrate what you can really do — you don’t need to wait around for a client to hire you to show off your sklls.

If you’re ever short on client projects, don’t just try and repeatedly sell your portfolio. Work on something new and put it out there, you never know what might come of it.

 

Have you worked on any personal projects recently? What was the response like? Let us know in the comments.

Full Smashing Library (60+ eBooks + 1 year of updates) – only $45!
The potential of personal projects

Source

    

Posted in Blog | Comments Off on The potential of personal projects

30 essential UX tools

thumbnailWhen developers build websites, they often focus on the layout and technical features but neglect one very important aspect — how the user experiences the site. If users have a hard time figuring out how to accomplish their goals, they will look elsewhere and not come back. A pleasant user experience, on the other hand, can create a favorable and lasting impression that differentiates a site from its competition.

This is why it is so important to carefully consider what users experience when they visit your website. You have to ask yourself: Does this page provide the information the user expects? As with many things, the tiniest details can make the biggest difference in the user’s experience.

In this post, I’ll introduce 30 excellent tools and services for creating websites with better usability.

 

Mind maps, flow charts and sitemaps

The foundation of a usable website is a good plan. If you don’t have a basic idea of where your project is headed, it’s unlikely you’ll arrive at the right place. Mind maps, flow charts, and sitemaps are effective tools for creating the diagrams you need. Mind maps are great for generating and organizing ideas, while flow charts help visualize and plan the steps in a process. Sitemaps can be used to identify the navigation structure of a website. Here are some applications that can assist you with these tasks:

XMind (from free)

XMind is an open-source mind mapping program for Windows, Mac OS X, and Linux.

30 essential UX tools

 

ConceptDraw Office (from $199)

A powerful diagramming tool, ConceptDraw Office provides support for flowcharts and mind maps on Windows and Mac.

30 essential UX tools

 

OmniGraffle ($69.99)

Mac OS X and iPad users can choose OmniGraffle to create flow charts, organizational charts, and many other types of diagrams.

30 essential UX tools

 

Gliffy (from free)

Gliffy is a web-based diagram application with support for flow charts and sitemaps.

30 essential UX tools

 

Wireframes and prototypes

Before the actual coding begins, it often makes sense to do some prototyping. Prototypes allow you to play with different ideas and uncover possible issues without investing much time in coding and design. You can start with low-fidelity wireframes in grayscale and later create visual mockups and high-fidelity functional prototypes.

PowerMockup (from $59.99)

Use PowerMockup to create wireframes with PowerPoint.

30 essential UX tools

 

Pencil (free)

Available on several platforms, this open-source software provides GUI prototyping.

30 essential UX tools

 

Mogups (from $9/month)

Moqups is an online wireframing and mockup tool.

30 essential UX tools

 

Justinmind Prototyper (from $19/month)

This application for wireframing web and mobile apps runs on Windows and Mac OS X.

30 essential UX tools

 

FileSquare (from free)

FileSquare is a web-based tool for creating click-through prototypes by linking together uploaded mockup images.

30 essential UX tools

 

Handcraft (from $19/month)

Handcraft is a collaborative HTML/CSS/JavaScript prototyping tool.

30 essential UX tools

 

User testing and feedback

Once you have something concrete to show, you should get it out in front of actual users, gather feedback, and act upon it. The applications and services listed below help you perform usability tests and organize user feedback.

IntuitionHQ (from free)

This remote usability testing service allows you to run various user tests on your designs and get instant feedback.

30 essential UX tools

 

Verify (from $19/month)

This online application collects and analyzes user feedback on screens and mockups.

30 essential UX tools

 

Polldaddy (from free)

Polldaddy is a web application for creating and publishing surveys and polls.

30 essential UX tools

 

Concept Feedback (free)

Visit this online community to exchange feedback on designs.

30 essential UX tools

 

Fivesecondtest (from free)

This service gathers feedback by asking users to recall the elements of a website after having seen it for only five seconds.

30 essential UX tools

 

PickFu (from $20)

This crowdsourcing service provides quick feedback via simple A/B polls.

30 essential UX tools

 

UserTesting (from $49)

UserTesting lets you “look over the shoulders” of people browsing your website.

30 essential UX tools

 

UsabilityTools (from $39/month)

This collection of tools offers user research including surveys, card sorting, and feedback forms.

30 essential UX tools

 

Morae (from $402 approx.)

This desktop software records user interactions (keyboard/mouse input, eye-tracking, audio, etc.) and analyzes the results.

30 essential UX tools

 

BugHerd (from $29/month)

BugHerd is an online bug tracker specially designed for web development projects.

30 essential UX tools

 

A/B split tests

A/B testing is simple: You create two variations (A and B) of a page and then determine which one produces better results measured in terms of purchases, newsletter sign-ups, or other factors you value, which reflect a better user experience. These two services can help you with that:

Optimizely (from $17/month)

This A/B split testing tool can help you find the most effective way to increase conversions on your website.

30 essential UX tools

 

Visual Website Optimizer (from free)

Like Optimizely, Visual Website Optimizer provides support for A/B testing, multivariate testing, behavior targeting, and more.

30 essential UX tools

 

Analytics

Web analytics provide valuable insights into how people use your website. They can tell you how visitors typically navigate through the website, how long they stay on each page, when they leave the site, and much more. This information can be extremely helpful for identifying usability problems and their causes.

Crazy Egg (from $9/month)

This web analytics service visualizes user behavior with heat maps, scroll maps, and confetti reports.

30 essential UX tools

 

Inspectlet (from free)

Another web analytics tool, Inspectlet provides heat maps, real-time analytics, and screen recordings of visitor behavior.

30 essential UX tools

 

Mixpanel (from free)

Mixpanel is an analytics platform for tracking custom events in mobile and web applications.

30 essential UX tools

 

Validation, link checks and speed tests

For a positive user experience it’s also important that the technical side of a website works as intended. Nothing is more frustrating than links pointing to non-existant pages, websites taking forever to load, or broken pages because of HTML and JavaScript errors.

W3C Markup Validation Service (free)

This online service checks to determine whether the code of a web page is valid (X)HTML.

30 essential UX tools

 

Dr. Link Check (free)

This web app checks a site for broken and blacklisted links.

30 essential UX tools

 

Pingdom Full Page Test (free)

Use this tool to test and analyze how long it takes your webpage to load.

30 essential UX tools

 

Google PageSpeed (free)

This Google service analyzes a web page and makes suggestions for how to improve its load time.

30 essential UX tools

 

CrossBrowserTesting (from $29.95/month)

This service provides virtual machines for testing a website in different browsers on different operating systems.

30 essential UX tools

 

Do you use any of these tools? Have we missed any that you rely on? Let us know in the comments.

Full Smashing Library (60+ eBooks + 1 year of updates) – only $45!
30 essential UX tools

Source

    

Posted in Blog | Comments Off on 30 essential UX tools