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’.

Inside Google’s User Experience Lab: An Interview With Google’s Marcin Wichary

Marcin Wichary’s fascination with the relationship between humans and machines began at an early age. As a boy in Poland, he was mesmerized by the interaction between arcade patrons and the video games they played. Years later, Marcin would help shape the way that millions of computer users interact with some of the world’s most popular websites. He would even recreate one of those arcade games for the Web.

Inside Google's User Experience Lab: An Interview With Google’s Marcin Wichary

Marcin is Senior User Experience Designer at Google, but his numerous roles and broad influence at the company are not conveniently definable. His fingerprints are on the code of Google products ranging from Search to Chrome. He gained publicity for his work on the Google Pac-Man Doodle, which he co-created with fellow Googler Ryan Germick. According to Ryan, “Marcin is a genius. He’s a UX designer but he’s also maybe one of the best front-end programmers on the planet.”

Marcin joined Smashing Magazine author Dan Redding for a conversation regarding his professional career, his interest in photography and a curious creation known as the Crushinator.

Read more...

Following A Web Design Process

Almost every Web designer can attest that much of their work is repetitive. We find ourselves completing the same tasks, even if slightly modified, over and over for every Web project. Following a detailed website design and development process can speed up your work and help your client understand your role in the project.

This article tries to show how developing a process for Web design can organize a developer's thoughts, speed up a project's timeline and prepare a freelance business for growth. First of all, what exactly is a 'process'? A Web development process is a documented outline of the steps needed to be taken from start to finish in order to complete a typical Web design project. It divides and categorizes the work and then breaks these high-level sections into tasks and resources that can be used as a road map for each project.

Read more...

Guidelines For Working With External Code Libraries

Working with code that was created by some other person or organization is routine for developers, but it can be one of the most demanding activities, particularly if you’re still learning. From using code libraries to working on a team of developers, there are bound to be times when you need to get to grips with code written by someone other than yourself.

Firebug

Whether you’re a software developer or a Web designer who does a bit of coding from time to time, your work routine might sometimes be isolated, but your work typically is not. When you use an external resource or work on an existing system, you see that your work exists in the context of other technologies and, yes, other people.

Read more...

Understanding The Copyright License

The Web is full of creative and practical resources that we can use to improve our projects. Photography, fonts, music and code are perfect examples. Finding stock objects and existing implementations is often quicker, cheaper and more practical than producing your own.

Understanding Copyright and Licenses

Whether free or not, these resources normally come with a license to ensure fair use. For professionals, understanding the limitations of a license is critical; with this knowledge, you’d be surprised by what’s available. Understanding copyright and licenses allows us to do what we do best: be creative.

Read more...

A Comprehensive Website Planning Guide

As a veteran designer, developer and project manager for more websites than I can count, I’ve identified a common problem with many Web projects: failure to plan. The same issues come up repeatedly in my work, so I’ve written this guide in order to help clients, other designers, businesses and organizations plan and realize successful websites.

This guide is written in relatively non-technical language and provides a broad overview of the process of developing a website, from the initial needs assessment through the launch, maintenance and follow-up. If you’re building a four-page website for your family reunion or a 5000-page website for a Fortune 500 company, then this guide might not be for you; it will either be too detailed or way too short, respectively.

Read more...

Designers And Developers Playing Nice

The differences between designers and developers often erupt in pointed jabs on the Web or at conferences. Jokes or not, the jabs create friction whose consequences are real. I am a designer, and by no elaborate means of job-title-rejigging do I consider myself a developer, but I see the cruelty of designer and developer egos going both ways. So, what happens if someone throws a pair into a sack to hash it out? How do we emerge?

Screenshot

Our projects, careers and maturing industry rely on our ability to learn to work together instead of against each other, and looking at what we have in common is one way to begin addressing interdisciplinary cat fights.

Read more...

Nudging Clients In The Right Direction … To Give Them What They Want

