Massuah – Website Design

Almost two years ago (wow, time passes by…), when I just joined Emara as the Director of Interaction Design, a big project was just kicked off. It was an ambitious plan to completely re-design the Massuah website.

Massuah is a museum dedicated to the Jewish Holocaust that happened during the 2nd World War. The project was ambitious not only because of the website’s size, but also because of their progressive view of the issue. Massuah Museum approached this delicate subject with nothing less than boldness.

The museum states: “The Massuah Institute for the Study of the Holocaust is a museum and an international seminar center designed to evoke discourse on the significance of the Holocaust in our contemporary society and culture.”

In the same spirit we wanted to create a different experience, not dark and depressive but updated and fresh. We wanted to create an experience that will attract young people, we wanted to provoke thought.

In this project I acted as lead interaction designer and information architect, and later on as the project manager too. Managing the project wasn’t an easy job: a mix of stake holders, aggressive customer, and even few consultants from the the customer side, who believed and acted with no alignment with the customer, led to many disputes and dozens of iterations. There were times I was sure the project will never come to an end. Just before the project’s deadline Emara was sold to Time to Know (where I still work today)…

Despite all the pitfall we managed to deliver the wireframes and the visual design,but the disputes continues for about 4 more months. After another 12 months of work by CDTech Massuah’s website is live.

The implementation happened with us out of the loop (after all the Emara was sold already), so there are many nuances that weren’t developed as designed. Nevertheless, I think the final result is pretty good, and the main objectives of the project were achieved. I’m especially proud with the virtual exhibitions: What was the word Holocaust, and Stories.

 

Here are few examples of the website design:

Home Page

This page had so many iterations I wanted to cry. These 4 cards (initially designed as only 3, but the customer insisted on 4), were designed to be implemented with Flash: the cards should roll and reveal their other side when rolling the mouse over them, to call for action and to expose the users with relevant content right in the Home Page. Unfortunately this page was implemented with HTML only, so the experience is not at its best. If we knew they won’t develop it in Flash we would designed it differently.

image

image

 

The Museum page

This page was planned to be a simple revolving banner, to expose museums exhibitions.

image

The customer insisted on a design she wanted, and this is the result: A more complex and noisy experience, as we expected (an alerted) it to be.

image

Simple list

The events page was designed to be a generic list that would be used in several page in the websites. It worked well. Nothing interesting to say about it.

image

image

An Event Page

Each item in the event list was designed to be a link to the event page. This page contains some description, optional video gallery, photo gallery, documents and even comments mechanism for after even discussions. I went through all the events and the only one that contained most of this objects was this one. I haven’t found the comments anywhere though… still the pages look nice and clean.

image

image

Complex List

A simple list was not enough and although we wanted to design simple clean pages, our customer seemed to add more and more content and requirements every meeting. This page was required to hold a title, functions (like print, send a friend), and two kinds of list (one above the other): a two column list and a generic simple list that was designed above. Each list item should have been a link to another page… Sounds awful? Well, it was implemented much simpler (this is good), but with no care for details (that’s not so good). See for yourself.

imageimage 

Stories

This is one of the 2 virtual exhibitions implemented with Flash. I feel they are the pinnacle of the website (and it’s bad they are not so visible on the homepage). This exhibition is supposed to be a strip puzzle created of hundreds of personal stories. I think the navigation works well,  and although there are some implementation errors, it creates an interesting user experience.

image  image

image

image

What was the word Holocaust

This was a virtual representation of a physical exhibition. In the design we used the 3rd dimension as the timeline, thus creating a feeling of movement inside and outside – the past and the present. I think it was designed and implemented pretty well (not without flaws of course). Looking at it now, I would add some music and sound effects to make it more intense.

Conclusions

This was not an easy project. Although the political complexity was much greater than the design complexity. Still I think every situation is an opportunity to learn. After all, blaming others won’t help you much, but learning and changing your ways might produce better results next time. These are my main lessons:

  1. Choose your customer. It’s not always possible, but there are situations that you should decide if that customer is really a good business. Sometimes, loosing a customer is much better than painfully serving one…
  2. Be precise about the customer needs. Talk to your client, look at his current website, understand his plans for the new website, understand what he really needs (to understand what he wants is not enough).
  3. Don’t work without requirement docs that both sides agreed about. It’s better to write them together, after you understood his needs (see previous bullet). This is especially important in a big project. There are clients that will continue pouring new requirements on you.
  4. Define your rules of engagement. Define what is allowed and what is not. Communicate it to your customer clearly. Hold to these rules. Having rules without the ability to implement them is like no having rules at all. Rules are important. Where there are no rules, there is chaos…
