Translating the Language of Software for Humans

I have finally summarized in few short words the ultimate purpose and the goal of a UX professional. It’s translating the software language into human friendly conceptual model. It may come across as somewhat philosophical but it isn’t. It literally means what it says. For my job, I am constantly converting what the software does into something that humans can easily understand. Continue reading “Translating the Language of Software for Humans”

Web Design: What to Learn First

Over the years the all encompassing term ‘web designer’ is replaced by number of more specific-sounding names; User Interface (UI) Designer, User Experience (UX) Designer, Front-End Designer, or Interaction Designer to name a few. Depending on where you work, some of these terms may actually be tied to a specific role unique from one another. But in general, they are used interchangeably. Apart from the fact that these may be more period correct titles, they are all part of the archaic umbrella ‘web design’. Continue reading “Web Design: What to Learn First”

Become a confident designer

UX/UI designers are not artists who merely make things pretty. They are problem solvers of various domains. User experience designers need to have keen knowledge of visual arts, psychology, business agenda, cognitive science as well as various web technologies. User experience professionals are also mind readers. They need to anticipate what users will do next. They persuade, nudge, and guide users for a successful journey and a positive experience. And yes, they also need to make things look pretty. Continue reading “Become a confident designer”

Smart consistency vs. Foolish consistency

The words ‘simple’ and consistent’ is thrown around all the time in design and web development circles. Clients, stakeholders, designers, architects and developers alike all over love to blurt these words thinking they are some sort of silver bullet to designing.  Some simply feel they need to say it because they’ve heard other people say it all the time. Some wave the simple & consistency flag as a way of saying ‘don’t-want-to-create-any-more-work-than-we-can-get-away-with’ sort of thing. Continue reading “Smart consistency vs. Foolish consistency”

Single Brain UI Design & Development

Many UI professionals – typically in smaller to mid-sized organizations – are responsible for both visual design as well as front-end development. In such set-up, a UI designer/developer works directly with back-end programmers usually with the same code base and in the same environment. The handing over of files between teams and the need for extraneous instructions is virtually eliminated. This typically results in far more nimble and accurate transition from concept to execution. Continue reading “Single Brain UI Design & Development”

Looking at average Joe’s interweb

Not that long ago, when the general public was just getting to know the internet, the imagery, text, spinning globe, and flashing colors shown through a big fat CRT monitor was collectively referred to as the internet. To an average person, the computer or the internet is what you see on the monitor. Ever seen movies where a man with a gun shoots at the monitor thinking he’s destroying the computer? Right. I bring this up to point out that to the general public, the internet has a physical size; it’s the size of the monitor or the display. Continue reading “Looking at average Joe’s interweb”

Recommended Books for UX Professionals and Designers

Like many people in my line of profession, I have overlapping duties: part UI developer, part visual designer, and part UX/usability consultant. Because front-end code, front-end design, and user experience are all tightly connected and must work in harmony. The designer in me directs me to make things cool and trendy, the UX expert in me tells me I have to make things that work, while a developer in me insists I need to make things efficient. They all keep each other in check because we don’t build things that are merely cool and pretty; we build things that must also work. Continue reading “Recommended Books for UX Professionals and Designers”

WordPress Twentythirteen

It’s been a long time, been a long time,
been a long lonely, lonely, lonely, lonely, lonely time.
Yes it has.

Been too busy with work. Haven’t had energy left to touch my own stuff.
But I’m finally updating the site with WP Twentythirteen. It has responsive structure built right into the theme. And it’s pretty good. Much improved from Twentytwelve theme. Although the theme has responsiveness built in, it does not have the responsive grid. You’d need to integrate third party grid plugins or make your own which is very simple to do.

Anyhow, as of today, my site is still work in progress. It’s using a heavily modified child theme based off Twentythirteen.

Flash – How to hide layers from movie without deleting the layer

I had quite a few people ask me how they can hide a layer in Flash without actually deleting that layer. The little “X” below the eye icon hides a layer from view while you’re working on a file but doesn’t hide that layer from a published movie. What if you don’t want certain layers to be published in a movie but yet do not want to delete them in case you want it back? Many beginners simply delete the layer, test movie, and then undo the deletion if they want the layer back. While this works, it’s not very elegant nor efficient especially when you’re dealing with multiple layers. Not to mention relying on undo is very risky in Flash.

This is where the “Guide” layer comes in. The Guide feature is originally intended to hold a path on which an object should move. Since you wouldn’t want the guide to show in a movie, Flash hides any layer designated as a guide. Since you can designate any layer as a Guide layer, this in turn works perfectly in case you want to hide a layer from a published movie temporarily. Just turn the guide on to hide and turn it back off if you want to include it back in the movie! Simple and elegant.

Get to know WordPress plus real web development

I’d like to single out yet another skill-set a web designer must be aware of. It’s WordPress. The enormous popularity of the WordPress platform along with blogging and simple content management has transformed the way we build lightweight websites. It’s unlikely that a large scale site or application would be built entirely of WordPress but we see it being used in blog sections of popular websites such as The New York Times.

WordPress has become so popular, that in some circles, a web designer is known as someone who customizes and designs for WordPress. Contrary to popular belief, however, working with WordPress does not free web designers from the need to learn and gain knowledge of other existing web technologies. WordPress is like a well prepared blank canvass that a designer or a developer must enhance upon. WordPress only frees us from reinventing the wheel, but as far as improving and spicing up the wheel, we can all get creative and sky is the limit.

It’s easy being Picasso

Seriously. Picasso created art as he saw fit. No one questions Picasso. If Picasso decides a woman’s right eye should be twice as large than the other, no one dared to argue otherwise. When Picasso sees a nostril of a goat would be a good match for a woman’s face, people go crazy throwing hundreds of millions of dollars at it.

I would guess that Picasso rarely had to deal with user experience, commercial feasibility, cultural compatibility, revisions, or approvals from fifteen different people. Those things are what lowly designers like us worry about. Because um…, we’re not Picasso.

Complainers are innovators in web development

For those of us who have been developing websites since the 1990s, it’s easy to lay back and say “it won’t get any better than this” as far as front-end development and client-side technologies go. We’ve lived through the early days of web development using primitive HTML tags, rustic browsers, and all of the growing pains of web. It’s amazing how the craft has improved over the years. Stylesheets are now well supported, browsers are much smarter and compliant, not to mention numerous javascript libraries and access to developer communities. So it’s easy to think this is the pinnacle for our tools of the trade. Continue reading “Complainers are innovators in web development”

So you wanna be a Web Designer

Many, many years ago, a web designer was someone who came up with somewhat believable Photoshop renderings of what a webpage could look like. Sometime later a web designer was expected to know some HTML along with pretty good Photoshop skills. A few years later, a web designer had to have some javascript knowledge, have good HTML skills, Photoshop knowledge along with decent discipline in aesthetics. Next, a web designer became someone who knows about CSS, DHTML, XHTML, XML, XSL, JSON and AJAX along with number of scripting frameworks.

Today, a typical web designer is most likely armed with most if not all of the skills mentioned above. Also, a web designer must possess a working knowledge of various web languages and a pretty good understanding of the programming language in general not to mention the knowledge of databases. Otherwise, it’s difficult to earn any  respect or work with other web professionals. In another words, a web designers is a serious jack-of-all-trades. Prepare to be overwhelmed.