Building Inclusive Toggle Buttons

    Some things are either on or off and, when those things aren’t on (or off), they are invariably off (or on). The concept is so rudimentary that I’ve only complicated it by trying to explain it, yet on/off switches (or toggle buttons) are not all alike. Although their purpose is simple, their applications and forms vary greatly. In this inaugural post, I’ll be exploring what it takes to make toggle buttons inclusive. As with any component, there’s no one way to go about this, especially when such controls are examined under different contexts. However, there’s certainly plenty to forget to do or to otherwise screw up, so let’s try to avoid any of that. The post Building Inclusive Toggle Buttons appeared first on Smashing Magazine. Read the full article…

Uploading Directories At Once With webkitdirectory

    If you’ve ever tried to implement a bulletproof, good-looking file uploader, you might have encountered an issue: uploading an entire folder or folders of files is usually quite a hassle, as files in each folder have to be selected manually. And then some folders might contain sub-folders as well. Well, we can use webkitdirectory, a non-standard attribute that allows users to pick a directory via a file input. Currently supported in Chrome, Firefox and Edge. The post Uploading Directories At Once With webkitdirectory appeared first on Smashing Magazine. Read the full article…

10 top traditional art tools for September

In this month’s roundup, we look at a new book explaining how to make your mark in hand lettering, plus all the kit to get you started. It’s also your last chance to check out a remarkable exhibition at the Tate (we flick through the accompanying book), and we take a look at the Japanese craft of turning random blots into art.  We’ve got a great how-to on expressive flower painting, a cool new coffeetable book exploring the world of urban potters, and finally – maybe we’re a bit early, but we’ve also got an arty 2018 pocket diary.  01. Urban Potters A look at 30 ceramicists in six different cities One for the coffee table here, as design writer Katie Treggiden looks at the revival of pottery. She visits six cities – including New York, London, Tokyo – and over 30 ceramicists, who open up their studios and share Read the full article…

4 first-class ways to make your design education count

Studying for a degree in art and design can provide all sorts of opportunities if you make the most of the experience. Connecting with likeminded creatives, in a space awash with design expertise and quality resources, is not to be sniffed at. It seems shocking, then, that negative patterns are emerging at UK universities. But you can avoid them, to make your design education count. My big break as a student came on  a dark Thursday evening, when my course leader came by. Three of us were still working away and I was wound up tight, struggling not to feel the pressure of looming graduation. Get Adobe Creative Cloud He picked up a copy of The Guardian Weekend, at the time publishing a large quantity of illustration every Saturday. Grinning, he held open a double page feature artwork and handed it to me without saying a word. Ben Tallon is Read the full article…

Mobile User Onboarding: Examples From Three Awesome Apps

It is easy for me to simply list the do’s and don’ts of mobile user onboarding. Do indicate progress and flow length, don’t overwhelm the user. Don’t ask permissions right away, do allow users to skip tutorials, etc. We humans, especially product managers and UX designers, are visual beings, are we not? So what better […] The post Mobile User Onboarding: Examples From Three Awesome Apps appeared first on Usability Geek Read the full article…

From Prototyping to Design Systems: Exploring an All-In-One UX Tool

You’re reading From Prototyping to Design Systems: Exploring an All-In-One UX Tool, originally posted on Designmodo. If you’ve enjoyed this post, be sure to follow on Twitter, Facebook, Google+! Look around the design space today and you’ll find dozens of prototyping, wireframing, and UX tools. In fact, it seems like a new tool pops up every couple weeks. What if there was the “one tool to rule them all”? That’s exactly what UXPin aims for when it comes to simplifying the UX workflow. UXPin started […] Read the full article…

The 5 biggest myths about stock imagery in design

The words ‘stock imagery’ bring to mind cliches such as ‘Woman on telephone in call centre,’ ‘People shaking hands’ and ‘Man with furrowed brow in front of laptop.’ But is that all that stock libraries have to offer? It’s certainly the case that there are some poor stock images out there, not to mention poor uses of otherwise good quality photography. But that doesn’t mean that you should discount the very real strides stock libraries have made in recent years in creating high-quality imagery that can help bring your designs to life. Here we examine some of the biggest myths surrounding stock imagery, and why they’re just plain wrong… Myth 01: Stock photography lacks authenticity ‘Exercising with kettlebells gym’ by Ryan J Lane The overly polished, glossy and unrealistic stereotype of stock imagery is quickly becoming a thing of the past. Search for stock images today and you’ll find a Read the full article…

How to sculpt a 3D-printed goblin

