Showing posts with label product design. Show all posts
Showing posts with label product design. Show all posts

Web Site Building Bits and Tips

  November 30, 2009    

Just a quick post to share some links you might find helpful if you are building a new web site. I've been helping several folks with their web site aspirations lately and came across these, in no particularly order:

First, how about a menu? It is pretty easy to create a nice top level menu using css and an unordered css. The tricky bit is a drop-down menu. That link will take you to a very simple but effective design which requires very little code.

If you are familiar with jquery you can use it to create a menu like the one on the left. The html/css/js code for doing this is available from this page, linked here. But what if you want to sketch out a complete web page design with menus and page elements?

For this there is a tool called Mocking Bird that you might want to check out (works best on a very broadband connection). Another new tool that might be worth looking into is: www.wix.com. It's a web site that let's you build a web site that uses Flash (like Mocking Bird, Wix is an example of an application delivered as a service, in other words, Software as a Service or SaaS, just like Salesforce or the marketing product that I've been working on: Monetate).

With these two web design apps you can create pages or edit templates using a web-based interface. As with many SaaS offerings the feature set is continually evolving so I suggest you check them out rather than rely on my giving you a snapshot of their capabilities.

When you are designing web pages, the grid approach can be very helpful. Here is an article on grid-based design that I found useful, full of links to related content (I am finding Smashing Magazine a good resource in general, for everything from WordPress themes and buttons, to coding tips).

The ability to draw a design on a grid and then have an application generate the required CSS is a huge boon to web site developers. Here's an article that has links to 15 ways of accomplishing this. (What a difference these would have made when I first started messing with CSS layouts.) Another solution, not on the list of 15, is 960 Grid System. As the name implies, 960GS simplifies designing around a width of 960 pixels, which is a common choice these days for page width.

Finally, for this post, I want to mention XAMPP, software that let's you test a lot of stuff on your Windows laptop or desktop before putting it on a Linux/UNIX web site. With XAMPP you get the ability to run Apache, MySQL, PHP and Perl (the AMPP). Of course, this then gives you the ability to install WordPress on your Windows box which is very handy when developing sites in WordPress. Fro Mac OS X users there is similar functionality in MAMP.

Happy page building!

   / / / / / / / / /

  No Comments

Cell Ranger to the Rescue: A product that actually works

  August 06, 2008    

It is perhaps a measure of contemporary consumer cynicism that many of us regard strong product claims with suspicion. Consider the Cell Ranger that I recently purchased in hopes of regaining cell phone service up at the cottage (our provider is AT&T and my wife's Blackberry normally has 2 bars indoors--my Treo often has 2 bars as well, but lately has been failing to reconnect to the network after I return from trips down to the post office, which lies in a dead zone).

The Cell Ranger web page proclaims: "Boost your bars!" Then it asks: What Frustrates YOU About Your Cellular Service?
  • Dropped Calls?
  • Poor Call Clarity?
  • Late VoiceMail and Text Message Notifications?
  • Slow Data and Music Downloads?
Amazingly, Cell Ranger claims to "Solve ALL These Problems!" And the unbelievable part comes when you check the price: $149.99. Now that might sound like a lot of money for two bits of plastic and a wire to connect them, but there is more to the product than that. Consider the price of other products that claim to boost signal at your house and you will be hard pressed to find anything under $250, and those products tend to have a fairly industrial look to them, suggesting that implementation might require hand tools.

So I took a chance and ordered one, the USB-powered Port version. When it arrived I stuck the small magnetic antenna on the charcoal grill that sits on the porch and plugged the other end into the nearest wall socket (I happened to have a USB-to-mains connector handy). Then I conducted my first test. The Blackberry went from 2 bars to 5 when I held it near the plug. The Treo connected to the network, which it had refused to do for weeks, and then it hit 5 bars. It retained connection in all rooms of the house. In other words, Cell Ranger works!

In the next few days I will test it on a trip to the post office. If I get signal there, I will be very impressed. The setup works best if you can use your phone near the plug end while keeping the plug far away from the antenna, which ideally sits on a metal surface or object outside the house/vehicle.

The boost effect is clearly quite localized. It is stronger when you are 30 inches from the device than when you are 30 feet away. I expected this but I think the Cell Ranger web site could make it a little clearer that the device will not light up your entire house (that said, it's boosting signal nicely throughout the cottage's modestly-sized living area ).

Is it worth the price? For me the answer is yes, especially if it boosts signal in the car. I really don't want to go through the hassle of changing carriers and handsets (that is a whole other world of consumer dissatisfaction). And although I've heard that Verizon works on our hill, there is no way of telling unless they loan me a Treo for several days to test it. (Note: This thing does not currently support Sprint/Nextel networks.)

   / / /

  No Comments

Color Blind Web Sites: And other design decisions

  March 19, 2008    

I've been doing some thinking about color blindness recently (I posted about the perception aspects of this over on my arts blog). As a color blind person I have often thought about this question: Should product designers cater to the color blind?

FYI, the cube on the left shows "normal" vision while the one on the right simulates what the same colors look like to someone with color deficiency.

By some estimates as many as 1 in 12 people have some form of color deficiency (although total color blindness is quite rare). Is that too small a minority to care about? After all, 1 in 12 people are left-handed and very few designers adjust their designs to accommodate lefties. But consider this, if you are designing technology for men, the incidence of color defectiveness is higher in men (as is, coincidentally, left-handedness--I'm not sure of the incidence of left-handed color blind men, but I am one).

What does it mean to design for color deficiency? I recently found an article in Dr. Dobb's that gives some good ideas for web designers looking to adjust designs for color deficiency. I have not yet found anything about "color-adjusting" products like electronics. One design choice that irks me, as a color deficient user of electronics, is the two-color LEDs like the ones that switch from red to green to show different states, for example, to show connected and not connected. Given that the most common form of color deficiency is referred to as "red/green deficiency" this might not be a smart design choice. You run the risk that as many as 1 in 8 of your customers a. won't be able to figure out that LED, and b. will get frustrated and disgruntled. You don't want to be the customer service person who asks "Is the LED red or green?" when the person on the other end says "I have no idea, I'm color blind."

How much more would it cost to have two LEDs? That arrangement gives you location and On/Off states to work with, which color blind people can handle (when the top traffic light is brightest it means stop, when the bottom one is brightest it means go, and so on). Then you can ask "Is the LED on the left on?" and get an accurate answer.

To be honest, and speaking as a businessperson, I don't know if catering to the color blind is a profitable path to take. But product designers might want to try it. You might be surprised how many people appreciate it.

P.S. If you are wondering about your own vision there is a site where you can do some basic tests of your color perceptions.

   /

  No Comments

Subscribe to: Posts (Atom)