Archive for the ‘Misc.’ Category

Gravity and White board Markers

Aug 10
31


Gravity pulls ink down. If you store your markers in a cup like I do you’ll always get squeaky markers that perpetually run out.  A better way to store them is perhaps upside down, like new ketchup bottles, they working with gravity.

The problem then becomes that it’s harder to tell the colors apart.

A simple packaging re-design would probably encourage markers to be stored up-side down and whiteboards the world over would rejoice.

On a semi-related topic we released an update to our Whiteboard iPhone/iPad App.

Going Mobile – Giving users the finger

Apr 09
29

Last month I gave a talk for UPA Boston, this is a summary of that talk.

Over the last five years we’ve seen a shift in mobile applications.  For about 30 years people thought of mobile phones as an extension of traditional phones. They would make calls and that was the primary use. Over the last 10 years we’ve added features like voice mail, texting and even basic web browsing. It wasn’t until just the last 4-5 years that the next wave of mobile has taken off.

Mobile today

Mobile phones today are dominated by three classes of devices, 16 button, 60 button keyboard and new touch devices. There are about 1Billion 16 button phones, 50-100 million keyboard phones and about 20-40 million touchscreen phones. I’m mostly talking about this last category of emerging phones though some principals apply to both keyboard phones and 16 button phones.

The key difference between the phones of yesterday and the phones of today are a combined set of capabilities and technologies that fundamentally change the user experience. These include:

  • Always connected – email/web/etc
  • Adaptive input screen (control every pixel)
  • Geo-location
  • Touch/Gesture interface
  • Accelerometer
  • Apps you can download

A lot of these technologies existed either in isolation or in awkward implementations. Together they allow for a much richer application experience. This has become a platform that is fun, exciting and profitable for application developers.

Design for existing behaviors

When designing an application it’s key to keep scenarios in mind. A scenario is the basic story of how a person may use the application. The important thing when thinking about scenarios is that actions tend to stay the same but the way you complete those actions changes.  Behavioral changes are difficult and rare. It’s much easier to design tools that encourage and support existing behaviors. Similarly it’s much easier for end-users to adopt your application or tool into their existing behaviors rather then changing established patterns.

Designing for Mobile

When designing for mobile remember that people are out in the real world. Your application needs to be a good alternative to the desktop/laptop. The factors for this type of design should include:

  • Input methods – make it easy and minimal to get information into the device.
  • Form Factor – Design for a smaller screen size and make it easy to read and get information back out of the device.
  • Location – Take location into account
  • Efficiency – A mobile application should be quick and efficient
Input Considerations
You can’t always expect that the user has both hands free. People are often holding something else in their hand, coffee, bags, railings, doors, etc.  You should design your application to be usable with one hand. Consider scenarios where the user may have both hands occupied, driving, running, etc.
Opposable thumbs are great but they aren’t perfect. There are spots on the phone that are particularly hard to hit with one hand. Certain apps aren’t designed well for single handed use. Fitts law doesn’t work on mobile devices. Because of the mechanics of the human hand certain zones are easier to hit and this has little relation to the screen edge.
Output Data
Use large presentation size fonts, 14-18pt fonts are typical. Use large finger tip sized targets, 30-40px are easy to tap.  Small targets are particularly hard to hit. Examples: Info buttons are tiny and sliders tend to be particularly hard to tap.
Touch Screen Language
The user interface language is being defined now. The desktop conventions of click, double click, right click. These conventions don’t always hold on a mobile device. A whole new interface language is being developed in rather an ad-hoc way. Certain conventions are becoming more popular:
  • Tap – most similar to click
  • Tap & Hold – magnify, copy/paste, selection/make dragable
  • Swipe – scroll, secondary action/delete option
  • Pinch – Zoom
  • Shake – Undo/Refresh/Clear
Basic guidelines
1) Each screen should do one thing (well)
2) Minimize on-screen elements (quantity, not size)
3) Make things easy to tap
4) Avoid preferences
5) Design for the 80% case
The session covered other topics including Mobile Wireframe Design, Mobile Web Design. Mobile Usability, and Mobile Gaming. The variation of the talk will be given at this years Mini-UPA, an event put-on by Boston UPA.  If your company or organization is interested in hearing it first hand contact me for additional info.

