Archive for June, 2007

New product requests?

Thursday, June 28th, 2007

At motigo.com we are always thinking about what new features and what products we want to create for you. But although we have many ideas of our own, we would love to hear from you what you would fancy the most.

Would you like to have a new blog for your site, to be able to easily insert polls into your site. How about a new calendar?

The possibilities are endless!

What new products would you most like to see from motigo.com in the future?

Motigo search launched

Monday, June 25th, 2007

We just launched a new part of our site called motigo search. Hurray!

In the last few weeks, we have been in a steady stream of solid updates to the motigo website in general. We have come a long way since we started in March earlier this year.

This time we added search capabilities to motigo. The “motigo search”:http://motigo.com/search has been born.

Now you can search the web for pictures and video to reference in your blog posts or in your forum discussions. We feel that we by that have a superior product to many competitors. The search also allows your to search our “webstats”:http://webstats.motigo.com counter catalogue.

The future will call for a full motigo service search, but as we felt the described update in itself provided enough significant value to our users to stand on its own, we decided to push out the search capabilities as they are now in their early state.

Please go try it out and let us know what you think.

New account overview

Friday, June 15th, 2007

Things are really starting to get better at motigo!
We are very happy to announce the launch of the new account overview. A feature that was both widely requested, but also extremely important in bringing the motigo services together.

When we first launched motigo in the end of March this year, the most important thing for us was just to get motigo up and running. It is now - a few months later - that we can actually start to tweak motigo into being what we actually want. The new account overview and the recent “frontpage redesign”:http://devblog.motigo.com/2007/06/04/redesigning-the-frontpage-step-2/ are some of the more visual steps we have taken in this direction.

As usual, we will give you an insight into the design process.

As opposed to earlier redesigns, we actually didn’t have anything to redesign! The account overview has been non-existent until now. We wanted the new page to fulfill a list of things:

  • First of all, the overview should bring all motigo services together: giving an overview
  • The page should function as the natural “home page” - the page you always end up on when you want to do something new
  • We wanted as much of motigo to be accessible from only one page
  • We wanted to communicate the colour scheme of motigo, where each service has its own color

Our first thought was to reuse the toolboxes we have so far used for the forum/guestbook/shorturl admin pages as these had the color of the respective service in the header. The result came to look like this:

Account overview - proposal 1

We chose to take the approach of designing everything straight and only in HTML instead of taking the usual photoshop way that many designers choose. Doing the design in HTML only gave us several benefits:

  • The actual interface is at the center of the attention at first. There is no spec: the interface is the spec.
  • An interface is not a wireframe that we can just slice up and magically transform into an HTML document. Neither is it a photoshop mockup.
  • Creating a mock-up of the interface in photoshop will produce a design that matches the constraints of photoshop - not the constraints of HTML. We should therefore “embrace the constraints”:http://gettingreal.37signals.com/ch03_Embrace_Constraints.php of HTML.
  • When we build it only in HTML, we can actually use real and live data while building the design. This helps surfacing problems that photoshop would otherwise hide
  • The interface is at life from start. You can click it, try it out, and feel it.
  • You will get something that works very soon in the design process
  • There is no monster integration in the end.

Although the new and colorful proposal was better than anything we had before (we didn’t have anything) - it was too much. Too colorful and tivoli like. Plus - the boxes approach to showing each service did not always line up nicely, when a user had services in one category than the other.

The next approach was to list the services in one big list and now side-by-side. We removed the colorful header of each service and give it a more settled look:
Account overview - proposal 2.1

This however proved to be a little too settled. This meant that we didn’t get to indicate any of the colors of the services. So we added a little bit of color:
Account overview - proposal 2.2

Again - this was too much. The final solution would be just to have a small box indicating the color of the service:
Account overview - proposal 2.2

We also wanted to add several things to the overview page, so that the user would go there as a natural thing to find just the information he wanted to see. These things included basic information about the logged in user: his name and email, but also the current time in the timezone he had selected. As we have users in many different countries, setting the timezone of your account has huge importance as it will determine the time of your forums and guestbooks as well as the base time in your statistics. We also added links to often used and important documents such as FAQs, terms of service, and of course the developer blog ;-).
All this provided the necessary detail to make the Account overview feel like a real motigo home…