Advertisements

Productivity Tools

As promised here’s a summary of my survey. Hope it will help somebody…

Solutions

After the long survey I found few distinct categories from a feature-list perspective.

The categories are:

  1. Reminders
  2. To-do lists
  3. Classic project management tools
  4. Calendar-based task management tools
  5. Collaborative project management
  6. Total Solutions

Reminders

This is, probably, the simplest solution on the web. Actually it is so simple I was surprised when encountered it. Yet, they have some productive value. All you have to do is drop a line (a task) and an email to someone (even yours). That’s all. Until the recipient replies that the task is done, the service continues to remind about it daily by sending him an email.

I found two services here: the ultra simple Please notify me (by Paste interactive, really cool firm) and Monkey on your back. Both are easy to use, free and appealing.

Please 

Monkey on your back

To-do Lists

This is also a group of solution I was amazed anyone actually developed it. All you have is a simple list of categorized tasks. Usually all you can do is update the tasks status. In some solutions you can add a bit of info (target date, for instance).

In this category of solutions there are few free web-based solutions (Just todo list, the online CEO), but there are also not-so-free desktop solutions (todopaper, tudumo), which cost 30$. I can’t understand why to pay so much for such a simple (and local) solution. They don’t do much more than a notepad… and notepads are extremely mobile while these solutions are not…

Just to do list

The online CEO

TodoPaper

Tudomo

These two last desktop solutions are GTD (Getting Things Done) oriented. At first, I thought that GTD solutions should have a category of their own, but after surveying so many solutions I understand that GTD can be incorporated in a big range of solutions. GTD is expressed by it’s own language, pre-defined statuses and task views, but doesn’t define the set of features.

Classic Project Management

This set of solutions support the classic project management capabilities: task and milestone planning against timelines, and resources allocation for each task. Usually these solutions support some progress reporting. To name a few: Milestone Planner (web-based, free), TeamEffect (web-based, paid), Gantter (web-based, free), and GanttProject (desktop, open source).

image

image

Gantter

image

You can say these are simple and inexpensive replacements for Microsoft Project. Their main advantage is their visual presentation of the project on a timeline. You can build Gantt charts with less specific tools (like PowerPoint, Word, or Visio), but it would be much harder. Especially, if there’s a need to update the project plan data from time to time. So I can understand why it is worth paying for, though most of these solutions are free…

As these are good tool for defined projects, I would not recommend using them for daily task management. So these tools are nice, but they are not very comprehensive, at least according to my needs.

Task and Time Management

This category incorporates the to-do list with some kind of calendar option integral or external (via standard protocols like ical). The calendar allows managing tasks by date. It is good for fine-grained daily to-do list. I wouldn’t use it for a long-term project planning (no Gantt view, no resource management). Most of these solutions allow some kind of task and calendar sharing, but they don’t usually support interactive collaboration or even basic communication. Few of these solutions have some kind of document management capabilities and progress reports.

The amount of solutions that fall into this category is huge. Could it be because most people need these kind of solutions or maybe they are still simple enough to build?

Anyway, here are some applications in this category: reQall, HiTask, Remember the milk, Todolist (Desktop), Tracks, Toodledo, Vitalist, Skoach (unique approach, paid), Chandler Project (Desktop)… and many more.

Most of these solutions are free (or have good free account option) and are web-based (I mentioned if otherwise). Some solutions support the GTD methodology. Many web services in this category enhance their solution through desktop and mobile clients.

Most of these solutions are nicely done. Though it seems Remember the Milk is the most popular, I found the Toodledo solution much more effective for me (though I would redesign its GUI).

Collaborative Project Management

This is also a category many services try to solve. It’s pretty close to the Task and Time Management category with a big distinction of collaboration. These solutions have usually discussions, blogs, commenting etc. They also incorporate file management and sharing. Some of them have progress reporting generation and some kind of integration with a calendar (standard protocols) and event management.

