Warning: include_once(/home/surtees/designnotes.info/wp-content/plugins/wordpress-support/wordpress-support.php): failed to open stream: Permission denied in /home/surtees/designnotes.info/wp-settings.php on line 306

Warning: include_once(): Failed opening '/home/surtees/designnotes.info/wp-content/plugins/wordpress-support/wordpress-support.php' for inclusion (include_path='.:/usr/local/lib/php:/usr/local/php5/lib/pear') in /home/surtees/designnotes.info/wp-settings.php on line 306

Warning: session_start(): Cannot send session cookie - headers already sent by (output started at /home/surtees/designnotes.info/wp-settings.php:306) in /home/surtees/designnotes.info/wp-content/themes/viewport/framework/zilla-admin-init.php on line 16

Warning: session_start(): Cannot send session cache limiter - headers already sent (output started at /home/surtees/designnotes.info/wp-settings.php:306) in /home/surtees/designnotes.info/wp-content/themes/viewport/framework/zilla-admin-init.php on line 16

Warning: Cannot modify header information - headers already sent by (output started at /home/surtees/designnotes.info/wp-settings.php:306) in /home/surtees/designnotes.info/wp-includes/feed-rss2.php on line 8
UX – DesignNotes by Michael Surtees http://designnotes.info Testing & Sprinting Wed, 29 Jun 2016 01:11:07 +0000 en-US hourly 1 https://wordpress.org/?v=4.7.7 Trying to Design the Perfect Remote Control for TV http://designnotes.info/?p=4352 http://designnotes.info/?p=4352#comments Wed, 29 Dec 2010 13:20:26 +0000 http://designnotes.info/?p=4352 Over the past year I’ve spent a ton of time working & thinking about an option to experience TV on the iPad. There’s a lot of great things that can […]]]>

Over the past year I’ve spent a ton of time working & thinking about an option to experience TV on the iPad. There’s a lot of great things that can be done with a swipe or press of a finger. It opens up better conventions than are available on a set top box that has to deal with old technology and legacy issues. It also opens up one issue that every designer wants to improve—the remote control. All of a sudden if a person doesn’t have to rely on an input device that is painful to use to search and browse combined with an iPad the whole convention of TV & movie viewing changes for the better. I’ve blogged in the past about the remote control experience trying to understand how it could be improved. One remote that got my attention when it first came out through images was from Boxee because of the keyboard on one side. I’ve never tried one so I found the review from Terrence O’Brien to be helpful for pointing out a couple things I wouldn’t have considered to be an issue.

FROM SWITCHED—TERRENCE O’BRIEN: The other major hardware component is the remote, which is unique with its full QWERTY keypad on its reverse side. On the whole, it’s a wonderful creation. Using the keypad is much more pleasant than navigating on-screen keyboards with basic directional controls. That being said, there are a few design quirks that keep it from being perfect. The symmetrical controls make it very easy to grab the remote the wrong way, which had us constantly hitting “menu” when we wanted to hit “play/pause.” The remote is also just a little too wide for comfortable typing, especially since the QWERTY keys take quite a bit of force to press. (Still, we’d take the Boxee remote over the Apple TV and Roku remotes any day.) Alternatively, you can always use the iPhone app, which gives you the option of controlling the Boxee Box with virtual buttons or by using hand gestures. Still, neither the remote nor the the iPhone app offer a good solution for controlling the on-screen cursor. Unlike the Boxee desktop app, many videos require you to launch full-screen mode with the remote’s directional pad, something that is at best inconvenient and at worst maddening.

Reading about the experience of using the Boxee remote a couple themes emerged. Trying to find something to do vs a simple action. For example trying to find a show/video through exploration vs. hitting a specific channel. Again because things are being relied from the remote with an up/down & side to side action it still relies on conventions of normal remotes. That’s not necessarily a bad thing. One of my favorite remotes is from Apple. It’s pretty disciplined with the number of buttons it has. The difference perhaps is that there isn’t such a physical disconnect from looking down on the remote while trying to keep one eye on the TV. The other issue mentioned that I wouldn’t have considered is the symmetry of the remote buttons. On screen it looks well balanced—but what happens when the icons and names rub off? Hopefully in V2 of the remote one of those two buttons in changed slightly in shape to signify which is which.

]]>
http://designnotes.info/?feed=rss2&p=4352 3
Looking at FlickStackr for the iPad & New York Times on Chrome http://designnotes.info/?p=4201 http://designnotes.info/?p=4201#respond Thu, 09 Dec 2010 14:10:32 +0000 http://designnotes.info/?p=4201 I’ve started studying apps like FlickStackr for the iPad & newyorktimes.com/chrome among among others. This is a really exciting time to be a designer because it seems like every couple […]]]>

I’ve started studying apps like FlickStackr for the iPad & newyorktimes.com/chrome among among others. This is a really exciting time to be a designer because it seems like every couple months and weeks something is coming out that is really changing how people interact with information. I just started using both FlickStackr and newyorktimes.com/chrome which kind of challenge some of the old ways images and text have been displayed—so I decide to take a closer look at my initial reaction to them both.