The concept for this project, Mushroom Goblin, comes from a drawing by my friend Adrian Smith. I have been working on making this concept into a 3D printed collectible for the site Industria Mechanika. Prep your work for 3D printing: 8 top tips I used ZBrush to create a 3D sculpt, Polypaint for quick texturing and V-Ray for rendering. I will share my entire process with you, explaining how I took a 2D concept and turned it into a 3D illustration.  01. Study the drawing The original concept for this project is by Adrian Smith Before diving into any project, it’s important to do what I call a ‘warm up’ to get the hang of the character. This warm up could be drawing the character from different angles or messing around with clay for some basic forms, for example. Warming up first means that the digital sculpting process becomes more Read the full article…

5 Tips for Working With Squarespace as a Designer

Squarespace isn’t just for non-designers and small business owners. Regardless of your skill level, the platform can be a quick and easy way to get a site online in a hurry. The website builder is packed with tools and integrations so that everything you need is right there from the start. But the biggest complaint from designers is that while the templates look good, there’s just not enough flexibility. You just have to dig a little deeper. Squarepsace offers options so that more advanced designers and developers can do even more with the tool. 1. Add Custom HTML Almost any website builder allows users to edit and add custom HTML to the design. Squarespace is no different. These advanced customizations are pretty easy if you have coding knowledge, which Squarespace notes is very important before you make adjustments. The Squarespace builder actually changes the site’s CSS as you make changes Read the full article…

Monthly Web Development Update 09/2017: Functional CSS, Android 8 And iOS 11

    Editor’s Note: Welcome to this month’s web development update. It’s actually the first one that we publish, and from now on, Anselm will summarize the most important things that happened over the past month in one handy list for you. So that you’re always up-to-date of what’s going on in the web community. Enjoy! Today, I’d like to begin this update with a question I’m asking myself quite often, and that was fueled by the things I read lately: Where do we see our responsibility, where do we see other people’s responsibilities? And how do companies fit in here? The post Monthly Web Development Update 09/2017: Functional CSS, Android 8 And iOS 11 appeared first on Smashing Magazine. Read the full article…

How to write the perfect design dissertation

Studying design is about crafting a great design portfolio that will wow potential employers, right? Well, yes. But don’t discount the importance of astute creative thinking, and expressing yourself eloquently through the written word. In short, your design dissertation matters. “I don’t believe that design students should be focused entirely on portfolio work,” argues Myrna MacLeod, programme leader for Graphic Design at Edinburgh Napier University. “They should also be able to demonstrate an interest in the contexts that underpin their work, and the histories and connections that have informed our practice.” 5 top tips for graduate designers “Think of a dissertation as an opportunity, not a burden,” urges Craig Burston, Graphic and Media Design course leader at London College of Communication (LCC). “It gives us visually-minded people an opportunity to demonstrate that we too can construct arguments and distil complex notions.”  As Burston points out, this is not just an Read the full article…

Prove your graphic design skills with this bundle

Adobe applications are still the gold standard for designers after all these years. These are the tools you’ll absolutely need to know how to use if you want to get work as a graphic designer, and you can master these programs with Graphic Design Certification School. Get it on sale for 96% off the retail price! You’re going to need to have at least some familiarity with Adobe products if you want work as a graphic designer. The Graphic Design Certification School will teach you how to make the most of Adobe’s powerful design tools – including Photoshop, InDesign, and Illustrator. You’ll get tons of actionable lessons that will teach how to take your ideas and bring them to life on screen. You can also get certifications to prove your skills after each course you complete! The Graphic Design Certification School is valued at over $1,197, but you can get Read the full article…

Avoiding Stupid, Rude, Destructive, and Deadly Design

By Steven Hoober Even though computers are controlling more and more of the world, they are not always getting smarter. Oh, they’re becoming more sophisticated, but humans must make computer code smart, and we don’t always get things right. It doesn’t help that we’re using old, ad hoc methods of planning, design, and analysis. It’s scary that we sometimes don’t know why artificial intelligence (AI) systems work. But we should be even more worried that pretty much every system we use—every app, every device—is now so complex that we cannot possibly predict all system behaviors. Read the full article…

How to Start Small & Scale Up a Design Project

Sometimes the hardest part of starting a new design project is… getting started! The best way to tackle a new project is to start small and scale the project up as you go. Think about it in a series of small steps that build into a final product. This concept can make projects easier to manage and help you build a more predictable timeline as well. The ability to scale is important because a lot of projects aren’t do-it-and-forget-it; websites, in particular, evolve and change over time. Not sure where to start? Here are some practical tips for graphic and website design project management so you can scale as you go. Project Planning The first step in any design project is planning. You need a solid design brief that outlines the scope of the project, who it is for and goals for the final design. Without a solid plan, the Read the full article…