“How did you do that?” My colleague Leigh sounded impressed. He had been working with a problem client for weeks trying to get design approval. Then I came along and was able to get signed-off in a single conference call. “Can you teach me how you did that?” he asked. I mumbled something about years of experience, but the truth was I didn’t have a clue. It just seems I can find design approval easier than most.

Screenshot

As I thought about it I realised there are actually quite a lot of things that have become second nature for me over the years. But I have learnt the hard way through many painful projects. Unfortunately because I started designing websites back in 1994 there was nobody around to teach me this stuff. I wish somebody could have just shown me how to avoid all of those endless revisions.

Read more...

Are Touchscreen Tablets Effective Design Tools?

Regardless of the final platform — desktop, tablet, mobile — most designers start their explorations on paper. Depending on the designer’s preference, the paper may be bound or unbound, lined or unlined, smooth or ridged. And while the materials may differ, the goal is the same: to quickly explore a variety of concepts.

Are Touchscreen Tablets Effective Design Tools?

The designer’s sketching tools haven’t changed much over the years, but the role of sketches has evolved. Instead of rushing to convert them to a more polished form, designers now often share early sketches with clients. Their roughness suggests that the designs aren’t “done,” which encourages feedback and facilitates collaboration.

Read more...

Five and a Half Habits of Highly Effective Designers

We have theories about everything: why the sky is blue, why apples fall, why bees buzz (and do other unmentionable things), why my boss said a certain thing, why that girl in the restaurant looked at me, why didn’t that girl in the restaurant look at me…. We’re wired to theorize. Theories make us feel secure. We can wrap our heads around them and explain them with little diagrams on whiteboards, or with equations, or even graphs. We give theories fancy names like “The Classical Elemental Theory” and “The Flat Earth Hypothesis.”

5 1/2 Habits of Highly Effective Designers

The bottom line is: we humans love theories. Yet as a wise person once said, “In theory, theory and practice are the same. In practice, they are not.” This article is about practice. It’s about five and a half — yes, half — habits that highly effective designers tend to share and which I’ve observed first-hand in the complicated, non-theoretical, absolutely real world. If practice is your thing, keep reading.

Read more...

The Design Matrix: A Powerful Tool For Guiding Client Input

I used to think the beginning of a website design project was the best part. Hopes are high. People are full of great ideas. Nobody is disappointed yet. But as I gained experience, I found that learning about a client’s brand, competitors and customers doesn’t always give clear direction about design goals.

Screenshot

Brand discussions can generate goals like “be modern,” but they don’t necessarily determine how to accomplish those goals. Competitor reviews can devolve into cherry-picking sessions that spawn “frankencomps” rather than provide helpful feedback. And mood boards, which communicate a general feeling, don’t help to articulate or prioritize design goals. With a design matrix, you can guide discussions and establish clear direction.

Read more...

Guidelines For Successful Communication With Clients

OK, so this is a yet another article about dealing with clients. But let’s face it — it doesn’t matter how well you can design or code; as a freelancer or if you're running a digital agency, if you don’t get the client management right, it can spell disaster for your business. By getting it right from the very beginning, you’ll most likely see things flourish.

Screenshot

In a previous article on How to Explain to Clients they are Wrong, I discussed one aspect of client management, but oh my, there are so many and that is why I would like to discuss yet another aspect in this article: how to maintain project productivity and momentum when working with clients.

Read more...

How To Keep Your Coding Workflow Organized

Oops, we used the word "organized" in the title. Time to switch off — is probably what many would think. Being organized is a somewhat dull, though important, subject. Perhaps it would help to give it a bit of context.

Cleaning Up The Mess: How To Keep Your Coding Workflow Organized

Let's keep it classy, and imagine we're building a website for a trendy restaurant / café called "bEat", catering to the arts community. It's an atmospheric place with 1920's art on its interior brick walls, live jazz, and rich patrons. But they don't have a great website, so they've called you in to save the day. As a talented designer, you're confident you'll be able to pull a fantastic design together that they'll love, but they've got a lot of clever ideas about the website's functionality, and you're not quite so confident about how to organize all the files that your website will need.

Read more...

↑ Back to top