Doyle Library Art Collection

The Santa Rosa Junior College unveiled its permanent collection of art entirely by staff members. Not just art instructors, either. This is my visual diary of the pieces I liked best. I’m going to take a class there, since many of these artists are still teaching at the SRJC.

Doyle Collection from Philip Williamson on Vimeo.

Reception for the permanent collection at the SRJC library. Artists include Alan Azhderian, Kevin Fletcher, John Sappington, Silvia Seventy, Lisa Beerntson, Tony Speirs, Elizabeth Quandt, Will Collier, Donna Larsen, and Monty Monty.

Soda jerks

Soda jerks by BikeTinker
Soda jerks, a photo by BikeTinker on Flickr.

It’s a little daunting that my Flickr life is so bike centric, that a great shot gets ignored, since it isn’t of a bicycle. I just need to join photo groups, I guess,
And this is a great shot. Sony NEX, with a supercheap CCTV lens, at the Ice Cream Bar in SF.
Ironically, they are asking for support for their plan to put a mini-park out front, to replace a parking spot. Visit on a Saturday afternoon. If you aren’t ready to kick an old lady in the crotch to get a spot within five blocks… Seriously, just walk there. From Cathedral Hill, maybe.

ID Card Painting

Elizabeth. At the time, she was Liz, and I was Phil. Times change, people grow. Or just learn to stand up for who they already are.

20130422-203822.jpg

Forcing a login to unsubscribe is Fail

I subscribe to a LOT of newsletters. I pretty much sign up for whatever comes around, because I want to see how people are presenting themselves through email. Sometimes I get tired of a certain channel, or I just wholesale cut back on newsletters.

Recently I’ve noticed a couple of services make me log in to unsubscribe from emails. This is for them.

Maybe you think it will keep me from unsubscribing, maybe it’s just the way your “community-management” package works. As the visitor / email recipient / unsubscriber, I don’t remotely care why I’m being horribly inconvenienced:

  • After clicking the “unsubscribe” button, I’m taken to a login page.
  • The password to the site I never visit doesn’t work. Twice.
  • I click the “password help” button, and get a reset link in my email.
  • I click it, create a new password, type it in again, and (hopefully) am logged in.
  • Sometimes I have to actually log in after creating the password.
  • There’s no “unsubscribe” button to be seen.
  • I go back to my email and click the “unsubscribe” button on the original email newsletter.
  • I’m Unsubscribed! Yay! Sixty-five button presses later.
  • I send a snarky support email to the site in question. And write a snarky blog post.

See what happened there? Now I HATE you.

You should make unsubscribing easy and painless, especially if you are a charity that relies on the goodwill of strangers. Don’t make me think you’re a graceless, desperate, selfish clod who is bad at the internet.

 

Radagast, you’re cut.

Voldemort guy, you’re cut. Frodo and old Bilbo, great work on the other movies, you’re cut.  Galadriel, you’re cut. Call me later. Saruman, you’re cut. Radagast is still out.

Notes! Goblin king, you need to be way scarier. Think “goblin,” not “gungan.” You’re in, but make it worth my time.  Trolls! Good characterization, but we need a ton more suspense. Let’s try it like the book.

Richard Armitage. What are you even doing in this movie? You need to be way older and way gnarlier. You’re Thorin son of Thrain, son of Thror, not Boromir. You gotta be meaner to Bilbo, too.

Bilbo. Complain more. Earn Thorin’s disdain. Don’t be a whiner, but a homely tale or two of your fire and down comforter would go a long way toward showing homesickness and earning the disdain of Dwarf kings. We’ll work out a scene before the mountain pass. Maybe give you new lines for the cave?

Gollum! Great work. More of that.

Thanks everybody! Oh, did I mention we’re doing this in one movie? You’ll all be home in time for Christmas.

BikeTinker Google Doc updated

I finally figured out (i.e., Googled) how to add images and links into the Tire Pressure Google Doc I maintain… ”Insert>Image” and the formula “=hyperlink(“URL”;”text to display”), respectively.

The only reason I still maintain this document after we (Edison-Gauss and I) released the Tire Pressure app for Android is because of Google’s “protected cells” feature.

Adding the image and links got me on a little cleanup crusade, and I added Triathlon bike tire pressure calculations. Triathlon season is nowhere near, but I had a little time on a mellow Thanksgiving.

Photoshop mockups

Mockups of electronic products in racks for a trifold. The source images were all lit differently, and the rack itself was gray.


Brooks Saddle Sculpture SOLD

I sold it to a woman who gave it to her husband as a “Trophy” for successfully finishing the Seattle-To-Portland (STP) bike ride. And… with the last skate deck platforms sold, it looks like my Etsy store is empty!

Bike Silhouettes

Bike icons for the Tire Pressure App I’m finishing up with Edison-Gauss. Raleigh Superbe utility bike, Rene Herse randonneur, Speedvagen race bike, Pereira longtail custom. One of the E.g. programmers owns the Pereira longtail. I think the Randonneur could have wider tires, but I’m happy the cargo bike’s tires look like Schwalbe Big Apples. As they should.

