Saturday, March 29, 2014

The Joys of Archer



One of the joys/evils of Netflix is "binge watching". For the past week I've been doing exactly that... enjoying the hilarious Archer. 

I really enjoyed creator Adam Reed's "Frisky Dingo" that was on Adult Swim several years back, so I thought I'd enjoy it... I actually enjoy it better.

It's like Mad Men meets James Bond meets (one some people say, since I haven't watched it) Arrested Development (where several of the voice actors acted on).

It's filled with foul mouthed, totally un-pc jokes (nothing is sacred..race, gender, class, homosexuality) and one liners that are literally and or figuratively (one of the shows many runnings gags) that will make you laugh out loud.

Sterling Archer (who definitely has a Don Draper vibe to him) is a hugely handsome, suave, self centered, alcoholic, man-whore with Oedipus complex issues who just happens to be one of the best secret agents in the world.
He's simultaneously dim-witted while knowing tons of obscure facts about film, tv, literature and history.

The cast is rounded out by the sexy (at least bi-racial) Lana who seems to be the only one with any sense in the spy agency (though she has some sex issues), and extremely large hands.

Pam..gossip monster, bear claw loving HR manager who is, herself, a foul mouthed, sex-crazed, HR nightmare waiting to happen herself. 

Cheryl- the totally airhead, LSD, choke sex loving wealthy heiress who is a useless secretary

Cyril- the stuffy/uptight comptroller/accountant who never gets to save the day.

Ray- The  VERY openly gay, West Virginian field agent

Dr. Krieger- who may not even be a doctor who spends most of his time experimenting on mechanical and organic monstrosities, and who is in love---with an Anime hologram.

And last but not least, Malory Archer, former Cold War spy and head of ISIS, who herself, a lot like Archer is an alcoholic self centered woman, (and mostly absentee mother) who keeps on chasing after money, and the older men who have them. As much as she hates her son, he always ends up getting him out of trouble.

The animation style has a highly stylized 60s comic book feel to it. 

You also have no idea what year it takes place in. The KGB and Soviet Union still exists, Lana and Archer drive late 60s/early 70s muscle cars. The office computers appear to be Apple Lisa's, while the mainframe computer are huge tape drives , but everyone has cell phones, GPS, Sat Phones and text messaging.

It takes A LOT to make me laugh, so Archer is definitely a keeper in my book. Makes me want to check out Arrested Development and SeaLab 2021 now...

Sunday, March 9, 2014

Everything Is Awesome!! In the Lego Movie



Legos were one of my favorite childhood toys. I didn't really put them away till I got to high school (embarrassing to admit, yes, I know!)

Back in the 80s there was only "City", "Space" and "Castle" Lego. But I enjoyed them all, especially Space and City. My mom tried to get me into "Technics" perhaps thinking I was getting too old for Legos, but I resisted!

One of my favorite sets, the Emergency Medical Center



















Even though today Lego has branched out into licensing deals with films, tv and comic books (From Star Wars to DC Comics to the Simpsons), it's still essentially the same build-a-world "interlocking brick system"

So the kid at heart in me was excited and very curious when I heard they were making a LEGO Movie.  I finally saw it today and I was not disappointed.  Just like Legos themselves, it was a wildly inventive adventure, filled with jokes for both adults and kids.

Of course being a kids movie, there has to be a message..but it doesn't beat you over the head nor is it too syrupy.

Focusing on themes like believing in oneself, individuality, creativity,the balance between when its good to be a free thinker, and when its good to be a part of team.

"Big Business" is certainly a target of the film, which is ironic since both Lego and Warner Brothers are huge businesses themselves.

What makes the Lego Movie a lot of fun is the mashup of the Lego "multiverses". City, Space, Castle, Pirates, DC Comics, Lord of The Rings, Harry Potter, Star Wars, Teenage Mutant Ninja Turtles, The Simpsons all share the screen at the same time and interact with each other. I had no idea Lego Batman had such a big part in the film, which made it interesting also. However being a Warner Brothers movie (who owns DC) the Marvel Superheroes are all absent.



