Nearly a year ago I hired a bright young man by the name of Will Sutton. Over the course of the following months Will and I made this – the official Saint Louis University iPhone App. (Which you are most welcome to download at iphone.slu.edu)

Will initially started from scratch, learning Objective-C and his way around XCode. Even more impressive was the fact that he really never used a Mac much before.

Like a fish to water he quickly had a rough prototype up and running. It was serviceable, but very, shall we say, rickety.

Then we were alerted to the existence of a great open-source app framework created at West Virgina University by then student Jared Crawford.

Will set about updating the framework with SLU specific data sources. We had to meet with legal, create icons and vet our data sources for reliability. With Jared’s awesome framework we were able to quickly turn around a tight first release of what I’m sure will be a vital asset to any SLU student.

Meanwhile the IT department was preparing to launch a mobile portal for some of the very same services. Like some superhero wonder group we joined forces and released our apps simultaneously. Being web-based their app has a much larger reach, but our app allows us to perform some hardware specific feats.

Our next step is to squash a few 1.0 bugs, update the app for the new Retina display and start adding additional features like dining information and athletic reports.

You can read more about the apps from this nice press release.

I’m totally digging the Hipstamatic app for the iPhone. It’s a recreation of a camera developed in the great wilderness of Wisconsin in the early 80s by two brothers. The whole story is being kept alive by the older brother of the two Hipstamatic creators.

The app is very slick and plays a great homage to the cheap all-plastic cameras of yore. With the tiny viewfinder, different films and lenses and the always different results it’s a blast to watch your photos ‘develop’.

The best thing about the app for me is the high-pitched whirring of the flash when you turn it on. Perfect.

Nearly a year ago I wrote a blathering rant about how the common aspect ratios of video is largely irrelevant on the web. To quote myself:

Television has set the standard of common resolutions and aspect ratios for years, but not everything seems as smooth as it should. For one as we are becoming increasingly more web-centric in our distribution models why are we sticking by these ancient limitations of size and shape.  Isn’t there something inherently more flexible with the web? Let’s challenge those norms and create something new with video.

And then today I saw these:

Interesting, no?

Update: I clicked around a littler further and found the blog of the creator of the second video. On Jesse Rosten’s blog he shares very similar thoughts regarding nontraditional video.

Gruber:

It’s a demo of a concept. I’d wager money that we’ll never see an actual product from Microsoft that works like this.

I think the Courier demo is really, really neat. Watching that video makes me want one, now. Unfortunately it will never be as cool as what we’re seeing in these videos.

That’s a big difference between Apple and other tech companies. They demo a product a few months before it ships, in it’s near final form. Microsoft announces products years beforehand and by the time it arrives it’s behind the curve.

Mousepaths (now called IOGraph) tracks your mouse movement in the background. When your mouse is inactive it builds a black dot, that grows as more time passes. Clicks appear as white dots.

click to embiggen

It’s interesting to see after 7 hours of work where my mouse spends most of it’s time. Apparently I rarely use my secondary monitor, mainly to move something back and forth. I also would like to state that the two big black dots are lunch and a meeting. Most definitely not me slacking off.

You can download IOGraph from Anatoly Zenkov’s site. It’s cross-platform and a fun passive activity while you toil away.

You can have a copy of my shiny registration button here.

What I’ve learned from interacting with most computer users, though, is that they do not give a rat’s ass about how computers work. They want to accomplish certain tasks, and will do this in the way that is most sensible and direct for them. And the way they end up accomplishing these tasks within the multitasking window motif is typically not the way I would do it.

The question being asked is ‘Who’s fault is this?’

Some would argue that it’s users fault, people don’t care enough or aren’t interested in learning more about how technology works. Others say that developers are to blame for making technology far too complicated.

I’ve been thinking a lot about this recently myself, we just finished a re-design of our website at work and I’ll soon be launching a mobile application as well. Both of these projects have very specific UI requirements and both projects have generated numerous hours of discussion and deliberation on how to most appropriately display our content.

So when we flip the switch and share our creations with the masses, who’s to blame when people are confused or upset?

My friend Tim and I have been busting each others chops over Apple vs Microsoft in regard to their differentiating paradigms of window management. As he told me once, “I don’t know how many times I’ve sat down at a public use Mac in a lab somewhere with all windows closed but 15 apps running.”

And he’s right, this is very confusing. And it’s coming from Apple, a company lauded for their slick user experiences. Who’s to blame?

Anecdotal Side Story