Yesterday as I was starting to updates my iPad apps I started to browse the Genius section of the app store. One suggestion jumped out at me right away. FlickStackr was recommended and since I use Flickr a lot. Up until yesterday I have not had a very satisfying experience with Flickr on the iPad. I haven’t been able to swipe or go through a lot of images from their website or any third party app.

Basics
FlickStackr is that it displays and makes it really easy to navigate Flickr images. If a person signs in they can see their own images and those of their contacts. Everything that a person can see concerning data and section information on Flickr’s website is available—though structured better. There’s recent activity, recent from contacts, groups, viewing photo streams, view collections, view galleries, view contacts and contact profiles.

Other Feature Stuff
A person can search photos, people and groups while filtering through relevance, recency and interesting. In the action tool bar a person can save an image, open it in a browser, share via email, Twitter and Facebook, have the ability to refresh a page (important when looking at the contact photo stream). Selected individual images have the ability to be commented on, favourited, tagged, EXIF data shown, view what sets the image is contained in, what groups it is a part of and what galleries it might be in. One feature that I’m looking to play with is the location based viewable abilities.

Flow
I really liked how the app was able adjust formats in both landscape and portrait modes. Whether I wanted to view a grid of images or list view, both modes worked depending on orientation. Even as I scrolled through images the load times seemed above average. I tried this on a couple different networks and this was the case even with a slow network. If I wanted to see an image full screen it took only a tap or two. If I swiped left or right the image advanced. It was a really enjoyable experience. There were times during the day that I just left the app on with the slideshow playing in the background—that was the first time I’ve ever done that. As I was tapping from one mode or section at a time, the way the columns contracted, colapsed or expanded made sense.

Things That Could Be Improved
As I mentioned about refresh—I don’t think people realize that their contact’s images aren’t the most recent that are viewable if they don’t press the refresh button in the action drop down. Once a person discovers that feature it’s fins, but an easier way would be an auto refresh. I also think that the home button is a bit hidden if a person goes pretty deep browse. Again to quickly go home a person has to use the action drop down menu.

Best Flickr App
This is easiest the best Flickr related app that I’ve bought and used. For two dollars it’s totally worth it. As I mentioned above up until this point there hasn’t been a great Flickr app. As I was studying the UI I was really impressed how fluid everything was.

NYTIMES.COM/CHROME

Within minutes of the first mention of NYTIMES.COM/CHROME on Twitter I opened up the Chrome browser and bounced around the New York Times site to see what it had to offer. After a couple minutes I was curious to see how it handled on the iPad. It was a bit weird for a website to ask if it could allocate 10mb of space to it—but since I was wanting to see what it could do I pressed the OK button. I was happy that in the basic modes I could advance screens by swiping.

Customization
After heading back to my MacBook Pro I noticed all the different modes of display. I noticed some display views to be quite polished while others probably could use more time trying to figure out the functionality. On the iPad I really liked the slideshow mode where one screen can advance the images one by one inside each section. When pressing an image the story is displayed. I liked that I could get an overview of a section quickly and having the ability to focus on the story once I was ready.

Stack was my go to mode on the MBP. I found that I could skim the sections quite fast while viewing an image and a couple paragraphs of text. Unfortunately that mode doesn’t really work on the iPad. My fingers weren’t able to advance stories in any of the sections. I tried tapping, sliding with one finger and two—nothing helped. With that said on the web browser there’s some really helpful keyboard shortcuts that I’m using.

More Development Cycles
Gallery view has a lot of potential but needs a couple revs. They haven’t figured out how to flex image heights and widths in a dynamic way. Another issue is the actual article page. It seems like a bit of an afterthought. It feels a bit clunky, especially in the Stack mode. If I’ve read the first two paragraphs with an image and press the read more button, I see the same text on a different page. Ideally it would just advance to the second page of text. I can’t recall if I saw any articles that contained more than one image (I’ll have to keep an eye out for that).

Coming Back
Aside from those minor issues I ‘m really excited with the potential of this site and Chrome’s ability to handle different modes to view content. They’ve given the reader options to decide how they want to read content. That is something that I hope more publications consider. RSS feed readers is something that I use, however if a publisher gives me more options than an RSS feedreader can show me, I’m more likely to visit the site.

]]>
http://designnotes.info/?feed=rss2&p=4201 0
Blackboard vs Whiteboard http://designnotes.info/?p=3602 http://designnotes.info/?p=3602#comments Thu, 28 Oct 2010 14:48:24 +0000 http://designnotes.info/?p=3602 Anyone that does a lot of design work will find themselves in front of a whiteboard from time to time. I even have a mini Muji version with me by […]]]>

blackboard

Anyone that does a lot of design work will find themselves in front of a whiteboard from time to time. I even have a mini Muji version with me by my desk. So when I ended up last night getting a tour of Debbie Millman’s great new space for her Masters in Branding program at SVA, the first thing that struck me was the wall to wall blackboard.