The Lego Movie doesn't take itself too seriously, and pokes fun at Lego toys themselves(Barry, the outdated 80s Space Lego who cant let go of the past) , along with all its characters.
Batman is obsessed with being dark and brooding, even writing a song about it, and swimming in dude/bro culture.
Geen Lantern being the obnoxious overbearing friend that Superman can't stand
Vitruvius gets Gandalf and Dumbledore confused
Wonder Woman's invisible jet being blown up, but all you see is the fireball since its invisible.
Lando Calrissian is the overly slick ladies man trying to pick up women with bad one-liners.

There also clever little homages to movies like 2001, The Terminator, Lord of The Rings, and The Matrix.

The movie also shares some elements of Pleasantville and Back To The Future in how "perfect worlds" start to crumble when people start thinking for themselves.

It's nice when there is animated film that both kids, adults, and kids at heart can all enjoy on different levels.

EVERYTHING IS AWESOME!!



Saturday, March 8, 2014

time.com Redesign and The Case of The Missing Global Navigation

Jakob Nielsen and his Nielsen Norman Group seems to has a love/hate relationship with the web design community. While his usability work is definitely pioneering, he seems to be an old curmudgeon that ignores how graphic/web design is an important part of User Experience. For him its definitely function over form. 

One recent article put out by the Nielsen Norman Group by by Jennifer Cardello and Kathryn Whitenon  “Killing Off The Global Navigation: One Trend To Avoid” I found myself agreeing with quite a bit. Their summary states

Summary: For desktop sites, demoting your main content categories into a drop-down menu makes it harder for users to discover your offerings.”

If you are hiding your main menu, how can people quickly jump from section to section of your website? 
Traditionally, global navigation appears on every page of a website, and serves 2 functions:
  1. Allows users to switch between top-level categories easily, no matter their current location
  2. Ensures that even users who don't enter through the homepage can quickly get a sense of what is available on the website”
This brings us to the new redesign of Time Magazine's Website,  who along with Slate, NPR, NBCNews, have chosen to ditch the traditional omni-present ttop global navigation, for a drop down menu using the "horizontal bar icon" that mobile sites have used to hide their navigations.
--

News websites traditionally have had a top navigation that links you to news separated into categories…international, local, sports, economy, technology, etc.



But as news organizations have started to embrace responsive web design, some are getting rid of their top navigations in favor of hiding the menu in a drop down, using the same horizontal icon that mobile websites use to hide their main menus. 


Bloomberg News is a strange hybrid of both, offering the menu icon AND a top nav, with repetitive links, and when it opens it obscures the website's logo. Odd.


To hide a menu on a mobile device makes sense, since there is a lack of room/real estate to display a full menu. But at desktop or even tablet size it makes little sense, since there is room enough to show the main menu. Why make it harder for users to get to the section of news they are interested in?

For older and non smartphone users, do they know that the horizontal bar icon = menu? It’s relatively new convention. It’s probably why both Time and NBC had to put the word MENU under the icon, since some people may not know what it means.








However when you do get to an interior section on both Time and NBCNews, they do offer a more traditional top navigation of subtopics within that section.



But to be fair and balanced, the new time.com has a good balance of text, image, and whitespace. Headlines are easily scannable. Their is no indulging in trendy huge photos or horsey type.  It’s the anti-NBC.

Getting around in the site is a bit difficult. When you click on "Latest" or "Popular" does suffer from the trendy and sometimes annoying infinite scroll. How do i get out of the long list of articles? How can I switch to the Sports or Technology section. I feel a bit lost in the site.


All in all, its becoming very interesting to see how websites, especially news and e-commerce sites in how they embrace Responsive Web Design. It’s almost like 1995 all over again. 

Monday, March 3, 2014

The Awful nbcnews.com Redesign

nbcnews.com has a new look! It debuted about a month ago, right in time for the Winter Olympics coverage in Sochi. (oddly enough the NBC Sports site did not get a makevoer)


You can use it on your smartphone and tablet!

It has huge pictures and huge headlines!

And its a big old mess if you’re on a desktop or laptop.

Some say its a dumbing down/adolescent view of the news for a short attention spanned culture with big pictures and images instead of headlines. I wouldn't go that far, but I can see their point.

