I know a professional who uses a computer for a large portion of her job. She sits in front of her computer the entire day. She’s not a power user, but the tasks she has on her plate all revolve around the daily use of various programs. Info management systems, email, browsing the web, web content creation, to name a few.

What’s interesting is how he interfaces with the computer. She uses her mouse rotated 180 degrees so that the buttons are at the bottom. Somehow, at some point in the past she sat down and started using a computer this way. She uses her fingers to grip the bottom edge of the mouse and clicks the ‘right’ button for  a left-click.

Is she doing it wrong? Why does she do this? Who, if anyone, taught her? Who’s ‘fault’ is it that she does this?

There’s no harm in how she’s doing it. There’s no advantage to teach her how to do it differently. There’s nothing gained professionally if she learns a new way.

As I’ve grown older and entered the world of professionals I have realized that all those dry cut things we were taught growing up are much more fuzzy.

Politics, bureaucracy, limitation of resources, available time  - all contribute to the mired relationship of technology and people. Everyone is to blame/no one is to blame.

It’s a series of large and small events that cascade to to the present situation. How we deal with it moving forward is the interesting part.

It’s been a crazy past few weeks. I meant to write about this sooner, but haven’t found the time.

The site not only looks a thousand times better (Bryce!) but the slick new navigation (Mark and Robert!) and the awesome content (Amy!) make this something I’m really proud to have worked on.

Here’s some of my personal favorite things we’ve added:

Consistent Left-hand Navigation – We now have highlighting of the current page you’re on (the little red arrow) and a nestled view of sub-pages. This looks much cleaner and is also a lot easier to navigate.

On the content creation side our users now have a clear understanding of how their site is organized and how to manage their content.

More space (wider layout)

We increased the width of the site by 25% giving us more space for content. Video can now be embedded at full SD resolution and pictures can now be much larger to boot. Along with a consistent placement of our navigation we no longer have to munge content around the right-hand navigation found in the previous design.

Flexible framework – We can now develop new interactive elements

We’re already starting to add new ‘widgets’ to the content of our page. Things like what you see in the screenshot above. News tickers, embedded video carousels, instant response polls, you name it. All due to the new framework we’re using to display our content.

We’re not done adding additional features; like a new search engine, custom departmental banners and a mobile stylesheet!

Thanks again to everyone involved and for those who let me be a part of it. It feels good to be proud of one’s work.

Television has set the standard of common resolutions and aspect ratios for years, but not everything seems as smooth as it should. For one as we are becoming increasingly more web-centric in our distribution models why are we sticking by these ancient limitations of size and shape.  Isn’t there something inherently more flexible with the web? Let’s challenge those norms and create something new with video.

Why do we have 16:9 aspect ratio TV sets but most computer monitors are 16:10? TV and computers both migrated toward widescreen layouts around the same time, but why such a subtle difference?

Another funny think about resolutions and the web is that there is no consistency. Take a look at this chart showing common resolutions of visitors to this site:

Some common Laptop resolutions and old school 4:3? How about netbooks?  iPhones and Blackberries add even more diversity.

I was sitting at a gas station the other night with my Flip and shot this, sideways. Why not? What I was trying to capture was better suited for a more portrait-like frame and it felt almost natural to hold the camcoorder like a small digital camera. Not to mention I can display a higher resolution video in the confines of the 450px column width on this site.

I’d like to see more creative uses of video, like this. What do you think? Is this just crazy talk?

They kept the site running for all of Lent with over 5,000 visitors and daily updates. The project was a success and something that I’m proud of.

As it was nearing it’s end I started studying the analytics and noticed a trend.  It quickly became apparent that the length of time on the site was exceptionally long due to the type of content being written.  The average time on site was over four and a half minutes. Longer than any other site I’ve maintained.

I thought to myself, “Wow, these daily reflections would be about a page and a half if printed.”

And in fact I was correct.

Interested in brushing up my InDesign skills* I looked into self-publishing options and found Lulu.

Learning a bit about how to format my document, page numeration, margins and all the other fun elements of layout I created a 91 page soft cover edition of the Lent website.  All 45 daily reflections seperated by the approprate weekly reflections. The end of the book even contains a list of all the Lenten pledeges that users submitted to the website.

I printed off 4 of these at about $6 a pop. Having enjoyed the professionalism and dedication during this project I gave them as gifts to the key members involved. I think they all liked them – as much as I did while creating it.

*The last time I used InDesign it was called Pagemaker.