While I won’t comment on the actual illustration (I think it could be simplified a bit), the color bounces off the black in a way that a white board could never achieve. It looks amazing. Sure a whiteboard’s purpose isn’t to make things look pretty, I have to admit that I’d love to make a blackboard like this. I suspect that the best balance would be to have one wall painted for a blackboard and the opposite wall painted for a whiteboard. That way the best of both worlds can be used.

]]>
http://designnotes.info/?feed=rss2&p=3602 2
Opportunity through Constraint, Looking at iA Writer’s Keyboard http://designnotes.info/?p=3553 http://designnotes.info/?p=3553#comments Mon, 25 Oct 2010 13:03:26 +0000 http://designnotes.info/?p=3553 I kind of tried avoiding the iPad app iA Writer right after the release as I read tons of blog posts about it. At the time I wasn’t sure if […]]]>

I kind of tried avoiding the iPad app iA Writer right after the release as I read tons of blog posts about it. At the time I wasn’t sure if people were mentioning it because they’ve actually used it, or if they were pushing it due to personality. There’s been a bit of time since the initial release and I’ve started using it. Last week while on the LIRR heading out of the city with a couple people from Behavior, Chris Fahey showed me iA Writer going through a number of the features. Up until that point most of the blog posts I had read talked about aesthetics, not functionality. Maybe the hype was warranted because this app is all that I’m going to be using to make notes and possibly rough drafts for blog posts. (This is the second post that I’ve used this app for).

The small things that play a big part for me include knowing how much time a post could be read in and the Dropbox integration. The typeface used is also pretty great in readability and size. However the reason for the post isn’t so much for those features but for the additional row that has been designed for the keyboard.

A. This advances the cursor forward or behind single words.

B. Open and close parenthesis, press once to open and press again to close.

C. Cursor movement, this button is worth the full price alone. Instead of using the delete key or finger tap, this button moves back or forward one tap at a time. If WordPress ever comes out with an iPad app it better have this feature.

Those three simple keyboard features are extremely helpful but it also sheds light on part of the design process that a lot of design people miss or take for granted. Most people would look at the default iPad keyboard and leave it as is. Sure there’s technical constraints but they looked at the keyboard harder and figured out a way to build off of the constraints. Adding a new row gave the app the killer feature that no other note taking app has (as far as I’ve seen). I know as I continue to design I’m going to file this small but important idea of building off of constraints as opposed to just taking some things for granted.

]]>
http://designnotes.info/?feed=rss2&p=3553 3
Nice Way to Build the Options Mode http://designnotes.info/?p=3187 http://designnotes.info/?p=3187#comments Tue, 05 Oct 2010 12:34:11 +0000 http://designnotes.info/?p=3187 While I was exploring the River of News iPad app I noticed a pretty cool feature that think most people overlook. The River of News app is a rss feed […]]]>

Building the options mode

While I was exploring the River of News iPad app I noticed a pretty cool feature that think most people overlook. The River of News app is a rss feed reader that pulls in feeds from google reader. While going through posts with headlines there’s the option of seeing the post styled as the blog design had intended. At this point a person has the option of doing something with the url like mentioning it on twitter or facebook. The thing is though, there’s a lot of other options possible. The really nice way that River of News does it by having a More button. Once pressed there’s a number of other options like opening in Safari and saving it to instapaper. Once I’ve selected a new option it is saved in the options. Next time I want to open in Safari that will be my first option. It’s an elegant solution to keeping the options clean while letting the user select what they want.

]]>
http://designnotes.info/?feed=rss2&p=3187 2
Why the Page 1 2 and View All Pagination? http://designnotes.info/?p=3175 http://designnotes.info/?p=3175#comments Mon, 04 Oct 2010 14:54:57 +0000 http://designnotes.info/?p=3175 A small thing that always bothers me when I read articles online is the option at the bottom of the first page to go to page two or view all. […]]]>

A small thing that always bothers me when I read articles online is the option at the bottom of the first page to go to page two or view all. I typically come across this on the Daily Beast and Wired. While I understand that they’re looking for more clicks, if the content is only going to be divided into two pages there’s no advantage for view all. Why not at least divide the content into three pages so at least there’s a couple potential clicks. A person would either click on page 2 and page 3 or with a view all there still would be two clicks. At the moment it just seems like an oversight to have only 2 pages with a view all at the bottom. And why not give me the option of view all at the top, why do I have to scroll all the way down?

]]>
http://designnotes.info/?feed=rss2&p=3175 2
Exploring Gesture Deficiency http://designnotes.info/?p=2584 http://designnotes.info/?p=2584#comments Thu, 02 Sep 2010 11:52:35 +0000 http://designnotes.info/?p=2584 Yesterday while working on a multi touch iPad UI issue with Chris Fahey, the phrase “gesture deficient” came up. We were looking at some of the iPhone swipe actions to […]]]>

Yesterday while working on a multi touch iPad UI issue with Chris Fahey, the phrase “gesture deficient” came up. We were looking at some of the iPhone swipe actions to multi delete and wondered how many people like or even know about some of the things a person can do to swipe. Essentially there’s features built around those that are “gesture deficient”, for those that didn’t know that they can swipe delete things on their iPhone. This also relates to the iPad as well. One interesting response that I was asked about on Twitter after mentioning the statement was “what is the “unsuck” definition of that?” To that I replied “possibly swipe happy or happy tapper”.

