Archives For Technology

I was speaking with some of our developers last night about a mobile web options like jQTouch, jQuery Mobile, Sencha Touch. And then we started talking about Backbone.js. I first heard about Backbone last week from a prospective client who mentioned they use it with PhoneGap to create their apps. I guess I’m late to the table on this one, but in case you haven’t seen Backbone.js either, check out these great examples from their site:

Jérôme Gravel-Niquet has contributed a Todo List application that is bundled in the repository as Backbone example.

Todos

DocumentCloud

The DocumentCloud workspace is built on Backbone.js, with Documents, Projects,Notes, and Accounts all as Backbone models and collections.

LinkedIn Mobile

LinkedIn used Backbone.js to create its next-generation HTML5 mobile web app.

Flow

MetaLab used Backbone.js to create Flow, a task management app for teams.

AudioVroom

AudioVroom is a free music streaming app that allows you to listen to your Facebook friends like radio stations.

Foursquare

Foursquare is a fun little startup that helps you meet up with friends, discover new places, and save money.

Do

Do is a social productivity app that makes it easy to work on tasks, track projects, and take notes with your team.

Groupon Now!

Groupon Now! helps you find local deals that you can buy and use right now.

Basecamp Mobile

37Signals used Backbone.js to create Basecamp Mobile, the mobile version of their popular project management software.

Slavery Footprint

Slavery Footprint allows consumers to visualize how their consumption habits are connected to modern-day slavery and provides them with an opportunity
to have a deeper conversation with the companies that manufacture the goods they purchased.

Trajectory

Trajectory is an agile software planning tool used to discuss wireframes, record decisions made, relate user stories and bugs to discussions, and track your progress and plan the future.

SoundCloud Mobile

SoundCloud is the leading sound sharing platform on the internet.

Pandora

When Pandora redesigned their site in HTML5, they chose Backbone.js to help manage the user interface and interactions.

CloudApp

CloudApp is simple file and link sharing for the Mac.

SeatGeek

SeatGeek‘s stadium ticket maps were originally developed with Prototype.js. Moving to Backbone.js and jQuery helped organize
a lot of the UI code, and the increased structure has made adding features a lot easier. SeatGeek is also in the process of building a mobile
interface that will be Backbone.js from top to bottom.

Talking Points Memo: Baroque

Baroque is the editor currently powering the homepage of Talking Points Memo.

Grove.io

Grove.io provides hosted IRC for teams.

Kicksend

Kicksend is a real-time file sharing platform that helps everyday people send and receive files of any size
with their friends and family.

Shortmail

410 Labs uses Backbone.js at Shortmail.com to build a fast and responsive inbox, driven by the Router.

Battlefield Play4Free

Battlefield Play4Free is the latest free-to-play first person shooter from the same team that
created Battlefield Heroes.

Salon.io

Salon.io provides a space where photographers, artists and designers freely arrange their visual art on virtual walls.

Quote Roller

Coding Staff used Backbone.js to create Quote Roller, an application that helps to create, send, organize and track business proposals with ease.

TileMill

Our fellow Knight Foundation News Challenge winners, MapBox, created an open-source map design studio with Backbone.js: TileMill.

rround.me

rround.me uses the HTML Geolocation API to discover tweets, YouTube videos, Instagram photos, Foursquare spots, and other happenings
posted by people close to you.

Blossom

Blossom is a lightweight project management tool for lean teams.

Insta-great!

Elliott Kember and Hector Simpson built Insta-great! – a fun way to explore popular photos and interact with Instagram on the web.

Decide

Decide.com helps people decide when to buy consumer electronics.

Trello

Trello is a collaboration tool that organizes your projects into boards.

BitTorrent

BitTorrent used Backbone to completely rework an existing Win32 UI.

Fluxiom

Fluxiom uses Backbone.js and HTML5 to deliver a seamless upload experience from the desktop to the cloud, including drag and drop, live previews, partial uploads, and one-click sharing.