We’re Touring Through Southeast Asia: Join The Mozilla Developer Roadshow!

    We love exploring opportunities. While many of us are quite familiar with publications and events surrounding us, we often lack the global perspective on what’s happening in the web industry across the world. For example, do you know what the state of web design in Singapore is? What about front-end events in Kuala Lumpur? What about the acceptance of UX-driven processes in Hong Kong? That’s exactly what we want to find out! For that reason, we’re happy to have teamed up with our friends at Mozilla for the Developer Roadshow Asia, so we can connect and learn from designers and developers in southeastern Asia. Together, we’re planning on organizing a series of informal, free meetup-style events for people who build for the web. On September 19th to 25th, folks from around the globe will be getting together in Singapore, Ho Chi Minh City, Kuala Lumpur, Penang and Hong Read the full article…

Why you really do have time for creative side projects

British designer and artist Brendan Dawes mixes digital and analogue materials to explore the interactions between people, objects, technology and art. As well as authoring two books on interaction design – Analog In, Digital Out and Drag, Slide, Fade – Flash ActionScript for Designers – he’s worked for clients including Airbnb, Google and Twitter.   Next month, Dawes will be speaking at Something Good – a new two-day design festival in Bristol, UK (Creative Bloq readers can get 20 per cent off tickets with the code: CreativeBloq20). We caught up with him ahead of his talk.  How to start a side project: 21 pro tips Dawes was commissioned by EE to create a digital portrait for each city formed from millions of bits of data as people talked and interacted about the biggest events of the day How would you describe your work? The feedback I often get is my Read the full article…

Wrangling Difficult Usability Test Participants

By Jim Ross I’ve encountered a wide variety of participants in the many usability tests I’ve conducted over the last 17 years. The perfect participant is a rare and elusive breed. I’ve spotted only a few who came even close to being perfect. Most usability test participants are just average human beings who have somehow found themselves thrust into the odd, unnatural experience of participating in usability testing. Even though they’re not perfect, they try to do their best, and you can easily work with most participants to get the information you need. However, occasionally, you’ll stumble across a test participant who is the antithesis of perfect—the difficult test participant! When you do, stay calm and tread carefully. These people can be dangerous and unpredictable. Knowing how to handle them is key to saving test sessions with difficult participants. In this column, I’ll provide some tips on how to effectively Read the full article…

UX for the Industrial Environment, Part 2

By Jon Walter In Part 1 of this three-part series on designing user experiences for the industrial environment, I explained that industrial automation is more human facing than you might think. Then, I discussed how the industrial environment itself presents difficult challenges for UX designers to overcome when designing software for human-machine interfaces (HMIs), covering both plant-floor and control-room environments. Finally, I shared some key principles of effective HMI design that apply to both environments. The chaotic plant-floor environment impedes users’ ability to focus. Plus, the necessity of using personal protective equipment (PPE) affects their ability to perform actions on an HMI terminal. The control-room environment poses its own set of unique challenges. For example, in a control room, users must monitor several large HMI displays over an eight-to-twelve-hour shift, which can result in eye fatigue. Now, in Part 2, I’ll explain some methods that industrial-automation UX designers can use Read the full article…

Exit Intent Modal Windows: Design Trends & Examples

You’re reading Exit Intent Modal Windows: Design Trends & Examples, originally posted on Designmodo. If you’ve enjoyed this post, be sure to follow on Twitter, Facebook, Google+! It seems like exit intent modals are the norm with every major blog, SaaS product, and digital ecommerce shop. These exit intents are modal windows that appear on top of the page once your mouse cursor leaves the website. It’s used as a marketing technique to draw people back to the page, or to convert them into […] Read the full article…

30+ Best Keynote Templates of 2017

Even though Apple’s Keynote app gives you plenty of tools and options for creating beautiful presentations, it can be tricky to find the time to build a beautiful, custom design. Don’t worry — we’ve got you covered with this collection of the best Keynote templates! With these templates, you don’t have to spend hours designing presentation slides. You can simply edit the slides that have already been crafted by professional designers, customize charts, change colors, and voila! You have your own beautiful, unique Keynote presentation. We picked out a few of the most professional looking Keynote templates that’ll work perfectly for your next presentation! Verzus Minimal Keynote Template Price: $15 Yet another minimalist, and stylish, Keynote template that comes with over 200 unique slides divided into categories, more than 3,000 vector icons, mockups, and much more. Ourea – Creative Keynote Template Price: $15 A stunning Keynote template featuring over 75 Read the full article…