Continuing on the swipe theme on a touch screen, I came across the iPhone game We Sliders. At first there doesn’t seem much to it. It’s actually quite ambient. There’s no music (though that would be cool), just shifting colour as a person moves the bars. As far as I can tell the goal is to sync the bars together by moving them side to side. At first there’s just two bars, once that level is completed is becomes three and after that it increases incrementally. I managed to get to six bars last night. As far as experiences go I’d rate this pretty high just on the uniqueness of the game and the discipline to keep it very simple (yet difficult) in terms of game play.

]]>
http://designnotes.info/?feed=rss2&p=2584 1
Looking at the Redesign of the @Nooka Website http://designnotes.info/?p=2140 http://designnotes.info/?p=2140#comments Thu, 05 Aug 2010 13:51:36 +0000 http://designnotes.info/?p=2140 I’ve been really lucky in 2010 so far. It has also been incredibly busy. While transitioning from Daylife and before starting at Behavior I had the opportunity to work with […]]]>

Nooka Home

Nooka Category Page

Nooka Product Section

Nooka Product Detail Page

Nooka Story Overview

I’ve been really lucky in 2010 so far. It has also been incredibly busy. While transitioning from Daylife and before starting at Behavior I had the opportunity to work with one of my favourite brands to design their new site in terms of UX. I’m not a huge fan of the word UX as I see it as part of the natural part of design, but I’ll save that discussion for a different post. Essentially I worked with Nooka to see what could be improved in terms of people finding products, creating systems for Nooka to talk about their story and facilitating an even better sense of community between Nooka and the fans that celebrate their designs.

I started with these six topics to focus on the redesign:

1. Audit Site
· What is in the site, what are the major categories?
· What is working?
· What doesn’t work?

2. Who is visiting this site
· Who are the people (what are their goals)?
· Gather feedback via blog, Twitter & Facebook (what do you like, what don’t you like)

3. What are the priorities
· When a person comes to the site, what roles does they play?
· What do we want them to do?

4. What is the story we’re trying to present
· What does Nooka want to express?
· What is the typical media release?

5. What is the strategy for growth and evolution?

6. What are the types of pages and the roles?

Process:
From there it was a matter of listening, asking questions and collecting the data. From that it was a matter of sitting down with the Nooka team to set a plan of attack. The main people on the redesign team was Yumi who did the visual design and the lead developer was Leslie. Providing feedback during the meetings and development were marketing and sales.

There’s a lot of details but to keep it on a high level I’ll mention a couple themes that focused on the redesign. As a huge fan of Nooka I’m asked quite often which watch someone should get. There’s a couple basic questions that I’ll start with that focus on the idea of telling time. From there it is a matter of deciding on a band and color. If we could design a home page that allowed people to get a broader sense of what Nooka has to offer we felt that people would be more willing to explore and focus on options. Another important aspect of the redesign was taking the different roles that someone might play in coming to the site. We used the product detail page as the core element and built a foundation around that. Each page shows a number of related products. Each section and category gives an overview to compare. Some fans know the product inside out and just want to see the new stuff—so there’s a section for that.

Being online is extremely important. I look at Matthew and the amount of time he spends on Nooka’s Facebook Fan page and Twitter account and wonder if there’s anyone else that spends that much time engaged with the people that enjoy his products. We wanted to take that spirit, include marketing and news information into one section. Nooka 360 was a section to create a system that allows marketing to be released in a timely manner yet not loose those personal connections. As with any site launch there’s going to be some adjustment in the next couple of weeks. Part of the plan was to release the site, gather feedback for a month and make any adjustments as needed. With that said if something feels kind of strange with the site as you explore, please let me know and I’ll pass it on to Nooka.

There’s a lot of reasons why I wanted to work with Nooka on this. I think it might have been five or six years ago I was complaining about their older website before I even knew Matthew. I was introduced to him via Tina to interview him for a blog post. From there we’ve been friends ever since so when the opportunity to help a brand that I truly respect, I wasn’t going to say no. It was also perfect timing as I was about to leave Daylife and could do a lot of the work before starting at Behavior. I had been on the old site so much that I had a pretty good idea what some of the pain points were. After spending a lot of time going through the site and looking at the issues with fresh eyes along with the team and listening to fans, a lot of the grid and systems designed itself.

]]>
http://designnotes.info/?feed=rss2&p=2140 1
Checking in with QR Code to See a Film http://designnotes.info/?p=2075 http://designnotes.info/?p=2075#comments Mon, 19 Apr 2010 12:59:19 +0000 http://designnotes.info/?p=2075 Over the weekend I saw The Secret in Their Eyes (highly recommend it) at Angelika. Typically like most people that don’t want to be dissapointed by standing in line I […]]]>

Fandango Mobile Ticket

Fandango Email

Over the weekend I saw The Secret in Their Eyes (highly recommend it) at Angelika. Typically like most people that don’t want to be dissapointed by standing in line I bought my ticket ahead of time. But unlike other times that I’ve bought my ticket online, I had the option of having the ticket sent to me via mobile. Having never used the option before I figured why not try it, especially with articles from NYT Web Coupons Know Lots About You, and They Tell and Apply thinking about stuff like this Apple Introduces us to a New iTunes “Concert Ticket +” System popping up these days.