iPhone 3.0 Announcment

Mar 09
20

The new iPhone 3.0 release marks a significant milestone in sophistication and leadership.  The new release seems to serve two agendas.  1) Satisfy developers 2) Satisfy end-users

From the end-user perspective the iPhone adds a number of features:

  1. Cut, copy, paste
  2. Photo/text message (MMS)
  3. Landscape use of email, notes and other applications
  4. System wide search
  5. Voice recording

Among a long list of many other new features.  These make the iPhone a much more powerful device and narrow the gap between what was traditionally seen as a laptop function and what was considered possible for a phone.  Most of these features were changes to the core built-in tools and could only have been done by Apple.  I suspect the timing of the summer release will be such as to poison the well for the much anticipated Palm Pre device.

The three things that users want and are still missing were:

  • Flash support
    Was omitted probably for as much political as technical reasons.  Apple likes new developers coming to the platform and wants unique native applications, not Flash ports.  I expect they will hold off on this as long as they possibly can.
  • Background applications
    Were omitted for performance reasons.  While I may not like it I agree with the trade-off.  If background applications were allowed Facebook, Twitter, ESPN and everything else would try to run in the background killing the battery.  A server based push model while not as flexible is a good way to address this pain point.
  • Video Recording
    A core function seen in many lower end phones. It’s possible the new API’s will allow developers to do this but given everything else Apple did add I was surprised this was not done.

Developer Features

Much of the recent success of the platform has been in large part to developer written applications and the App Store. Apple announced that over 800,000 downloads of the SDK. Wow!  Apple has taken the original iPhone that wasn’t a platform at all and over the last year has turned it into a mobile computer.

We’ve been designing and developing applications for the iPhone since it was released and while the iPhone is a very powerful platform there were a number of rough spots that Apple has been fixed with this new release.

  • More complete set of API’s.
    The original release of the iPhone SDK was limited in that a lot of the API’s were not documented or makred as off limits. With this new release Apple promises 1000 new API’s hopefully opening up more flexibility in what applications are allowed to do and the types of tools that can be built.
  • Easier wireless networking.
    This new functionality allows users to play/chat/interact and otherwise communicate with other local users. This opens up a number of possibilities for social games, information exchange, syncronization and interactions.
  • Built-in maps.
    Google has allowed their map component to be used in other applications. It’s still not entirely clear how this will work but this adds a nice component that was previously unavailable.
  • Push Notifications.
    Many applications need the ability to alert you to new things, events, alarms, messages, etc.  Push notifications provides a solution for this but unfortunately it won’t work for some types of notifications.  You can’t build a “Where is my child application.” or “tell me when I’m near so and so.” you can however build many other applications that were previously not possible.
  • Interaction with hardware.
    This is a big one. Expect to see custom iPhone apps for many of the speaker systems and audio docks Bose, Griffin, Altec, etc. Expect to see custom iPhone apps for BMW, Volkswagon and Audi to allow you to control various car features from your phone or Ipod Touch.  This will lock in the iPhone to a lot of new hardware devices (good for Apple, bad for other competing devices.)
  • Interaction with the music library
    This will allow applications to play music from your own music library. So you can pick a playlist in a game and listen to your own music without having to exit out and go start your iPod.
  • UpSell and Subscriptions
    This is a big one for developers. The business of application building has some problems in it’s current form. Any established software company knows you need the ability to upsell.  The ability to upsell and sell subscriptions allows developers to build deeper and richer applications, create new content and new features that can be sold.  This enabled a whole new breed of applications that could previously not have been done.  Apple still seems to be missing the ability for developers to charge for software upgrades (upgrade from version 1 to version 2 for just $0.99) but hopefully this is will be possible.

What we’re personally most excited about:

  1. Wireless networking – We have a game that we would like to enable with Wireless Networking. We’re also thinking about a business card exchange program that could do the same.
  2. Hardware Support – We have a fitness application that could take advantage of hardware support
  3. We have a music application in development that we would like to be able to play your own library

Kindle ReDesign

Feb 09
12

While the technology is amazing and the concept of an e-Book reader is great the actual design of the Kindle and it’s second version is still pretty bad.