Seems like I’m not alone in my dissatisfaction of the website as you read on the comment sections on reddit,  huffington post and newscast studio

So what's wrong with the website?

The Tiled/Modular Layout

Looks like the top brass at NBC and the agency who designed it (who also allegedly designed slate.com also) took the “mobile first” philosophy a bit too seriously.

Some have complained “since NBC broke up with Microsoft, why would they go to ‘Windows 8’ design”. In NBC’s defense, the only similarity is the tiled design, other than that, it shares little with Windows 8 “metro” design eschewing its bright color and thin sans serif type.

A very overly simplified explanation of Mobile First is to design for the mobile experience FIRST, then move to the desktop. 

It makes a lot of sense, since so many people access the web via smartphones and tablets now. Mobile sites used to be an afterthought. But it seems the designers at nbcnews.com committed the opposite sin..the desktop version is afterthought this time.

nbcnews has gone to the tiled/modular approach for the desktop version of its site. While this approach works well on more image/art dominated websites like flickr or pinterest, on a news site it makes little sense. There is no visual or information hierarchy to how the news is presented. There's also mysterious white space where it looks like a tile is missing

Whats the most important news stories on nbcnews.com? Hell if i know! Everything is given the same weight and mass. Each story is pretty much given the same importance, from a story about “Animators Closer to Capturing Physics of Curly Hair” to “Why Does Putin Stir up So Much Trouble for America”



If you’re quickly scanning for headlines on nbcnews.com, good luck…you really can’t.


The Navigation

Both Slate and NBC News have decided to ditch the traditional vertical side or top horizontal nav bars in favor of the relatively new mobile convention/affordance of clicking on three stacked vertical bars to reveal a mega menu. There's even the word MENU under the the vertical bars just in case you don't know what that means!

Since real estate is precious on mobile device, this makes sense that you have to hide some menu information. But on the desktop, not so much. The type size also just seems too big which leads us into…



















Horsey Type and Images

Big headlines and big images are all the rage in the new “flat design era” (Is this Web 3.0 now? I don’t think it is, but it would be a good name for it). I actually like 1em=16px for reading text on the web. Its a bit bigger than the norm, but its more legible, especially for those with vision problems.

But the huge sans serif font headline images just look TOO big on the desktop version of NBC News. There’s also a curious use of white space… there seems to be an imaginary right column that has nothing in it. Shrink your browser size, and it goes away, but once way it looks awkward. View it here.



Nice Looking News Sites are Possible!

To give NBC some credit, at least they are trying. Most news site are a mess. Huffington Post looks unprofessional. CNN Looks crowded, but at least its organized (similar to the BBC) But both the BBC and CNN offer separate mobile site experiences and are not responsive.

Al Jazeera America actually has a great well designed layout for their desktop version, and its responsive.  My only gripe is the tiny typography for their top horizontal navigation.

France 24 also has an excellent website layout, but its more adaptive for tablets, and offer a separate mobile site.

Russia Today’s website is somewhere in the middle. It won’t win any beauty awards, but it’s responsive, and there is some information hierarchy going on.

Did NBC News Get Anything Right?

Well, the site is VERY social media/sharable friendly with each story having a sticky social media nav bar, which is a nice feature.
The website does use a lot of modern website trends as I've stated, but they all seem to be used badly.

Do you like the new nbcnews.com redesign? What's your favorite news site?

Saturday, February 8, 2014

Staffing/Recruiting Firms, Friend or Foe?



Yeah, I’ll burn some bridges with this one, but I’m curious

What are people's experiences are with creative recruiters/staffing firms. I find some are more reputable like Paladin or Aquent. But I feel many are just using computers to keyword scan your resume, they call you "Oh I have a job that would be a PERFECT fit for you" you talk to them, and you find out they never really read your resume or  even looked at your portfolio. Even more annoying... foreign recruiting firms using Vonage/VOIP Us numbers trying to recruit you for a job thats not even close to where you live. Thoughts? Experiences?

Dice and Monster seem to be ripe pickings for the “I found your resume on xyz….” But these are more the IT staffing firms, who once again, don’t look at your resume or portfolio and trying to place you in a job where you don’t fit