A good UI designer is lazy and stupid

A headhunter asked me “why do you think you’re a good UI designer?”

Instead of saying, “because I’ve spent a dozen years constantly figuring out how to make complicated software accessible to normal people,” I said what I really thought: ”I’m a good UI designer because I’m lazy and stupid, and will rage-quit anything that isn’t easier than cracking open a beer.”

Hmm. Discretion might well be the better part of valor.

Bike Tire Pressue Android App

My friends and I are made an Android app for tire pressure. It gives you the best tire pressure for your bike, based on your weight and tire width (hint, fatter tires and skinnier you are both better options). I didn’t do any coding, or UI design – I just insisted on it happening, and made the icon and bike silhouettes.

Black Twig Media

Logo. I took a few liberties with the way a redwing blackbird wing actually looks, since I wanted the overall feel to be more like the bird itself. I tweaked the capitals a bit, especially the “T.”

DTS Overland logo and door graphic

DTS Overland is a backcountry tour company in Bend, OR. DTS Overland Tours and Adventures, LLC.

I drew each element on a separate sheet of paper for ease of layout in the computer. It’s all vectorized in Illustrator and laid out in Photoshop. The door graphic will go on coyote tan Land Cruisers, and the main logo (with the FJ80) will go on everything else: tee shirts, flyers, and children (if they stand still long enough).

Alien Parade

car-reflection by BikeTinker
car-reflection, a photo by BikeTinker on Flickr.

Out of 1000 (300? ah. 594) pictures, this is the one good one.
So far.

new job

I now am Senior Designer (or GUI designer – not sure) for an engineering-driven company making power conditioners for audio equipment. Fantastic people, interesting work, and it fits my job criterion of “working with smart people to make cool stuff.” I guess that’s two criteria – smart people, cool stuff.

My new boss called, to keep me in the loop. The company just merged/absorbed two others (one a bloc of 5 already), so instead of 60 people, the company will be 220. I said “two hundred twenty ONE!” You know, counting me. More cool people, more cool stuff.

Tablet Flashcard app design

This is the Kids View. The Parents View has a half-dozen extra icons.

20120514-092341.jpg

Mobile Shopping Template

We are designing and building a mobile template for our ~200 toy store clients. There are some constraints to making it fit in an existing system, but also advantages.

This is the gray version, but the front-end developer built the system with the “less” CSS preprocessor, so he can control the color palette and button corner radius by changing a couple numbers. This will let us offer optional customizing for the members that want the mobile site to complement their main site better.

Home Page

Important info for mobile visitors: location, phone and hours. Content displays in a “drawer” below that level of icons. This is all HTML and CSS, but styled to look like an app.

20120514-092502.jpg

Browse Page

The shopping pages have smaller store info buttons (hours, location, phone). The logo pane shrinks to allow room for the ‘cart checkout’ button and cart summary at the top of the screen.

20120514-092523.jpg

Product Details

Multiple thumbnails display, and can be tapped or dragged to change. When you hit “Add To Cart,” the button changes to “Checkout Now,” and the drawer opens so you can change quantity. (This is the state shown) The cart summary updates in real time when you change the quantity.

20120514-092536.jpg

Prototype on the iPhone

The interface is running and working, but the actual content isn’t hooked up yet.

20120514-092552.jpg

Toy Phone Icon

For the mobile templates we’re building, I tried out some ‘toy store’ specific icons, but generic ones made more sense for the budget and timeframe.

Vector illustration in Photoshop. The face is done with layer effects to get the ‘inset’ look. It helps the face read better at tiny sizes, too.

Mobile “Toy Filter” UI Design process

I know I’m not the only one who does UI design this way:

  • Sticky notes.
  • A white board.
  • A programmer.

I draw the UI bits on sticky notes, we discuss the needs and potential problems, and move the sticky notes around on a board.

something's added to the cart!

Below is our existing “Toy Filter” laid out for the new mobile template for our e-commerce toy store system. It’s a reskinning of existing code, with no new features (a requirement of getting the mobile site built and pushed to 200+ sites quickly). At the top is the ‘Search’ icon; Shopper’s ‘Cart’ contents (number of products and dollar amount); ‘Checkout’ icon.

drop-down filter for mobile e-com toy search

When you tap the Search icon, a search box slides out, with options to refine your search and display the results. I think it’s more usable than the layout we have on the desktop sites (which I didn’t design).

  • Search Box
  • Filter by: Category, Brand, Price
  • Sort by: (Name, Price, etc)
  • FIND TOYS button.

We ended up with four pages with sticky notes laid out, one each for the Homepage, category Browse Page, Product Details page, and Checkout. I asked the programmer if he wanted me to mock them up in Balsamiq, and he said, “No, I’ve got it all right here.”

 

Titanic Banners

Simple banners for the SmartTangoes website, promoting  their “Titanic” puzzle game.