To name a few in this category: Central Desktop, Teamwork, Manymoon, No Kahuna, Staction (nice concept, by Paste interactive), Verb, Who Does 2.0, Huddle, SantexQ, OnStage, ActionThis, ActionMethod… and many more (Nozbe, Scrybe…).

All of these solutions are web-based and have some kind of free account option (usually with limited number of active projects). I found this category very affordable – good features, good UX design… and (in many cases) free.

Total Solution

These are the heavy guns. They are comprehensive and they try to tackle the whole problem of project management: tasks, events, time, resources, and file management. They also support collaboration and include some kind of reporting mechanisms. The total solution is sometime based on 3rd party integration (which is paid separately).

Some of the solutions in this category are: Basecamp, 5pm, @task, iPlanware, Clarizen, Zoho Projects, Veo Project (Free), daptiv.

All the solutions I mentioned are web-based and are not free or have impossible limitations in their free account (except Veo Project). I admit that this was a big turn off for me (I don’t run a business I run 2 hobby projects…). Usually I didn’t have even the motivation to check their trial version. So if anyone had some experience with these tools, please add your 2 cents.

Anyway if you start a small business and you need a total solution these seem to be good candidates. By my opinion Veo project was the most affordable – great features, great user experience, and (free up to 5 projects).

Other productivity tools

Unlike the solutions mentioned above it is common enough to find services that try to address only small portion of the productivity problem.

For instance, there are many solutions for time tracking. Each solution has it’s unique approach. See: Toggl, SlimTimer, ForceDo, Tick, Klok, gCalTasks gadget. These solutions are free (at least to some extent) and usually incorporate web services and desktop versions.

Also some good solutions in the area of file management, sharing and backup can be found. These are really basic services if you want to easily collaborate with others. It seems they are usually designed for different purposes.

I’d recommend checking this list: Dropbox, iDrive, SugarSync, and Mozy. All have free accounts up to 2GB. All based on desktop clients and a remote server. All have some webapp to reach the on the web. A different solution is box.net which is totally web-based.

These are great tools to share files. I prefer the Dropbox myself.

MS Outlook Add-ins

For those who use MS Outlook (most of you don’t have a choice, right?!) there are lot’s of interesting add-ins that can help outlook become a bit more productive and even a bit more fun.

If you want to boost up the categories (tags) in Outlook to make some sense and order in your emails, you should try Categorize Plus (has free version), or Taglocity (has free version).

ClearContext is a great solution to manage all your data in Outlook. It takes a more project oriented view of the data, which is by my opinion a good idea (in the personal, free version, you’ve got fewer features).

If you want to transform Outlook into a social network you should try Xobni. It’s is a well designed application which is integrated into Outlook and nicely communicates with LinkedIn, Facebook and Skype.

Conclusion

Although I’ve mentioned here more than 50(!) products and services, it’s far from sketching the whole picture of productivity tools. There are probably much more than 100 of them… and I suspect the number is growing, because people continue to search for the best solution to become  more productive, meaning investing less effort to achieve more… meaning being lazy, right?

Anyway, if you’re interested in other productivity solutions I recommend looking at one of these sites:

And one word about the future… if Google Wave will live the promise, I presume it will spawn dozens of new collaborative productivity tools. Even now it looks very exciting. We’ll just have to wait…

Next time I will share how I mixed and matched some of these solutions to create my (free) personal management system.

My Personal Mission-Oriented Management Model

I know that GTD (Get Things Done) is a big buzzword in the last few years. The guy (David Allen) that wrote the book about it is making lots of money. There are many people following his methods. Dozens of software solution were created to help everyone get things done…

I’m not a religious person, so whenever I see people imitating the behavior of a Guru with such a passion, I become very skeptic, even disturbed.

I believe in learning from other people, but I also believe that behaviors should be adapted. People are not the same. Everyone has it’s own context that affected his way of life. Our ways of life are not science: There is no “right” model. Even in science there isn’t such a thing.

Besides, most of Allen’s methods are common sense, others are common knowledge. I don’t know if he is the most efficient person on earth, but he is a great salesman, that’s for sure…

Anyway, I’m glad to share my model of getting things done. It’s a model built on my experience and things I’ve learn and ADAPTED along the way… my advice to you is – read, understand, and adapt it the right way for your context.

