Menu Search
Jump to the content X X
Smashing Conf Barcelona

You know, we use ad-blockers as well. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. our upcoming SmashingConf Barcelona, dedicated to smart front-end techniques and design patterns.

Posts Tagged ‘Workflow’.

We are pleased to present below all posts tagged with ‘Workflow’.

Mobile Onboarding: A Beginner’s Guide

Nowadays, displaying onboarding screens to first-time users has become a common practice in mobile apps. The purpose of these onboarding screens — also referred to as walkthroughs — is to introduce the app and demonstrate what it does.

Mobile Onboarding: A Beginner’s Guide

Given that these are often the first set of screens with which users interact, they also set the users’ expectations of the app. Therefore, it is essential that those involved in creating the product — product managers, designers, developers — take the time to evaluate whether onboarding is necessary for the app and, if so, to determine the best way to implement it.

Read more...

Useful Adobe Fireworks Resources: Tutorials, Articles And Freebies (Part 2)

A few weeks ago, I mentioned some of the best extensions that are currently available for Fireworks. Today, I'll cover some of the best tutorials and articles, as well as many freebies (styles, templates, resource libraries, and so son) that are available for Fireworks. All of them can (and will!) teach you how to use Fireworks in a better, more optimal way.

Useful Adobe Fireworks Resources: Tutorials, Articles And Freebies (Part 2)

Again, in order to help you obtain a good overview of everything covered in this article, I've grouped the resources into the following sections: tutorials, articles, assets and freebies, and finally, the conclusion.

Read more...

A Closer Look At Personas: What They Are And How They Work | 1

In my experience as an interaction designer, I have come across many strategies and approaches to increase the quality and consistency of my work, but none more effective than the persona. Personas have been in use since the mid-’90s and since then have gained widespread awareness within the design community.

A Closer Look At Personas: What Are They And How They Work (Part 1)

For every designer who uses personas, I have found even more who strongly oppose the technique. I once also viewed personas with disdain, seeing them as a silly distraction from the real work at hand — that is, until I witnessed them being used properly and to their full potential.

Read more...

How To Improve Your Email Workflow With Modular Design

Whether you’re in a Fortune 500 company or part a two-person team launching your first web app, email is one of the most important tools for reaching your customer base. But with the ever-growing number of emails to send, getting them all out the door can seem a little overwhelming.

Improve Your Email Workflow With Modular Design

By putting in place a solid email design workflow, you’ll be able to regularly ship engaging and mobile-friendly emails with ease.

Read more...

Build A Blog With Jekyll And GitHub Pages

I recently migrated my blog from WordPress to Jekyll, a fantastic website generator that’s designed for building minimal, static blogs to be hosted on GitHub Pages. The simplicity of Jekyll’s theming layer and writing workflow is fantastic; however, setting up my website took a lot longer than expected.

Build A Blog With Jekyll And GitHub Pages

In this article we’ll walk through the quickest way to set up a Jekyll powered blog, how to avoid common problems with using Jekyll, how to import your content from WordPress, use your own domain name, and blog in your favorite editor, how to theme in Jekyll, with Liquid templating examples, a couple of Jekyll 2.0’s new features, including Sass and CoffeeScript support and collections.

Read more...

Useful Adobe Fireworks Resources: Extensions (Part 1)

Fireworks is an excellent UI design tool; however, Adobe decided to feature-freeze it back in 2013 and (at the same time) did not offer any replacement tool to its users. Nevertheless, since Fireworks runs fine today on the latest Mac OS X and Windows OS, and since it still offers a solid UI-design feature set, many designers continue to use it and rely on it daily.

Useful Adobe Fireworks Resources: Extensions (Part 1)

For those of you who are searching for a similar tool, Sketch 3.0 seems to be a pretty good alternative to Fireworks, but it's still not quite there yet; it's Mac-only, and while its vector tools are very good and it now has artboards, pages, symbols and styles, it lacks a few of the basic features available in Fireworks. (I'll talk more about possible alternatives to Fireworks in Part 2 of this series.)

Read more...

How To Communicate Effectively In IT Projects

One of the most important factors in the success or failure of any IT project is communication. Communicating effectively can be quite difficult, especially when a project involves many people with different backgrounds, experience, skills, responsibilities and levels of authority. The problem compounds when the people involved belong to different organizations with different working guidelines. [Links checked March/06/2017]

How To Communicate Effectively In IT Projects

Effective communication happens when a message is delivered whose content has the same meaning for the recipient as it does for the sender, thus inciting the desired action.

Read more...

Take A Digital Health Check

Have you ever wondered how digitally healthy the organization where you work at really is? If you're a freelancer or work at an agency, well, have you thought about the health of your clients?

Take A Digital Health Check

I’m not talking about whether you have the latest mobile application or a responsive website. I’m talking about the organization that sits behind these digital tools. If the organization is not digitally healthy, then even the best technology and design will fail. As digital professionals, we like to complain that the organizations with which we work are a hindrance. But are they? Exactly how digitally-friendly are the companies we work for?

Read more...

Gulp – How To Build And Develop Websites

Optimizing your website assets and testing your design across different browsers is certainly not the most fun part of the design process. Luckily, it consists of repetitive tasks that can be automated with the right tools to improve your efficiency.

Building With Gulp

Gulp is a build system that can improve how you develop websites by automating common tasks, such as compiling preprocessed CSS, minifying JavaScript and reloading the browser. In this article, we’ll see how you can use Gulp to change your development workflow, making it faster and more efficient.

Read more...

Next-Generation Responsive Web Design Tools: Webflow, Edge Reflow, Macaw

To prepare for a talk about the changing roles of designers and developers, given at HOW Interactive a few months back, I interviewed 20+ web shops. Validated by my own experience, I found that many of them faced challenges fitting responsive design into their workflow, and the role of most web designers had changed to include coding in some form or another.

Next-Generation Responsive Web Design Tools: Webflow, Edge Reflow, Macaw

At least half of the designers knew HTML and CSS well but wanted a more visual way to get at it. Well, a new generation of visual responsive design tools has arrived. These responsive design tools are for anyone who understands HTML and CSS (or is willing to learn) and wants to visually design a responsive website — and have code to show for it.

Read more...

Team Collaboration And Closing Efficiency Gaps In Responsive Design

Responsive design ushers in complexities that require a more involved design and implementation process. Because of this, the effort has piled up on the front end. Working in silos, where you talk to each other only occasionally or during scheduled meetings, has too many unknowns. Let's look at how these new challenges create opportunities to work together better.

Team Collaboration And Closing Efficiency Gaps In Responsive Design

We have to kill the mentality that there is an assembly line of workers waiting for it to be their turn, and instead embrace more focused collaboration across the project’s entire team.

Read more...

Boardroom Comics: A Business-Scenario Visualization Tool For Executives

As a UX researcher, I'm always looking for novel ways to present information to the different audiences I work for. My collaborators and clients aren't limited to UX designers, software developers and UI visual designers.

Boardroom Comics: A Business-Scenario Visualization Tool For Executives

I regularly conduct studies for executives who are responsible for business strategy, product planning, operations, sales and marketing, and professional education. At the conclusion of each study, my challenge is to create a final deliverable tailored to a specialized audience.

Read more...

↑ Back to top