The other funny thing, they will badmouth the other recruiting firms when they talk to you. They always ask "has another firm presented you for this job?"

Do recruiters work on commission if they place people on jobs, because that’s the feeling I get.


Creative Circle seems pretty much useless. You can send them resume after resume and they will never get back to you

The Difference Between Web Design and Web Development


HR
Hiring Managers
Recruiters

Lend me your ears

There is mass confusion on what the difference is between a web DESIGNER and what a web DEVELOPER is. Then you start mixing in the words UI developer and designer and it gets even more messed up.

I could get into the whole Design Unicorn discussion again, but you can read/research that for yourself

Web DESIGNERS usually are in charge of the aesthetic look and feel of the website. They will use Adobe Photoshop, Illustrator (or now, more open source tools) to create a look and feel for the website. Many know HTML, CSS, and JavaScript or jQuery. There seems to be a newly minted term in the UI field called VISUAL DESIGNER who also knows about interaction design.

I’ve met UI designers who never touch code, and only work in wire framing tools like AXURE and make some good coin.

A web DEVELOPER does the back end design, which can be all sorts of languages….ASP, JSP, .NET. Coldfusion, Java, databases, mySql

While web designer and web developer should both have a macro understanding what the other does, these are really two different skillets.

Though looking through the want ads you will find a whole lot of Robin Thicke Blurred Lines going on.
For example


  • Excellent written and verbal client communication skills
  • Professional web/interactive design expertise
  • HTML and CSS
  • JavaScript and jQuery
  • Experience creating UI & IA documentation (wireframes, sitemaps, etc.)
  • Proficiency in Photoshop & Illustrator
  • Active proponent of web standards, usability & accessibility
  • Emphasis on clean, usable & sophisticated layouts
  • Meticulous eye for detail & style
Bonus Skills:
  • PHP, ASP.NET, or other server-side and database programming languages
  • iPhone, Android, and mobile web design and development
  • Knowledge of web content management systems (Drupal, WordPress)
  • You don't use Dreamweaver
  • Flash design / ActionScript knowledge

The likelihood this company will actually find someone who knows all of this stuff is pretty much close to none.

Sunday, February 2, 2014

Illinois College of Optometry Redesign

At my brief tenure as the web designer/front end developer at the Illinois College of Optometry, I was given the opportunity of doing a full redesign of their website.

Next to my design of http://www.cafescribe.com, this was the biggest project I had ever worked on with a lot of moving parts.

The two major objectives of the project were to a)move it from an ancient Joomla 1.5 platform to WordPress so the content manager could easily update it and b) to make it responsive.

I looked at it as an opportunity to start applying some of the UI/UX theories and techniques I had been reading about, and learning in my User Centered Design class. I also tried to modernize and clean up the design from its previous incarnation, creating visual hierarchy, and fixing one of the biggest pain points, the small type, and the lack of a search bar on all pages.

While very modern in look, feel and layout, I would not say this is purely Flat Design, but very inspired by it, using modern web fonts, large blocks of color. It avoids some of the trappings of the modern Flat movement like parallax scrolling or heavy icon usage.
  



It was a very big learning experience for me.

I had never used WordPress before so it was a quick crash course on it. I learned how to use its backend, all the various plug ins and even got into doing some child themes work.

As I stated above I got to apply some UI/UX techniques I had not done before on other web pages:

Design/Competitive Analysis - I looked at about every Optometry School in North America's website to see what they were doing, how they handled navigation, information architecture, page layout, what they were doing wrong, and what they were doing right.

I also looked outside of higher education, and went through the popular design showcase websites like

Hand drawn wireframes before taking them into Adobe Illustrator for quick iterations

Usability Testing (well it was kind of half assed, but I did record the audio sessions from two students while asking them to perform tasks on the website and think out loud. You need at least 5 for a good Usability study, and to be video recorded, but it was a start)

But perhaps the biggest lesson here was the art of letting go. Especially when you design for a client using a CMS so they can make their own updates or has another developer work on it, a web designer loses control of their "baby" the second they hand the project over. Websites are ephemeral things, with maybe 3-4 years shelf life. Unlike print, you have do have a physical copy to hold on and preserve. Web design can seem like it's out there in the ether.