The core scenario is reading content and the design doesn’t reflect this. The design has too many bells and whistles and not enough elegance to be a truly great device.

  • A keyboard has no business being in a book. It clutters the hardware and it takes away space from your content.  It’s about consuming content not creating it.
  • The device needs to be touchable.  If you’re going to offer any type of interaction with the pages and content you need to be able to touch the screen to turn the page and tap menus.
  • The design should be more anthropomorphic (human-like) both in look and interaction. It needs to feel less mechanical and more natural.
  • It needs to properly render the design intentions of the typographers and publishers that created physical books. Things like hyphenation aren’t just pretty, they help readability. The book content comes first.
  • Black and grey, really?  This is an example of a compromise in the design.  The readability, functionality and user experience suffers because someone decided that it needed to use e-ink. This technology is cool but it’s performance and color contrast is still not as good overall as a color screen. Yes you can use it outside but a design that sucks inside still sucks outside.  Plus you can’t read it at night without a secondary light.

My proposed design:

  • Three buttons, on/off, next page, previous page. Everything else is touch screen (including a touch keyboard when needed)
  • Color screen design allows for better web and book reading
  • Screen takes up 80%
  • Typography and graphics are rendered as the author intended
  • No menu/wifi/battery indicator. It’s a book. Tap the screen to see menu/status info/options.

Podcast Interview

Jan 09
22

Just a quick link to the CocoaCast Podcast. They have an interview released today with me talking about my company, mobile development, design and some of the things that we’re doing.  Listen here.

IPhone Application Design

Jan 09
9

I’m going to talk about four of our recent iPhone projects that we’ve been working on at Raizlabs. Two of them have shipped two have not. We started developing for the iPhone over the summer of 2008 and have had a fun ride. The mobile UI design space is quite different from traditional web-design in that it forces you to think about application design in a whole new way.

In the process we developed some tools to help other designers. Make sure to check out our iPhone wireframe toolkit.

RunKeeper

RunKeeper Mockup

This was our first large application, we were approached by a new Boston start up looking to enter the fitness space. We discussed a number of ideas including a web-dashboard, GPS integration and other technologies. We hit upon the idea of creating a mobile version of a GPS watch.

This was before the iPhone 3G was announced so we were taking a risk that the upcoming phone would in fact have GPS capabilities. The value proposition was simple, why buy an expensive GPS running watch when you can get a low cost iPhone application to do the same thing.

The user scenario oriented around a runner who would start their music and start a run.  The display had to be easy to read while running and provide easy to read and easy to understand information.

Through several iterations we discovered how many customers are actually bikers, hikers and the various ways that GPS data and accuracy can vary based on where you are and what you’re doing.

The application has won many awards and has been featured in a number of newspapers, blogs and other publications.  RunKeeper continues to evolve as we disect deeper interaction problems and continue to refine the end user experience.

You can download RunKeeper and get additional information here

Loan Lite Mortgage Calculator

LoanLite Mortgage - Calculator</b>

Loan Lite started off as an exploration by our summer intern, Justin. The goal was to develop an application that had one user interface page, was meant to be used in a mobile scenario, could be developed in about a week and sold for at least $0.99.

We explored a number of ideas and decided that a mortgage calculator could solve a problem for house-hunters or real-estate agents on the go. Figuring out mortgage calculations isn’t rocket science but it’s also something that people tend to need while away from their PC’s.  We also felt that the utility of the application far outweighed the .99 cent cost, especially considering the typical price of a home.

We did a competitive analysis of existing calculators and found that many didn’t offer adjustments for home owner fees, insurance and similar considerations when trying to determine a monthly payment.

The application was put together over the course of a couple weeks and served as a good foundation for learning objective C.

This mortgage calculator is available from the iTunes app store.

A note to comp-sci students in the Boston area. We’re always looking for talented and driven people for summer internships.

Word Popper

WordPopper

Word Popper is our first design exploration into mobile games. We wanted to design a simple game that could be played solo while waiting for the bus or train but also incorporated an online multi-player component.

We wanted to create a fast moving game so unlike Boggle or Wurdle where you have to string nearby letters together to form a word we allow the user to pop letters anywhere to create words as fast as they can.

This creates a fast moving casual game that can be played by crossword junkies, scrabble and boggle lovers and casual users alike.  The online component allows users to play the same board as other users and compete for high-scores.