Mission Model

There are only 3 big parts to consider in managing your efficiency (we won’t be talking about other important things like managing your feelings here…)

  1. Mission Management – this is the “starting point” of the model. This is the part in our life when we think about what should we do: our tasks,  projects, goals… no matter how you call it – they are all missions. You should manage all your missions – short-term and long-term, your own, your family’s, work missions… I prefer to pack into one big list (the “Projects & Tasks List”). This list will be helpful only if we really use it – update it, prioritize it, and derive your daily tasks from it.
  2. Time Management – missions without allocation of time to do them – are just lists. I know only two main concept of managing time. First concept is the fixed timeframe (a week, two weeks, a month). This means your life are cut into constant time slots, cycles or iterations, which you fill with tasks prior the slot starts. I have a weekly plan session, and I place tasks with actual time to work on them in the free slots. This is actually how most agile methodologies work (SCRUM, XP). The other, is the project oriented concept. This concept consists of breaking down the big work into small tasks and connecting them together. This method can build a coherent plan for days, weeks, months or even years. The preferred tool for this concept is some kind of a Gantt editor. Although this is a good way to have a rough estimation of work, I find it hard to really manage my life like that. Working with fixed iterations make it much easier for me.
  3. Do – This is actually when we do things: think, decide, create, calculate, produce, etc. Working on something produces two kinds of information – the product (deliverable) itself (report, slideshow, sketch, schema, etc.) and the thoughts, decisions (and the logic behind the decisions). Unfortunately people rarely document these things, especially when they work alone on a project. It’s important to understand that DOING doesn’t always happen in formal situations. Sometime you think of a great idea related to work when you’re in the bathroom.

It may seem this scheme is over-simplified model. but actually it worked for any situation I tried. To answer the obvious question: “what about collaboration?” I can tell that the collaboration and sharing space is really perpendicular to this flat image. Other people, using a model similar to that, are above and under your image, so you have a “stack” of this models. According to this model you can share and collaborate on any issue: You can share, delegate or get tasks and projects from other people, you can invite people to events (meetings), and be invited, or you can manage human resources (in a Gantt). And of course you can share and collaborate in doing stuff: writing collaboratively, documenting what happened (in a blog) and get commented about it, exchange ideas (through emails, instant messengers) and even just talk to people (via phones or software… and face to face).

Let’s make a simulation of an iteration using the model (counter-clockwise):

  1. I look at my list of projects and tasks, prioritize it, and decide what will be the next tasks I will deal in the next time frame. I also estimate the time I will need to complete the tasks.
  2. According to the time estimated for each task, I look at my future schedule and place my tasks in the calendar.
  3. After I get reminded of a task I need to do, I start working on it. The product of this work are documented as the output (slideshow, report, scheme, etc.). I also document thoughts and decisions (blog is a good tool for that).
  4. I update my mission list (create new tasks, sign off completed tasks, break tasks into several tasks, etc.)

And back to step 1, again.

There is also the other direction (clockwise), which is the control cycle (control over what is done, and the time spent)

If you’re a knowledge worker – this model covers all the relevant situation of your professional life.

What do you think about this model? Do you have any questions? Suggestions? I would like to hear about it.

The Unwanted Journey

My last month was so chaotic.

It all started with being unsatisfied with the task management tools I had (I used a Word document, that is very flexible, but is badly integrated with any management tool I have).

I’ve started an exploration that went out of control. I’ve spent dozens of hours to find efficient tools, in stead of doing my tasks. By searching a way to become more efficient I’ve been totally inefficient. You can start your personal chaos here http://simplespark.com/, or here http://www.listio.com/web20.

The real problem was I didn’t spend any time in planning (isn’t that always the problem?). I thought I’d check 3-5 tools and after test-driving the trial version, I will find my holy grail…

I was so wrong. My exploration exploded from 5 tools to dozens, maybe even more than a hundred! The picture I got was so big, so fuzzy…

The worst thing was that I felt no tools gave me the integration I wanted between my missions, my time, my work products, etc.

I was confused already, but than came another headache – I found that MS Outlook had add-ins that have some great features, that can transform this big application into something really useful (I use Outlook at work). I found that some tools I’ve checked integrate with Outlook too. This, of course, swept me into another painful round of exploration: I’ve checked dozens of add-ins. God…