Having never used a QR code as a ticket I wasn’t exactly sure what to do. A friend of mine had to buy a ticket so I stood with her and asked the guy behind the glass. At first he was slightly confused as to what was on my iPhone screen. After a couple seconds of thinking he basically said just go inside and they’ll scan it. As I walked to the entrance I was kind of wondering if this was actually going to work. Everyone in front of me was using paper and I just had my iPhone. Once I got to the ticket person I mentioned that I had the ticket on screen. She was cool with that and pulled out a scanner and printed off a piece of paper so I could get back in if I exited.

It was a pretty seamless process and I would use the mobile QR code again if I had the option. But as a first time experience I wasn’t really sure what to expect. There’s a couple small things that any business that want’s to start going paperless should consider. The designer in me thinks that a simple awareness sign might do the trick. It could explain the procedure of what steps are involved while also advertise to those unaware that such an option is available. Those steps could also be displayed in the email confirmation mentioning that a mobile ticket is available. That would have helped alleviated my first time confusion. I’d also clean up the typography with the actual QR code, I barely scanned the info that could have been made readable with a couple line breaks and bold text to highlight things.

]]>
http://designnotes.info/?feed=rss2&p=2075 4
Why Apple Probably Shouldn’t go into Search, Job Listings on Craigslist and Looking at Chatter to Find Work http://designnotes.info/?p=2061 http://designnotes.info/?p=2061#respond Wed, 31 Mar 2010 13:12:57 +0000 http://designnotes.info/?p=2061 Thinking about the headline Apple Won’t Build a (Web) Search Engine my first reaction was of course they won’t, there are better ways to find “stuff” online compared to search. […]]]>

finding

Thinking about the headline Apple Won’t Build a (Web) Search Engine my first reaction was of course they won’t, there are better ways to find “stuff” online compared to search. For example I like the fact that no two days are usually a like for me—that’s what living in NYC will do to someone Translate that to learning and finding valuable information on screen. When I type something into the search field I need to have an idea of what I’m searching for before I even start. After I press enter I’m judging the highest ranked result. Compare that to actually learning. How can search help when a person doesn’t know what to start typing with? Serendipity is a lot harder. Compare that to a link that a friend sent you or talked about. The subject or topic might be foreign but because they suggested it you’re more likely to click it. Think back to a time when you started reading something online, would you have been able to find it by starting a search query?

On the flip side consider where a lot of people go to start looking for a job. Craigslist is one of people’s first stops. The catch is that a lot of other people are applying for the same job so the odds start getting pretty low quickly. Contrast that to people shooting off on Twitter to people that follow them that they are looking to hire. Chances are if that Tweet follows the right channels of communication via trusted sources they’re more likely to find the right hire. All of a sudden Craigslist starts looking as old as the classifieds did when newspapers lost all their income to their online rival.

My case study about finding work via chatter as opposed to listing is when a friend at FIT was looking for some internship work during fashion week a month or two ago. She like every other fashion hungry person was looking at Craigslist. I didn’t personally know anyone in the fashion industry so my suggestion was to look to Twitter to see if a couple keywords brought in any leads. Since Twitter’s search engine is pretty bad I suggested Icerocket. For whatever reason they tend to actually show Twitter search results better. She ended up finding a couple potential opportunities that she wouldn’t have found through traditional online ways.

]]>
http://designnotes.info/?feed=rss2&p=2061 0
Walking to Work Today Mashup in Germany http://designnotes.info/?p=2059 http://designnotes.info/?p=2059#comments Mon, 29 Mar 2010 12:59:14 +0000 http://designnotes.info/?p=2059 Walking to work today

#Walkingtoworktoday has been an ongoing experiment for a couple months now. There really isn’t an end goal aside from sharing a pov as someone walks to work. For more information about what #walkingtowork today is, please visit my post Experimenting with Fragmented Medias while #walkingtoworktoday. The way that I set it up was that it was open ended that people could essentially do what ever they wanted to make it their own. In turn by sharing a couple simple keywords that collection could grow.

So I was pleasantly surprised to see a post from Markus Reuter talking about a map mashup about #walkingtoworktoday that he created with Jan Oelze. This is how they describe what they did to make the map. “The pictures with the tag “walkingtoworktoday” are pulled automatically from my flickr account and presented on the map via geotagging. And with the help of a yahoo pipe and twitterfeed new photos are also published on twitter automatically.” This is exactly the unexpected stuff that I hoped would eventually happen. If this is the kind of thing that interests you, please email me so we can figure out a collaboration.

]]>
http://designnotes.info/?feed=rss2&p=2059 5
Graduating from Daylife http://designnotes.info/?p=2054 http://designnotes.info/?p=2054#comments Tue, 16 Mar 2010 13:31:58 +0000 http://designnotes.info/?p=2054 Daylife

After blogging about my time at Daylife for the past couple of years, this will probably be one of my last posts about it. Today I’m graduating from Daylife and will start a new adventure with Behavior tomorrow. I thought it would be worth while to look back at some of the invaluable experiences of working at a start up in NYC is like.

I think in the mid to late nineties there was a mantra from the design community that it was important to understand business talk. What are CEO focusing on, what are C level executives talking about, how do the management teams function? While understanding that is still important, there’s a new skill that a lot designers are coming late to the game with. That is knowing how to work with engineers, building digital products and the idea of constant iteration.

