Apple’s MobileMe service is a syncing service which is easy to use and gets the job done for the most part. I use it to sync my iPhone with my various contacts on different devices. At least, that’s the intent. However, there seem to be a particular problem when it comes to the Conflict Review process: It prompts me to choose between two different entries in two different locations, for the same contact, however it doesn’t show me the differences between the two choices.

Now, one might think that maybe there are no differences and it’s just asking which one I want to choose, but that’s actually not the case. If I check the individual contacts, I will see that one listing has one set of information while the other listing is slightly different.

Why doesn’t Apple’s MobileMe Conflict Review show me the differences? This service is seems to me to be useless, and I feel like I’m risking choosing the wrong listing for my iPhone’s needs.

Based on usability best practices, we know that whenever users can’t trust an interface or process to do the right thing, then there is obvious need to fill in the gaps that are evident and causing the lack of faith in the first place. In this case, Apple’s MobileMe Conflict Review needs to show all of the data for each conflicting contact. It’s that simple.

One of the other things Arlette was looking for was a way to simplify updating the photos on her site. She is always taking new photos, be it landscapes, flowers or even product photos of her dolls. For someone who doesn’t know much HTML or coding, this can be a very time consuming and daunting task. In fact, it can take a lot of time even if you do know HTML, as you always have to deal image sources, links, thumbnails, and what to do about the page which displays the full size photo (do you just open it in a generic browser window or….?).

The solution was to come up with a system that employed an easy to use administrative interface. I found a Flash/XML solution that allowed me to specify sets from Flickr as dynamic content. This made it as easy as uploading a photo into a predefined set at Flickr which already has a great administrative interface. Her photos would now appear immediately.

I feel good about this project as I didn’t allow the small budget to get in the way of good design and simple solutions.

I started off with something I thought evoked the same feel as their “Place at the Space Café”. It has a rustic modernity with wood beams, curved off-white walls, iron tables and chairs, big leather couches, and black modern branding. I took a cue from Level Tile and Flooring site and whipped up a “box” design since they had so many offerings. The idea is that the boxes would expand into their own pages as you clicked on them. We went through successive iterations, however they ultimately couldn’t get inspired by this design.

Fellow artist and designer Donna Berger was brought in as well and she came up with a different sort of design and the customer agreed on it. It was now my task to build and implement the requirements. If you know anything about XHTML and CSS, you’ll probably agree that the design below requires some major tweaking and finagling especially if the budget and requirements do not call for any Flash development. I was determined to do it with good old elbow grease. Here is a screenshot of the Illustrator file I worked from:

A recent decision was made to remove the picture of Jon, the customer, from the front page. Also, additional subpages were added.

In addition, to get a stream of music going on the site, I employed the use of FMP3, which is an MP3 player that uses the XSPF XML format. It allows the customer to create an XML file which calls MP3s up and plays them on the site. Pretty nifty. Requires a bit of tweaking, and it’s a bit bulky the first time you use it (because you have to set up XSPF, FMP3 and set up the XML file… wish there was a more elegant solution!). But the customer only needs to work on the XML file, which is easy training.

There have been quite a few more developments to the site. The customer is incredibly happy with the ease in which it is to maintain the site, and I am usually only called in to do major updates. Here’s a recent screenshot with changes the customer has made:

First came the general layout and look-and-feel of the site. What kind of mood were they trying to convey to their customers? Most of Chappie Technologies’ competitors’ sites look a bit jumbled and full of technical jargon that is disorganized and hard to understand. They wanted something that looked clean, progressive and forward-thinking but still rooted in the task-oriented world of programming and IT.

We also worked on visuals and metaphors a bit further into a revision of our initial experimental designs. Visuals that were easy to understand were the first choice, however we didn’t want to just use the same tired stock photography so we made a conscious effort to use higher quality photographs and imagery.

After several passes at a logo, we focused on a classic feel, almost nostalgic. This was a logo that had a modern edge to it, yet it also had an industrial 1950s feel to it, conveying a traditional American sense of quality and trust.

Final product

The end result was a design coded in CSS and XHTML, using DIVs instead of tables, however it appears at this moment the customer has reverted to HTML tables. http://www.chappietech.com

This is the design that was eventually chosen.

The chosen logo, with a bit of a different take on the sometimes overused globe, focusing more on the idea that Chappie Technologies offers solutions that help their customers navigate the market's waters.

Shortly thereafter I started working on a project for Jane Elizabeth Jewelry (originally Jane Jewelry). Jane had several requirements. Jane Elizabeth was being worn by celebrities like Katie Couric and she was getting a lot of press in the Improper Bostonian as well as national mags like Lucky. However she had no commerce solution other than email, telephones and calculators.

Jane Elizabeth Jewelry design, iconography, catalog layout

We came up with the following solution:

• Create a homepage which showed recent and fresh new designs, as well as the latest magazines and media that featured Jane Elizabeth jewelry.
• Develop an eCommerce solution using the open source osCommerce product.
• Create a wishlist which would allow people to save their favorite items with an email response from Jane Elizabeth.
• Create a customer-initiated gift reminder which would allow Jane Elizabeth to send email reminders to people to buy product at certain times of the year.