Account overview - toolbox with account links

Along with the overview, we’ve also added a toolbox that is placed in the same spot on all admin pages, so that you can always find your way to the most important pages of motigo.com. This continuity was greatly missed in the old version of motigo, why we are relieved that we finally got it online.

Searchbox

We also got rid of the top bar with the list of our services, as we now have this list a more natural place: in the account overview. Instead we added a search bar that we plan on expanding to be able to do more in the near future.

We really hope that the newest updates has helped your experience of motigo.com. We are extremely happy about the release ourselves and hope that you will be as well.

Now, go enjoy the new “motigo”:http://motigo.com

Account overview - end result

Redesigning the frontpage step 2

Monday, June 4th, 2007

We earlier described the long iterative process it was to redesign just a banner on the front page of motigo.com. We recently launched the last part of the front page redesign, which was a result of an even longer iterative task of trial and error.

The starting point for the front page redesign in the start of May 2007 was:
Front page of motigo.com - start of may 2007

*We had several things that we wanted to change in the old layout.*

  • We wanted to promote the “Developer blog”:http://devblog.motigo.com
  • We wanted to get rid of the bottom “how it works” box that explained that you could signup and get access to our services - only through icons. It was an idea that looked good in the eyes of our designer, but confused more than did good in the eyes of our users
  • With the new front page top banner, it did not make sense to have the signup box so close to the signup-button of the top banner
  • The graphics that showed how the blind-down worked was outdated - and is soon to be irrelevant (oops - did I say too much?)
  • The static content explaining what motigo.com was all about was more confusing more than explaining.

As soon as we had the change, we changed what we could and removed the bottom “how it works” box, put in a box printing an excerpt of the latest developer blog post, and moved the blue signup banner down lower on the page.

Front page of motigo.com - mid-may 2007

But, what is motigo?

When conducting “heuristic evaluations”:http://www.useit.com/papers/heuristic/heuristic_evaluation.html on motigo.com or in other words: When letting potential users browse motigo.com in order to find usability issues, the most often heard quote was: “But what do you do? What can I use the site for?”. Admittedly, this is far from the result we wanted to hear, why we took immediate measures to improve the general usability of motigo.com. The frontpage is only the first of many great changes to come.

Even though we in clear text explained what motigo was on the front page, users answered that they didn’t understand what our concept was. They admitted that the new “frontpage banner”:http://devblog.motigo.com/2007/04/27/redesigning-the-front-page-v1/ had helped dramatically on their understanding, but that they could still use some more guidance. It came clear to us that our visitors did not all visit our “about pages”:http://motigo.com/about/services to find out what motigo is, but sometimes gave up on the front page, when they could not find an immediate answer.

We needed to more clearly communicate what motigo is about - without too many unnecessary distractions. Based on heuristic evaluations and what our analysis told us, we agreed to concentrate on showing:

  • *Screenshots* of our services
  • *Explanations* of each service and motigo.com *that make sense*
  • An excerpt of our Developer blog, as this communicates who we are and what we stand for
  • Easy access to sign up

Finding a way to show screenshots of our services in a manner that matches the cleanness of our general look and feel was a dificult task. We had several solutions up on the table:

Screenshots proposal 1

*Proposal 1:* Looked clean, but did not give room to explanations of each service.

Screenshots proposal 2

*Proposal 2:* Trying out the bubble layout from our about pages. It unfortunately did not fit all of our services in the way we wanted.

Screenshots proposal 3

*Proposal 3:* Showing the screenhots alone without too much extra graphics turned out to be a good solution. At the same time, we could put in explanations of each service neatly together with each screenshot.

Screenshots proposal 4

*Proposal 4:* Adding the color code of each service gave the final touch that added the right amount of style and nice feel to our front page that we feel suit motigo. It also helped show that we use colors to distinguish between our services and what those color codes are.

When inserting the new screenshots and accommodating explanations of each service, the frontpage came to look like this:
New frontpage of motigo.com - ultimo May 2007

We are very happy with the result and have now started working on a redesign of the webmaster administration area, that will bring coherency into play and give a great overview of all your motigo services.

We also have plans to create tutorials and guided tours for each of our service.