Living and working in NYC has been one of my goals since I was in school in Canada. I also realized that the path along that way is never straight nor predictable. So when the opportunity to work for Daylife but something that wasn’t a traditional design place like a studio or agency—it wasn’t that hard of a choice. There were a couple reasons why I wanted to see what I could do there. It was the chance to build up some unique skills that not every designer would have, I didn’t totally understand the concept of aggregation—thinking that if I could make it more understandable while there, others using our system would benefit too, and there was an article that I had read many years ago from the NYT. That article was It Pays to Have Pals in Silicon Valley. That article is where I read about the PayPal Mafia where it lists off a number of successful people that started their own companies after once working all at PayPal. Back in 2006 when that article was published I filed it in the back of my mind—if the opportunity to work at a start up became available I should at least try it. It would give me a unique network of people that I might not otherwise have known about. There’s a lot of hype right now about the start up scene in NYC, a couple years ago I don’t think that was the case. So it was a huge risk for me to just do something that really was new territory for me. But now that I can look back it was really worth me trying. I also look at those that were at Daylife ahead of me and how successful they’ve become with their design work, so I have a lot to live up to post Daylife.

Working at a start up made me reconsider everything I knew about design, and business in this economic and technology climate. In bullet form here some of the things that come to mind for me.
· Building a product out of data
· Understanding product road maps
· Developing features, incubating ideas that can become a feature that in turn with time become a product
· Going through stages of product development
· The everyday all hands meetings and post mortems of launches
· Just enough design, agile development
· Info flow, UX and fragmenting content to create new meanings
· Working with engineers*

I really enjoyed launching new features and blogging about it. It gave me a chance to show what was going on, but more importantly gather feedback in a public space. Here’s a couple of those posts from newest to oldest:

A @Daylife Update: SmartSections and SmartTopics Launch

Working on Getty Images SmartGalleries by Daylife

Latest news from Le Tour de France 2009

Daylife Beta Topic Page: Kate Moss

Latest Daylife Select Release

Daylife Select Release

Check out Select.Daylife.com

Daylife Photo Matrix

Daylife Redesign Part One

It would be hard to distill one favourite moment at Daylife. It was the continous cycle of iteration that I was really proud to be a part of. We reworked every section of the site and content type that later on would become the basis for new products. It was cool to see what NPR, ABC News and Dallas Morning News did when they implemented it. In turn taking one of the most popular sections (photo galleries) and turning that into a successful product was invaluable to learn about in terms of product development. This is great gallery from Time Warner about Pandas

But after two plus years I think I’ve done as much as I could and now it’s time to move on. I would def. work with/for/ or create my own start up in time, but for now I just want take what I’ve learned and see what I can do with it. And for those that were at Daylife with me along the way—thanks for your help.

]]>
http://designnotes.info/?feed=rss2&p=2054 10
There’s Something Wrong Here. Advertising Age’s This Week’s Print Issue: The Digital Issue http://designnotes.info/?p=2039 http://designnotes.info/?p=2039#comments Mon, 22 Feb 2010 12:05:21 +0000 http://designnotes.info/?p=2039 Advertising Age: This Week's Print Issue: The Digital Issue

I don’t usually go to the landing page of Advertising Age, but when I saw this I had to take a screen shot of it. On display is their print issue displayed online that is talking about their digital issue. It seems kinda strange. But what’s more indicative of a print medium still not totally getting it is that when a reader visits the landing page, is there anything that a person is wanting to click on? It looks like everything is a hyper link as there’s things being underlined everywhere. Inside the issue they talk about online stuff (full disclosure, I haven’t actually clicked on anything yet), yet they don’t even know how to display online stuff themselves. Maybe this time next year when the print issue dedicates one entire issue to digital (shouldn’t it be the other way around) that they’ll release a new site that takes online into consideration.

]]>
http://designnotes.info/?feed=rss2&p=2039 1
Streaming Content Cone for Olympics http://designnotes.info/?p=2032 http://designnotes.info/?p=2032#respond Tue, 16 Feb 2010 13:29:41 +0000 http://designnotes.info/?p=2032 content cone

The Vancouver 2010 Olympics have only been on for a couple days yet I haven’t really been able to get into them. After reading NBC’s Infuriating Olympics Tape Delays Have Sports Fans From Coast To Coast Rooting For Its Quick Demise from Business Insider I might know why. I can get any result I want within a matter of moments after the competition has been completed. After Canada won their first Gold medal I knew almost to the moment because some of the people I follow on Twitter were sharing their excitement. I went to the the CTV who is the Canadian site that is carrying the Olympics to see footage yet the videos wouldn’t load. I’m not sure if it was because they couldn’t handle the traffic or the fact that they were geo blocking me. If it was geo blocking I have to ask why? Why make digital walls that aren’t needed, CTV only hurts their rep by not being available to a bigger audience.

I also started to think about the bigger picture of how old media hasn’t kept pace. For NBC it’s all about sponsors on tv which makes sense. The old thinking is that they’ll build up tension and edit the events for prime time. The problem is that everyone knows the results and watching it is hardly exciting. There’s so many events going on for the Olympics, why not curate the best of instead of adding filler? I’ve had a hard time navigating NBC’s website trying to understand what is being streamed, what is available to me because of my cable system and the fact that the online viewing experience is a huge effort with minimal reward. I see some events are on Universal NBC in HD, I don’t even know what channel that is on my Time Warner subscription. I Googled for it to no avail. It’s a huge info design nightmare that is missing a lot of potential.