Finally, I took a grip. I started by writing my model of mission-oriented management. I know there are theories; I also couldn’t miss the buzz about GTD (Getting Things Done). Some people referring to this model even scared me – they were so fanatic about doing things "by the book", I thought another religion was born and I wasn’t informed about it.

I’m not very excited about the GTD. I’m pretty happy with my model, and I always learn more methods to improve it. I really don’t want to become a part of the GTD fanatics.

I used my model to map the gaps – the places I’m not satisfied with the solution I have.

Only than, armed with clear requirements, I went back to check the tools and applications.

I decided to advance slowly and document the tools I check. To make sense in all of it, I prepared a feature table and mapped them all… well most of them.

Sure, it took more time, but I felt in control of the process.

The great thing is that after mapping the tools I could find patterns, resemblances between some of the tools. I found distinct categories. So from a chaotic exploration it became rather organized research.

Never the less, at the end of the process I was pretty tired of checking applications. As a UX designer this is not a good thing… The main reason I decided to write a post about it, was my desire to finish what I started, to document the knowledge for myself, and share it with other people who search for software solutions to manage themselves and others better. Otherwise, all the hours I spent in the exploration would be a big waste of time.

Later I will post my mission-oriented management model, and the things I’ve learnt about the applications in this area. Finally, I will describe my own tool setting.

Global Game Jam 2009 – Gravema

The last weekend I attended the Global Game Jam 2009. I didn’t know what to expect as it was the first time it happens in Israel (and it was the first time the event took place all over the world at the same time).

We got together at the GarageGeeks (my first time) in Holon (although the organizers of the GGJ 2009 insisted on calling it Tel Aviv). We were about 60 people so it was crowdy, yet cozy.

After a short brief, we got about 10 minutes to think of new concept for a game. Anyone who wanted, just stood up and told about his idea. After this phase, the teams was created spontanously.

Our brief was to create a game that:

1. The theme of the game should be: “As long as we have each other we’ll never run out of problems”

2. Game’s lenght is less than 5 min.

3. Incorporates at least one of these ideas: sleepless, cloudy, or destined

Originally I had an idea of a physics game, where you can plan a “solar system” in such a way, that a spaceship will get safely from one side of the screen to the other. Later I thought of changing this game into a real time competition between the spaceship pilot and the “planet mover” (I called it a competition between not equal contestants). This idea was also abandoned, but it gave rise to another idea based on the non-equal contestants:

One player controls a sleepless old lady called Gravema, while Zombat, a blood sucking zombie vampire is controlled by the other player.

Zombat moves around Gravema’s hump and tries to reach her naked palms to suck her blood, while Gravema tries to get rid of him by smashing him against the surrounding objects with her body.

The game takes place in an old and spooky graveyard where tombstones randomly pop up. The players have 5 minutes to prove who’s tougher, before death comes to take them away.

This concepts was originated during a talk between me and Ivan (who is an Art Designer and more). Later on, we succeeded in convincing Benny, an amazing programmer, to join us. Ivan brought reinforcement named Daniil who is also a gread visual artist and sound designer too.  We were 4 which is a small team, but these guys (which I meant the first time on that day) were just amazing.

So after 36 hours we finished the game. We used 4 more hours later before we submitted the game to the Global Game Jam website: http://globalgamejam.org/games/gravema . This means we developed the game in 40 hours! I think this is really an achievement.

This is us – presenting the game the first time in public.

The experience was very intense. It was a good practice for our creativity.

And here’s a short gameplay video (in a much better quality than the shaky hand above…)

During this event dozens of games were developed worldwide. In Israel alone 11 games were devloped at the end of the 48 hours. My personal favorite is Starry Starry Nights (http://globalgamejam.org/games/starry-starry-night): innovative concept, new experience, almost artistic.

Our game (Gravema) was already mentioned in few blogs and news websites:

You can download the game here:

But this is not the end. We have a plan to finish the minumum requirements for this version…

So hold your fingers crossed.  Soon a website will be up, and code will fly… 🙂

This event brought many thoughts and ideas, but I’m too tired to write them down now.

Maybe tomorrow…