First off, I am a fan of Google’s Material Design.
I have extensively studied their guidelines and have been following its evolution since Google made guidelines public.
Lot of my preachings over the years are, in fact, inspired by Material’s principles. Continue reading “Thoughts on Google Material Design”
Why print designers need to realign their thought process and mentality to become effective online designers. Continue reading “User Centered Design vs. Ego Centered Design”
SIMPLE, CLEAN, MODERN
“The goal is to create simple, clean, and modern design blah, blah, blah…”
How many times have you heard that phrase at the kick off meetings? As if that’s some sort of a differentiator. It isn’t. Continue reading “Meaningless and Overused Words in Design”
Larry Tesler’s Law of the Conservation of Complexity states that every application has set amount of inherent complexity that cannot be reduced or increased. Complexity is constant. The only question is who will handle the complexity? End users or developer/designers? Continue reading “Law of the Conservation of Complexity”
For the longest time I have marketed myself as designer-developer, developer-designer, UI/UX Developer & Designer, Front-End Developer/Designer, or some combinations of those words. I wasn’t quite sure what to call myself. Continue reading “Unicorn Designers Are Real”
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”
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”
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”
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”
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”
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”
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”
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.
We all knew it was coming. Now Adobe themselves has given up.
→ Adobe gives up on mobile Flash.
Google Web Fonts API now makes it even easier to use web fonts on websites. The days of choosing between Arial or Verdana are long gone. Hundreds of available Google Web Fonts are totally free and open source. The interface is simple and intuitive. Continue reading “Using Google Web Fonts”
There are things we do without thinking. For one, flushing the toilet. People usually don’t expect specific instructions before carrying out this relatively simple task. Continue reading “Instructions vs. Usability.”
I think designers and developers alike are realizing using HTML TABLE for some layout is a smart thing to do after all. Some wise usage of TABLE based layout is popping up everywhere recently including Google Apps. Below is a Firebug screen capture of parts of Google Calendar where it uses TABLE for layout.
Continue reading “Using TABLE for layout”
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.
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.
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.
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.