Designing for a game is very different from designing a typical website in that you’re more free to explore effects such as animations, buzzers and sounds.  The most interesting thing about game design is usability. The main purpose isn’t to accomplish a specific task but to have fun.

You can download Word Popper from the store here.

JetSetter App

JetSetter Luxury Game

JetSetter is a experiment in psychology and economics of high-end products. The majority of iPhone application are currently targeted at the low-cost or free side of the market.  The assumption is that to generate the greatest profit you need to generate a ton of demand. To generate a ton of demand you need to have a low price point.  For this reason you see many low cost apps.

Unfortunately for application developers having a low price point no-longer guarantees high demand.  We wanted to try something different.

JetSetter was designed as a high-end game. In fact we plan to make it the most expensive game that Apple will allow at $999.  While some may view this as outrageous this is intentional because we want the game to be more exclusive. A limited audience may garner a premium price.

The object of the game is to travel around the world on your private jet and accumulate points for the distance you travel.  What’s that?  You don’t have a private jet?  Well then you probably can’t afford this game either.

The game explores the high-end of the iPhone application market a section of the mobile space that has been mostly ignored.

In the $0.99 cent world we need to sell over 14,000 copies to make 10K.  While in the $999 world we only need to sell about 14. This means that smaller more specialized high-end apps can in theory be very profitable.

Weather or not this model for applications will work is yet to be seen. The application includes some interesting social features to make it appealing to an exclusive crowd.  The application isn’t yet available but keep an eye out on JetSetterApp.com if you have a Jet or fancy yourself as a JetSetter and think you can afford it.

Online Voting – The future of politics

Oct 08
31

It seems obvious to me that the current method of voting is completely broken.

  • Stand in long lines
  • Use voting machines that are difficult to use and prone to errors, or not properly calibrated.
  • Get no receipt or validation that you voted
  • Have faith that your vote is counted and can’t be tampered with
  • Inadequate voter information for everything that’s not at the top of the ticket
While you may personally love waiting in lines outside a school gymnasium in the hopes that your vote is counted on election day I think the future ballot looks a bit different.
Voting online securely can be thought of as an extension to the ‘Absentee Ballot.’ The security model is exactly the same. The voter receives a registration code in the mail. It is a unique code that allows the person to go online and vote through a web portal.

Online Voting Concept

The online web-experience could be designed as a simple step-by-step process that can be done in a non-rushed way in the comfort of your home. The online experience could allow candidates to make a better statement and provide final information to candidates.
We currently get bombarded by presidential campaigns but when it comes to various local positions voters are woefully uninformed.
Once you finish voting online you could get back a receipt code that you can write down on your voter card. The receipt code allows you to come back and check your vote anytime you want to ensure that the vote hasn’t change and to see how the vote is counted. The receipt acts as a unique hash code preventing the vote from being tampered with.  The original code hashed with the votes equals the receipt.  If you try to tamper with the votes you can’t unless you have the original code.
Now things can still go wrong so in the event that a recount the receipt can act as the ballot.
Like this idea, read my post from last year that got me thinking about this.

19 Things Startups Can Do to Save Money

Oct 08
16