When I think of a content cone for the online networked world we know live in, these are the things that pop to mind for me. When an event starts, stream the content live and unfiltered. People love to test, why not keep an eye out for those watching the stream and see what they’re affected by. When are people tweeting the most, what are they talking about? Those pops in conversation are a great place to start editing the footage down. As the event moves towards the end, other stories are naturally going to develop, those being easy to spin off as new content both online and tv. (I wonder how much longer will it be that online and tv are seen as different entities?). As the event completes and the peak or tip is formed there’s a ton of great content for a number of different audiences. There’s the unfiltered live stuff for those that can make the commitment, other stories that want background, a round up of the event afterwards, and if a person missed the event, a possible way to see the archived event. At the moment this barely happens. They’re trying to compress all that stuff together in primetime without much success. Trying to be all things to all people for a couple hours is not going to succeed.

Another way to get people more engaged is to open up the media elements. There’s no reason why a person shouldn’t be able to log into NBC’s Olympic site and create their own user page that allows them to grab content from NBC’s Olympic coverage, allow users to add their own notes and comments. As they create their own pages that drive traffic why not allow them to publicize what they’ve created? Let them embed that content on their own blogs, sites or Facebook wall. All links would drive back to NBC. It’s people driven curated content that allows people to create value where there was none before.

]]>
http://designnotes.info/?feed=rss2&p=2032 0
Additional Notes Thinking About Notify NYC http://designnotes.info/?p=2029 http://designnotes.info/?p=2029#respond Thu, 11 Feb 2010 17:12:01 +0000 http://designnotes.info/?p=2029 meta info

adjusted email alert

Source of truth, permalink & date stamp

Thinking further about my post yesterday Time to Iterate on Notify NYC and Weather Alerts and why a permalink for each notification could be helpful, I sketched a couple quick ideas. The main point of focus is that people want to pass along important info, however as it gets passed along things might get lost in translation. That’s why having a main reference point like a permalink with date stamp is helpful. Other consideration to possibly include is a hook for updates. That way when a person wants to follow up as information is provided there’s one location.

Quick Points:
· permalink the source of truth
· cognizant of 140 characters but messages shouldn’t be limited to that constraint
· people want to pass info along, messages might get messed up along the way
· updates to original notification

]]>
http://designnotes.info/?feed=rss2&p=2029 0
Time to Iterate on Notify NYC and Weather Alerts http://designnotes.info/?p=2026 http://designnotes.info/?p=2026#comments Wed, 10 Feb 2010 12:55:43 +0000 http://designnotes.info/?p=2026 NYC at the moment

photo

email

national weather service

notify nyc

twitter

As I went to bed last night I mentioned on Twitter that Snow was getting over hyped this year, though if good reason considering the record downfalls near DC. The only problem with it is that NYC has barely seen the same type of accumulation. We want crazy weather too. So as the latest storm rolls through my area I thought it would be interesting to take a look at how the blizzard that I’m currently going through is be carried out online.

I’ve been signed up to Notify NYC for quite some time which tells me when something pretty crazy is happening, though from time to time the alerts have to do with wind, debris and street closures. This morning the alert was about the current blizzard. I’d never taken a really close look at the email alerts but noticed this morning that there isn’t a url for more info or something to track back. I mention track back because if there had been a url I would have used it a tweet. So what I did do was copy + paste the alert text into search to see what results I’d get. In the results there was a page from the National Weather Service, a site I don’t think I’ve visited before. I was surprised in this day and age that this page hasn’t been redesigned, it’s begging for clearer communication. I can understand back in the day when fax’s would look like this, but today there really isn’t any excuse. I don’t even know if NYC is mentioned on the page to be honest. My next step was actually going to the Notify NYC web site to see what information it could provide. I almost missed the small alerts on the right rail that are being feed in through RSS. I think this home page if not all of Notify NYC’s web site could use another iteration on the design side. The alerts are played down and the sign up process isn’t very inviting. The email alerts I get provide a good service yet if I used the home page as an indicator of value I’m not sure why anyone would sign up. I was also surprise that each alert didn’t have their own permalink. If there had been I would have pointed a tweet to that link, but it’s pretty pointless pointing people to the home page that is hard to recognize important information. My last info find was that Notify NYC actually has a Twitter account. I did start following them but noticed that the tweets and the email alerts was different—probably because within email that there’s an unlimited character count as opposed to Twitter that only has 140. If Notify NYC could create a permalink to the original message and integrate that url system into both the email and tweet alerts there would be no discrepancy in messages.

nyc_weather

from Umbrella Today

And since I’m talking about the weather and alerts, these two alerts popped up on my iPhone as I was outside with my weimaraner. One is a basic weather tweet while the other is from Umbrella Today.

]]>
http://designnotes.info/?feed=rss2&p=2026 2
Undecided about that old iPad Thing http://designnotes.info/?p=2016 http://designnotes.info/?p=2016#comments Thu, 28 Jan 2010 11:57:14 +0000 http://designnotes.info/?p=2016 ipad viewing

