design
I mostly design digital things: sites, desktop and mobile applications, symbols and icons. I often help build what I design, and try to put together a good code example every so often. Here you go:
2012
anime user interfaces
I collect user interface designs from anime in a Pinterest board. I didn't draw any of them, they just caught my eye somehow. I may scan through this collection the next time I want to create bright visual overlays or control surfaces and repurpose the odd detail. Perhaps you'll find some little glimpse of an alternate future here that catches your eye too.
UX artifacts
I build and style digital products, but before they get to that point I focus on refining the user experience. Deliverables I produce in these early phases can include wireframe diagrams, prototypes, scenarios, research and detailed user interface specifications. Please contact me if you'd like to see a few examples and I'll send you a link.
2011
WAVE Web Communicator
My biggest project this year was to design and build a new push-to-talk app that would run in a web browser. The WAVE Web Communicator is the result. This app connects to all the other Twisted Pair WAVE apps out there on mobile devices and desktops, as well as to IP phones and two-way radios. The app was built in Silverlight.
WAVE Mobile Communicator for Android
The WAVE Mobile Communicator for Android replaces an encrypted, multichannel two-way radio with an app on a smartphone. This is potentially a huge money-saver. You don't need to buy a transmitter, or bandwidth, or a thousand-dollar radio to keep in secure touch with your fellow soldiers, or telephone repairmen, or ambulance drivers.
Silverlight animation in XAML that works in a DataTemplate
For a recent Silverlight project, I needed to come up with a progress wheel animation that
would work within a DataTemplate. I found some examples that relied on code-behind to start
the animation by navigating through page elements, but that looked like the hard way. I came up with
another approach that works entirely in XAML.
2010
BlackBerry code for a rounded rectangle with gradient fill
This article includes sample Java code that creates a gradient-filled rounded rectangle on a BlackBerry
device. Big Deal you say. Before I actually tried to do this, I wouldn't have rubbed two brain cells
together worrying about it. But then I spent days trying to figure out how RIM's Graphics.drawShadedFilledPath()
method works so that I could make a good-looking button.
2009
WAVE Desktop Communicator redesign
Early this year a big project fell into my lap: I was given the opportunity to redesign the WAVE Desktop Communicator. This is the most popular client application for Twisted Pair Solutions' WAVE software, which lets people with computers talk with people with radios, people with telephones, people with satellites halfway across the world, etc. Let's subtitle this page “What I did With My Summer Vacation” since I pretty much worked nonstop on this beast during Seattle's warmest season and now have the geeky pallor to prove it.
XAML image template-swapping part 1: creating images in Adobe Illustrator
This is the first of three articles on how to create and use vector images from Adobe Illustrator as XAML art in a WPF project. We'll be creating multiple “states” of an image in Illustrator, importing them into XAML using Expression Blend 3.0, and then wiring them up into a button using a trigger. This first article shows how to prepare the images in Adobe Illustrator CS4.
XAML image template-swapping part 2: importing images using Expression Blend
This second of three articles has us laying out the simple bones of a WPF project and importing images created with Adobe Illustrator into a Resource Dictionary using Expression Blend 3.0.
XAML image template-swapping part 3: switching images in a style
This third of three articles has us wiring up our imported images into a style that switches image templates according to a parent button's state.
2007
Twisted Pair Solutions design annual 2007
I'm an “innie” (in-house) designer in the crazy spin-cycle world of Twisted Pair. This past year I've split my time between visual design and interaction design work. My visual design projects were mainly application skins with a generous splash of control symbols. My interaction design work touches the underlying application interfaces — how the software works as contrasted with what it looks like. Here's a sneak peek at the good stuff.
2006
Twisted Pair Solutions design annual 2006
I'm the user experience designer in the product group at Twisted Pair Solutions. They keep me busy doing interaction design, writing user interface specs, doing usability testing with paper prototypes, creating production graphics, and other odds and ends. I think I've got the best job in the company. Here are peeks at some of the more interesting design projects I've been asked to do this year.
2005
Twisted Pair brochures
I've been writing and designing lots of marketing flyers for Twisted Pair. We give them out at trade shows and when we visit customers, and you can download them from our website. Here's the collection in case you're curious.
left coast wallpaper
If you'd like to sit at your computer and pretend you're out on the beach gazing westward into the sunset, you've come to the right place. Paste one of these photos on your screen, zip up your rain gear, and you're set.
2004
photo gallery at stock.xchng
I'm more a consumer than a producer of photography really, but every so often I take a good picture. Here are a few photos you can see in my gallery at stock.xchng.
older
code examples from the original deepgraysea.com
There are a handful of code examples from the original deepgraysea.com website that don't apply anymore in the site's new HTML5 + jQuery reality. But the entire previous site is retained for your archeological pleasures, so feel free to put on your steampunk goggles and dive in. Scroll to the bottom of the page after the jump.