As the economy spins small companies and startups are looking at what they can do to cut costs to save money now. Here are some ideas:

  1. Everyone does not need a phone.
    Sure you need one in the office and maybe someone else does but you don’t need one on every desk.
  2. Have everyone turn off their computer at the end of the day. If you don’t remote-control your computer set it to turn off after 30 minutes idle.
  3. PDF instead of printing
    Printing wastes paper, toner and time.  It’s easier to share ideas electronically. Avoid printing whenever possible.
  4. Death to the fax machine

    Save money Office Space Style

    Don’t have another line for a fax machine. Use a free efax account to receive faxes and use the scan & PDF to send documents back.  Take the fax machine out back and have yourself an Office Space moment.  (Please post photos if you do)

  5. Sub-lease/share office space
    If you have more space then you need consider renting or sub-leasing some of it.
  6. Save on software (online/google apps for domains)
    Google Apps for domains instead of Exchange, Google Docs instead of Office. Give people the tools they need but a bias for online apps can save you a lot.
  7. Filtered water instead of bottled water, soda, etc.
    It’s better for the environment, better for employees and it saves you money.
  8. Send sick employees home
    Keeps other people from getting sick. People who have a cold can easily work from home.
  9. Stop advertising things where you can’t measure ROI
    Are you advertising products or services and not measuring the Return on Investment?  You have to know if your advertising is working.
  10. Do it yourself marketing – Blog, update your website
    You can market your own website, service, company. Start a blog, email a press-release about your company. Update the text on your homepage. Is your content stale? Fix it.
  11. Ask your friends who they use for vendors and how much they pay
    Find out who others use for suppliers. If they are getting better rates see if you can negotiate something better.
  12. Buy ‘Home’ level services instead of ‘Business’ class
    Many companies and software companies sell business plans for Cell phone, Internet, Backup software, PC’s and more that have higher prices for business services that often have few or no advantages to small businesses. If the company allows it, buy the ‘home’ plans to save a bundle.
  13. Buy your white boards at Home Depot
    It’s called “Solid White Tileboard” and it’s ridiculously cheap. You could wallpaper with this stuff.
  14. Clean your own office
    Get a Rommba and take out the trash. You don’t need someone to come-in every week.
  15. Get someone to help you with your books.
    My accountant has “found” over a thousand dollars for me. Well worth the money spent and the time saved.
  16. Good Payroll systems can be low cost
    Don’t overpay for payroll. Good quality services can be very affordable. I recommend Bank of America Payrole. I used to pay 5 times that much for a system that was much worse.
  17. Save on legal costs
    If you do a lot of the work upfront you can save a ton on agreements, patents and other legal advice.  If you prepare upfront then the time your attorney spends helping you will be efficient time.  Often times standard agreements are available online that apply to your specific situation.
  18. Cancel memberships that don’t provide value
    If you signed up for a professional membership that sends you a newsletter that you don’t read go cancel your membership.  If you have a membership that you only use a little cancel that as well. Larger member organizations often send you 20-50% savings coupons as soon as you cancel.  You can always go back if you change your mind.
  19. Don’t use recruiters
    Offer your employees and their family rewards for finding new employees. You’d rather give $1-5K to your employee as a bonus then $10-$20K to a stranger.

Command Line Interfaces

Aug 08
27

I’ve been playing with a new tool from Mozilla called Ubiquity. The best way to explain it is that it’s a fixed grammar command line interface for the web.  This basically means that there are certain verbs or commands that can be applied to pages or selections on those pages.

If we think back to the days of DOS and Unix command lines the primitive operations where things like: DIR,  COPY, CD, TYPE, MORE, etc.  In Ubiquity the commands are things like MAP, EMAIL, CALENDAR. Of course anything can be a command.

The interesting thing about Ubiquity is that it allows command scalability. You could have thousands of commands or more and the interaction model stays the same.  The problem with command line interfaces however is that the person has to adapt to the grammar of the command line.  If the person doesn’t know the syntax of the commands they won’t get much done. The Ubiquity demo looks great but when I installed it and tried to add a map to my email the commands that I might try first “add direction” or “insert map” don’t always sync with the commands that Ubiquity understands.

This tends to be a problem with any fixed grammar system. It forces the user to speak like a computer.  The high level intention is great but the problem is that normal people don’t have fixed grammes. They say thing that are unpredictable.

Ultimately we would love to be able to say what we want and have the computer figure it out.  The problem with this is that it’s a very hard problem.  The only company I know that has shipped a product that tried to do this is Microsoft with it’s Clippy feature::

Unfortunately clippy didn’t really work out.  The character that was meant to encourage users to type questions in a normal and human way ended up disappointing users with unpredictable results.  It was as if the only button you had as a choice was “I’m feeling lucky.”

Ultimately I think Ubiquity is a great start.  Even a finite interface grammar language is better then none at all. Some of the basic commands could certainly make it into a shipping product.  In many ways Ubiquity is an open way to create a command library.

Gas icon

Jul 08
23

Next time you’re in your car take a closer look at the gas icon on your dashboard. Most modern cars use a subtle graphical arrow next to the gas icon. 

photo

The little arrow shows the side of the car that the gas cap is located. In the picture above the gas cap is on the drivers side. 

Car companies can’t standardize on a side to put the gas cap but at least they’ve managed to agree on what icon to use.