Well, it’s been a long time coming, but we’ve finally got some screenshots to show.  Before we show them to you, though, a few things to know:

  • These are actual, live screenshots, not simply mockups.  The data is live and clickable.
  • These are not complete!  This is round one.  I’d call these about 80-85% done at this point.  They’re not pixel-perfect, some of our test data is still in there, etc.  But barring any major problems or amazing suggestions in the feedback, the final screens will look pretty much like they are shown here.
  • That said, we absolutely want your feedback on anything and everything.  We can’t promise to fit all suggestions or complaints into the final screens, but we’ll take everything under advisement.  That’s why we’ve adopted such an open design and development process.


We have five screenshots to share in this first round.  Each will be presented in a separate blog post (links below) in order to keep things focused.

  1. User Profile Screen and User Notes:  This one is first because it shows and explains most of the “common” elements on the screen.  It also shows the support for rich-text notes about a person.
  2. User Tree: Shows the “Tree” tab of the user profile with a pedigree chart.  There’s a lot going on here, so lots of notes to explain everything.
  3. Timeline[this post] Shows our current implementation of the Timeline view of events within a user’s lifetime.
  4. Tags: Shows and explains the concept of tags and how they can be used to associate people, places and events together in an ad-hoc manner
  5. To-Do List: Shows the implementation of a task list for work to be done related to an individual person.



The Timeline view shows a visualization of Events which occurred throughout a person’s life.  It’s a nice way to visualize events.  In the future, we’re planning to incorporate the ability to show relevant world-events as well as events from other people in your tree in a single timeline.

A: This is the Event area.  You can scroll back and forth with your mouse to move forward or backward through time

B: The controls allow you to zoom in and out, as well as jump back to the beginning of the timeline

C: Life events are shown as markers in the timeline area, with a short label of the event description and a relevant icon to show the type of content

D: The media section allows you to include pictures or video (local or from the YouTube and other sources on the web).

E: A description of the Life event.  Text can be user-defined or auto-filled by Origins.


That’s the Timeline.  What do you think?  We’d love to hear your thoughts or any ideas you have in the comments.


Dave & Lil