Chop

Chop is a little app from ZURB that lets people slice up bad code and share their feedback to help put it back together.

Blackcomb

Opzi used Backbone.js to create Blackcomb, a web-based platform for collaboration applications.

QuietWrite

James Yu used Backbone.js to create QuietWrite, an app that gives writers a clean and quiet interface to concentrate on the text itself.

Tzigla

Cristi Balan and Irina Dumitrascu created Tzigla, a collaborative drawing application where artists make tiles that connect to each other to
create surreal drawings.

New article on InsideRIA today:
Top Ajax Technologies and RIA Frameworks
I posted a fairly comprehensive list of RIA frameworks and Ajax technologies rated on:

  • Completeness of their UI control set, based on the list of essential controls
  • Usability of the controls
  • Aesthetics, based on the default visual design

I also included some examples of applications built with the top frameworks and technologies:

Presented on Nov 3, 2009 at Øredev in Malmo, Sweden.

What is the fastest way to get from a product idea to a rich internet application? By breaking down the communication barriers between designers and developers.

This talk takes a quick look at how to build a shared vocabulary and use prototyping to bypass extensive wireframes and development specs.

Take a look at 5 simple and effective prototyping tools:

  • Balsamiq Mock-ups + Nakpee
  • Any wireframes + Protoscript
  • Prototcasting (using click-throughs and screencasts to convey requirements)
  • Atlas and other development environments + visual layout editors

.

I’m leading the design on a new project and we are seeking an experienced UI engineer to bring the designs to life. The front end technology has yet to be decided- so you can guide the direction.

Here is a bit about the project:

The IQVine platform will provide niche market info and customized insight at mass pricing. This is a $3B+ addressable market. We use a crowd-sourced approach with what we think is a very differentiated back-end. Our longer-term goal is a real-time collective intelligence system that can extend into other ‘long-tail’ info/advice spaces. We plan to raise capital in January.

IQVine was started in early 2009 by Scott Kwon and Jim Heerwagen, who have success with taking several concepts to commercial product in venture-backed and public companies. Our profiles are on LinkedIn. Over the Spring/Summer we did initial customer and contributor validation. Based on this we now have two seasoned N-tier architect/programmers working on the object model, community authoring tools, a proprietary real-time transaction system, and a quality filtering system to automate a good chunk of the interaction processes. A project is underway to produce a clickable prototype. And we are doing more validation and fine-tuning go to market strategy this Fall. We need a technology leader who can bridge the gap from the object model on through to pixels.

What we need:

  • Previous success as a team leader in successful startup
  • System-level web app architect
  • Hands-on development horsepower – doer, not supervisor
  • Champion of open source, agile, and lean development
  • Knack for great user experiences
  • Crowdsourcing, rec. engines, machine learning, and content mgt. a plus
  • Solid engineering education or meaty large web-company experience
  • Communicator with a sense of humor . . . life’s too short

Our tough challenges:

  • Data visualization that shows semantic structure of complex and evolving market information.
  • Real-time transaction system that converts rated community contributions into dollars.

Email me, theresaneil at gmail, if this appeals to you and I will make the introduction.
—–

Fluency and Rosenfeld Media sponsored the first DelveUI, A 2 Day Masterclass on Designing User (Web) Interfaces last week at the NYU Poly Campus in Brooklyn.

I had an opportunity to speak about my favorite topic: design patterns and principles for rich applications. The talk is titled Designing Rich Applications– and illustrates the need for richness at four levels:

  • application structure
  • screen layout
  • selecting rich UI controls
  • interactions


I’m working on a nifty little flip book that has all of the application patterns, screen patterns, rich UI controls and interaction patterns. All the patterns are on index cards and you can carry it into design sessions- and flip through it for inspiration- or to find a certain pattern. tangible-ria-patterns

ria-flip-book1

Let me know if you think this would be useful.