Web Design

Monday, July 3, 2017

This article gathers 20 free UX tools for both beginner and experienced UX designers. These free UX tools include various tool for facilitating UX tasks such as prototyping, annotating, design, usability testing, analytics, accessibility, screen grabbing, and more.

Each UX tool has its use and will definitely come in handy at some point. Moreover, these are available for free. These UX tools are suitable for all UX web designers and can really improve their workflow.

Browse through this UX resources collection and see which tool you can use for your current UX clients.

LucidChart – Flowchart Maker & Online Diagram Software

LucidChart is an amazing tool that allows you to successfully create diagrams, mockups, prototypes, etc. in a few easy steps. Click this link and find more about what it offers.

Serena Prototype Composer

This is an excellent UI editor which lets you build professional UI prototypes and mockups. Although the free version includes neat features, to fully benefit from its characteristics, you need to have the premium version.

Pencil Project

You can use this prototyping tool to create mockups, diagrams, and more. This open source tool includes many useful widgets that will help you along the way. The results can be saved in various file formats such as PDF, HTML, DOC, etc.

Balsamiq Wireframing Software

Balsamiq is an excellent builder that you can use to create prototypes and more. This tool also includes multiple widgets and can export the results in various file formats.

Protonotes – HTML Prototyping Collaboration Tool

Protonotes is an amazing tool which includes a neat feature that lets you add post-its to an existing prototype. This way, you can get constructive feedback that will help you improve your work.

Diigo -Annotation, Highlighter, Sticky Notes

Diigo comes in handy for those situations when you need to capture or share various annotations for your websites. These may refer to screenshots, comments, highlighted lines of text, etc.

Lorem Ipsum Generator

This is a very useful tool that automatically generates dummy text which you can use to fill out your designs. You can enter the specific number of words, sentences, paragraphs, etc. you need.

Netvibes – Your Personal Dashboards

Netvibes is perfect to keep up with your favorite UX sites, blogs, RSS feeds, etc. and see what’s going on. Follow the link below to find out more about it.

Jing Screen Grab Tool

Jing is a very useful screen grabbing tool which works perfectly. It also captures dynamic interactions that you can export in various formats.

Browsershots – Check-Browser Compatibility

Browsershots is an excellent web application which shows you how your website will display in various browsers. This is a handy tool for any web designer.

XMind Mapping Software

XMind is an amazing mapping tool which works perfectly for building site maps. You can also import existing sitemaps from various apps such as Freemind, MindManager, etc.

CamStudio – Free Screen Recording Software

CamStudio helps you record the actions from your screen, with audio. This comes in handy in numerous situations, for instance creating tutorials. You can save the result in AVI format to view later.

Loop11 Online User Testing Tool

Here is an amazing usability testing tool. Although this tool has a requires a paid version, you can benefit from its features for a trial version.

Five Second Test UsabilityHub

This is an excellent usability test tool which comes in handy for any web designer. Follow this link and see what it has to offer.

Google Analytics

Google Analytics comes in handy for various situations where you need to check on your website. You can use it for different statistics and even for A/B testing.

Accessibility Evaluation Toolbar

This is an amazing tool which you can use to test the accessibility of multiple websites. Follow the link below and discover its full features.

Total Validator

This is an amazing HTML validator that also comes in handy as a spell checker, an accessibility validator, a broken links checker, and more.

Survey Monkey Free Online Survey Software

SurveyMonkey is an excellent online tool which you can use to create online surveys. This way you can gather feedback from users.

ColorPic – The Desktop ColorPicker Software

ColorPic is a very useful tool that comes in handy for various situations that are related to color. For instance, if you see a color that you love, and you want to use it in your projects, you can use this tool to grab it. Follow this link to see how you can do that.

Screengrab! Firefox Plugin – Add-ons

This is a great Firefox plugin which can be used to capture the entire website. You can use it to capture the full website, not just the visible part. Then, you can save it in PNG or JPG file format.

The post 20 Free UX Tools For Designers appeared first on Web Design Blog | Magazine for Designers.

via http://ift.tt/2tBR8re

Looking for high-quality Material design icons for your projects? We’ve rounded up a massive list of Material design icons that you can integrate into your future designs.

Icons have their special part in any design since they are the visual expression of various actions, tools, products, services, etc. You can integrate these Material design icons in various projects and also their designs keep up with the latest trends. Impress your users with these eye-catching icon designs. You’ll discover lots of vector icons with seamless or animated designs, created by experienced designers.

This article includes a huge collection and there is something for everybody. Download them in various formats, according to your requirements. Moreover, their designs cover plenty of different niches and vary from fashion, people, food & drinks, to web and social media.

Material Design Icons Custom Shape

This is a big set which includes 432 material design icons from Photoshop. These designs can be downloaded and used for free.

Android L Icon Pack by Icons8

Here you have a massive pack of 840 material design icons which are available in PNG file format. These include social media icons, arrows, services, etc.

Material Design Icon Grid

These icons were created by Jiangping Hsu are can be downloaded in a PSD file format. You can use them for action bars, as launch icons.

Google Material Icons

These Google material design icons were created especially for Sketch app. Take a look at all and see if these designs are useful in your projects.

Material Design Powerpoint & Keynote Icons

Here you have a big pack of 425 icons that you can use in PowerPoint and Keynote. You can scale and change their colors to make them fit your style.

Isometric Material Icons

This is a wonderful collection which includes well-designed material icons. You can download them in various file formats such as PNG, PSD, and AI.

Material Design Icons with Bounds

These 250 material design icons can be easily integrated into your Sketch projects. Check them out and see if you can use them in your current designs.

Mini Material Icon Set Vol1

These icons have detailed design that will definitely look amazing in any project. Follow the link below and see the whole collection.

Material Design Icon Templates

Here you’ll find various material design icon templates which you can integrate into your current or future designs.

Material Icons Pack by Benjamin Schmidt

This is another massive set of 435 material design icons. You can download these items in Sketch and SVG format.

Material Design System Icons

These system icons were created by Walmyr Carvalho. In the link below you’ll find 20 beautiful icons in both Sketch and PNG file formats.

Material Design Icons by Google

Here are 900 material design icons which are ready to be used right away. These have simple but stunning designs that will make an impression on your users.

Morphing Material Design SVG Icons – SVG Morpheus

Here you have a nice set of animated SVG icons that you can use in your designs. Follow the link below and watch them transform.

Material Design Webfont Icons

This is a lovely collection of more than 1900 material design icons. This pack includes multipurpose icon designs and they come in various file formats, color, and sizes.

Material Design Icons in Free PSD

Check out these stunning PSD material design icons which you can download and use in your projects for free. These have colorful detailed designs and will look stunning in your projects.

Material Design Icon Templates

Here you’ll discover a neat set of useful material design icon templates that you can use to create your own items.

Free Set of Server – Hosting Material Design Icons

This collection includes 12 beautiful material design icons that are related to server & hosting. You can download them in PSD or PNG formats and can be used for free in both personal and commercial projects.

Google Maps & Streetview Icons

These are a couple of animated Google maps and street view icons that you can use in your current or upcoming projects.

Angular Material Icons (eps)

Here you have a nice pack of angular material design icons which you can download and use for free. These items have detailed designs with beautiful colors.

Material Design +420 Fee Icons (SVG, EPS, PSD, PNG Files)

These material design icons are in vector format which makes them perfect for any project, regardless its size. You can choose between more than 420 freebies that come in SVG, PNG, PSD and other file formats.