Tuesday, January 21, 2014

Does the word "Design" need a makeover

A good topic on the Linked In Creative Design Pros group.

Brand Creation, Rejuvenation and Architecture. Building Brands Without Advtg, Culture Transformation WorkshopsTop Contributor
Design means so many things - from fashion, to graphic, to product.... The popular meaning of design is pure aesthetics. The idea of strategic design has eluded business decision makers. Perhaps a new nomenclature like Strategic Creative Intervention can change the perception of design. Any takers?


This was my response:
I can draw a parallel between Electronic Music/DJing (another area I'm interested in) to the Design world. With the price of home computers and technology coming down drastically over the past 30 years, those who weren't able to afford computers and the software years ago, now can. So everyone is a "Designer" or a "DJ" now. It's a double edged sword. I like the fact that without a ton of money people access to tools they were not allowed to. However at the same time, you end up with a lot of BAD Designers and Design (and DJs!)

However as in most industries, the best really will raise to the top, so I think the word "designer" is still a good one

I think the word "Designer" is getting more muddled in the web profession than perhaps print.Pouring over many job ads, I see companies asking for a "web designer" when they actually are more looking for a web developer with coding skills.
(I won't get into the whole Design Unicorn thing, but you can read more about it here)

It seems a new role has risen up in the web/ui/ux world called the "visual designer". Which to me is a bit of a confusing term.

Monday, January 20, 2014

Why Does the US hate Station Wagons?



One of my hidden loves is Car Design. I wanted to be a car designer when I was a child. I went to the Chicago Auto Show an amazing 12 years in a row as a child. I had a huge plastic bag where I could collect as many car brochures as possible, take them home, then pour over them. I would attempt to make up my own cars. I even had my own car company. It was called Mega Motors! They’d probably be bankrupt by now based on my elementary school designs and drawing ability.

But it’s fun to talk about it here.

Much like Neutella, Kylie Minogue and the Metric System, Station Wagons (or Estates in many countries) and hatchbacks are insanely popular everywhere around the world..except in the US.

Once upon a time in the US wagons were plentiful. Even the Ford Escort and Chevrolet Cavalier offered Station Wagon variants. Celebrity, Taurus, Camry, Accord all had wagons..and not massive Country Squire, Grand Marquis, Colony Park, Roadmaster, Caprice, and Safari Station wagons


You can count the amount of wagons sold in the US on one hand
The Jetta Sportswagen (The Golf Wagen in the rest of the world)
Acura TSX Wagon (The Honda Accord Wagon in the rest of the world)

If you notice, (besides the Jetta) it’s all luxury or near luxury brands offering wagons…mostly out of reach for the average family looking for the Family Truckster.

There have been some sexy wagons in the 2000s but they were more shooting breaks and didnt really have the utility of a station wagon like the discontinued Dodge Magnum or even the still on sale Cadillac CTS-V Wagon. They are also not volume cars.


What killed the Station Wagon in the US..a a triple punch of being horribly uncool, the dominance of Chrysler (then other companies) Minivans. Then Minivans became uncool mom mobiles, so they switched to the SUV. Then the SUV was massive fuel guzzlers so they go for the CUV

Based on article featured on car enthusiast website Autoblog, a GM executive thinks “America Deserves A New Wagon

So what could possibly bring the US back around to the Station Wagon.
It would have to be
affordable
good gas mileage 
good seating capacity
good cargo capacity

GM has some options. They would be badge engineering jobs, but thats Basically what Buick is now right...Opel of America.

Bring over the Insignia Wagon and make it a Regal Wagon


Bring over the Chevy Cruise Wagon


If you need a Shamu wagon from the 70s and 80s, bring over the Holden Commodore Wagon (Which is the new US Caprice Police Cruiser and the Chevy SS)


All handsome vehicles in my not so humble opinion. But would Americans buy it? As ugly as it was, the Chevy Malibu Maxx sold in decent numbers. Maybe an experiment with the Chevy Cruze Wagon is the safest way to go.