APPLE/

APPLE/

How The iPad Could Change PSFK - PSFK_1264678541078

 The iPad Big Picture_1264678552282

Young and Brilliant • iTampon, er, iPad clashes with the big, bad web_1264678560126

After watching the iPad demo yesterday I was going back and fourth yes/no/maybe about getting one. In the end I’ll probably go with the low end version because I can, and I want something mobile to read pdfs, but as a tool to publish I don’t think it’s there. Their whole book publishing/reading metaphor is disappointing. There’s no reason to simulate paper books on a new tool. And for creating content with an iPad it’s really hard to predict without having one in my hands, but my experience so far with the iPhone is that it’s great for a lot of things but not long posts. The keyboard dock looks painfully old and makes me wonder if Jonathan Ives has ever blogged in his life at a conference? Again I haven’t even tried one of these things yet but it looks like the whole could have come out five years ago. I also understand how product development works, that they need to actually ship something worthy and iterate after that but maybe invest some time in unique metaphors as opposed to giving us a “what we know is best” dumbed down paper page.

Everyone has an opinion about the iPad online and it’s impossible to even try to read them all. However with that said there’s a couple unique points that I haven’t seen a lot of that are worth noting. While I was left disappointed with the NYT demo on the iPad (it didn’t seem to take advantage of being mobile), PSFK’s reaction to how they might change their publishing was interesting. Daring Fireball making a connection with speed as he’s actually held and used one is worth reading too. The fact that Apple controls their chip is a huge advantage. And there’s Nina’s window’s UI metaphor response taking into her account of using the iPhone to read content.

]]>
http://designnotes.info/?feed=rss2&p=2016 2
Family finds missing Daughter in Haiti on Daylife Photo Page http://designnotes.info/?p=2003 http://designnotes.info/?p=2003#comments Fri, 15 Jan 2010 17:29:01 +0000 http://designnotes.info/?p=2003 Family finds missing daughter in Haiti on Daylife. Screen shot 2010-01-15 at 11.13.25 AM

Family finds missing daughter in Haiti on Daylife. Screen shot 2010-01-15 at 11.12.30 AM

Back in the day when most design wasn’t digital it wasn’t easy to see if and how people interacted with the completed work. Now that everything is just about online a person can get a decent understanding of how a person interacts with a web site if the right measuring metrics are put in place. But at the end of the day a lot of the time they’re just numbers. That’s why it was really cool to see on twitter that ABC World News picked up a story of a family that found their missing daughter in Haiti through Daylife. It’s one of those rare cases that there’s an awesome story behind the numbers. You can watch the video clip of the news story at http://abcnews.go.com. The specifics of the story are around the last 45 seconds of the clip.

]]>
http://designnotes.info/?feed=rss2&p=2003 1
A Simple Post About Txting Donations to Haiti http://designnotes.info/?p=2002 http://designnotes.info/?p=2002#respond Thu, 14 Jan 2010 14:26:46 +0000 http://designnotes.info/?p=2002 haiti - News, photos, topics, and quotes_1263475707859

 You have donated nearly $3 ..._1263475794994

I’m almost back to a normal blog posting schedule after being in Canada for the past couple of days. While I wasn’t on a digital cleanse it did feel that way at some times. In Canada I did have my laptop but wasn’t always able to use it because I didn’t know the wifi passwords of where I was. It’s a pretty common issue whether a person is in a different country or city, it’s not always easy to get password information. Because of that I used my iPhone a lot more to get my news and information. And that was fine until my network on my iPhone stopped working—but because I was traveling the day my network stopped working I thought wasn’t going to be a big deal because I was flying. Unfortunately I had no idea what was going on in Haiti until I was walking through LGA very late the night the earthquake hit.

The images coming from Haiti are devastating, the photos above are from a screen shot of Daylife’s photo feed. What else is there to say? The news coming out is that there’s wide spread damage and it’s a miserable place to be. What people can do (which I find fascinating) is make a simple and easy donation of ten dollars via txt message to 90999 with the word “Haiti” to the Red Cross. I realize that txt messaging donations aren’t new, but the fact that over $3 million dollars has been raised so quickly that might not otherwise have been given is really phenomenal. It’s a feature that all non profits should consider when they are looking for donations.

If you’re interested in understanding other ways that people are trying to pass along info, there’s a good collection of ideas with this post for Ideas Using Tech to Improve Haiti Relief Efforts on Ground Report.

]]>
http://designnotes.info/?feed=rss2&p=2002 0
Decks vs Responses http://designnotes.info/?p=2000 http://designnotes.info/?p=2000#respond Tue, 05 Jan 2010 18:32:00 +0000 http://designnotes.info/?p=2000 why make predictions when you can observe and respond

Going from blog to blog and news sites to tweets there’s a ton of predictions out there, almost as many as there are top ten lists for 2009 and the last decade. A lot of the predictions seem to be about similar stuff that people are already doing with a “now it’s going to get serious this year” type of theme. That makes sense, but perhaps the difference between a marketing sound bite and a design response would be, let’s observe what people can and can’t do and figure out a better way to respond in action.

]]>
http://designnotes.info/?feed=rss2&p=2000 0