Featured Posts

The Value of Feeling Appreciated as an Employee in... Whether you’re a new employee or the vice president of the company, everyone wants to feel valued, even appreciated, in the workplace. Not only does it improve morale and make the workplace a more pleasant...

Read more

The difference between classic and motion tweens in... Here it is: If you're used to doing things "the cs3 way" then you can continue to do so with the classic tween tool. It works the same way as you remember, using key frames as normal, but you cannot...

Read more

PHP: If (equal to AND not equal) - eliminate form spam... Just learned a great function of PHP thats already made my forms a lot better. A while back I wrote an article about eliminating form spam without captchas by using css to hide a text input box for bots...

Read more

Drop Downs, Fly Outs, and Accordion Site Navigation: This last week I was in a meeting discussing a client site. It was a typical business meeting that was going into overtime on a Friday afternoon, and then things turned for the worst... someone suggested...

Read more

twitter

Breaking News

  •  

Worst Host Ive ever encountered: Yahoo Small Business

Category : General Web Info, Technology

Yahoo Small Business – If you have a single web minded person in your company do them a favor and DO NOT use yahoo small business. Their backend panel is an absolute mess.

I’m pretty savy with DNS, .htacess, and server side redirects; some of the people working in the tech center trying to guide me through their backend are definitely not.

I’ve got two domains, one is on Yahoo as a merchant account, and the other is on go daddy. We want to mask forward the godaddy account to yahoo. No problem. The problem starts when I want to forward the yahoo url to the same name as the account on go daddy. With another mask forward we create an infinity loop. No good.

My next thought was to mask forward godaddy to yahoo and create a .htaccess file for both URLS to be forwarded to a directory in the root folder say /siteName/. BUT yahoo does not support .htaccess. I asked about IS redirects, but was told this is not a good solution as it does not always work.

The third solution I came up with was to transfer the domain to yahoo and work the files and DNS from there. Not that I thought this would help, as anything I can do from one registrar I ought to be able to do on the next with the right DNS/cname/aname settings. NO DICE! Yahoo cannot accept incoming transfer domains until later this year.

So in closing, wtf do I do to get the client’s website displaying correctly with the proper url in the address bar? The only solution left it to cancel the yahoo account and start again on a new server. This has got to be the worst option available as it means data entry, a second host account, and a waste of my client’s money due to yahoos inability to support effective DNS management.

If anyone has a solution to this issue – I am all ears.
Thank you in advance.

Praise for IKEA and a review of page turning flash software

Category : General Web Info, Social, Technology

.

In the process of researching another article I stumbled on a very clean and functional page turning script being used by IKEA to show their mammoth catalog. Wow! A clean interface and new functionality? ZMags, the company that provides the script and backend content controls, did an amazing job with this.

It provides a whole list of new functionality in flash applications. You can search the zine’s content, zoom in on pages with a really interesting real-time transition, and see thumbnail previews of the previous, next, or any of the preview images on the bottom. It’s a super easy interface for large catalogs with lots of scanable content.

I called to enquire about pricing and found it to be pretty reasonable, given the amount of backend support and tracking that’s built into the application. I don’t think flash can do everything that analytics can just yet, but they boasted as if it was pretty close.

Other notable mentions for clean design include JFK Magazine: a euro GQ, which has a really interesting page flip script that’s second to none at showing high res images. The zoom and pan feature is not as intuitive as maybe I’d like, but extra functionality is for me a welcome problem to overcome.

Both of the above scripts are sold as license agreements; you don’t own the script and so you can’t develop off them or use them once your contract with whoever expires. The alternative is to buy the scripts and develop the functionality yourself. PageFlip Developed by 2advanced, a sick nasty studio in their own right, is an economical package (under $30) and has everything you need to get started working with the raw component objects in a .fla file. A working knowledge of action script is all you really need as there is a thick help file, lots of commented code, and tons of examples of it working to pull apart.

Drop Downs, Fly Outs, and Accordion Site Navigation:

Category : Featured, General Web Info, Technology

This last week I was in a meeting discussing a client site. It was a typical business meeting that was going into overtime on a Friday afternoon, and then things turned for the worst… someone suggested “optimizing” the site’s navigation by adding in a few drop down menus. I almost willfully hung myself on my headset cord.

Whats wrong with a drop down?
One site I read said that drop downs are a sign that too many people were on a committee designing the site navigation and to save space someone suggested a drop down. I’m inclined to agree.
A good navigation, even if I uses a second tier nav bar are more user friendly then fly outs, drop downs, jump menus, or whatever other name you want to give them.

1. Fly Outs conceal the menu items under them, so if we use the “Don’t Make Me Think” model of design, this is inherently a problem as a user might have to mouse over every object to find what they we’re looking for.

2. The javascript might not work on every browser/OS combination. If someone has js disabled then there are issues of HTML depreciation and keeping that up to date as you maintain the fly out navigation.

3. If the navigation is built via linked .js files it may not be spidered, which won’t do your SEO team any favors.

And this is dismissing the most annoying part of fly out menus: that you never know where the hidden box is. Sometimes it’s exactly where you expect, and then other times you can never seem to trace the path you need to get to the third tier of fly out menus. I have good motor control and it’s a pain even for me on some poorly done sites, I can only imagine how… unusable… a fly out menu would be if you had arthritis or other similar disabilities.

The alternatives:“Don’t Make People Think”
They don’t like doing it. Make a simple navigation that makes sense to the people using your site. If you have a big site, it’s not killer to have a second navigation bar once you drill into content, or to have to click 4 or 5 times before you get to the exact page you want. In either case it would also be useful to have a search bar and site map, but that goes for every site.

I’m not saying that jump menus don’t have a place, and Im not trying to say that all accordion/fly out menus are bad either, but they have a time and a place. If your gunning for: the best SEO numbers you can get, or are dealing with clients outside of the 13-39 bracket, or have fewer than 3 decision makers designing the navigation, chances are you’re not using drop down, fly out, accordion type menus correctly.

Update: November 21st, 2007
I read an related article today. Thought I would post it here if someone needed further convincing on this matter. Their article is called The Downer of Dropdowns, and contains a bit more information as well as a few citations.

He also recommends two JavaScript based solutions at the end, which seem to fling themselves in the face of the article just written, but I guess if you have to use dropdowns, it’s the best you can do.

But Id refute his “fact” that you should never use flash for navigation, just be sure that it depreciates into html and use an intelligent deployment script. I use swfobject and have to say that it works great. I have only good things to say about the script except that it takes a while to build the flash version, then the html version – which no one will really see as flash auto updates.

That’s my post for today.
Happy Thanksgiving!

Most Annoying Website Today

Category : General Web Info

I’d like to nominate Forbes.com as being the most annoying websites I’ve seen so far today. I have nothing good or bad to say against the printed magazine, or it’s content, but the website turned me way off.

For starters, the first thing I saw when I went to the site via an organic SE link was a full page flash add for Symantec. Clicking a box at the top of the screen allowed me to close their “welcome screen” as they called it and go to the content I actually wanted to read.
When the actual page opened a small flash video started to play at about 10% volume. This is not a post about whether you should auto play with volume or not – in most cases you should not auto play a video with sound on– but to post a video at 10% volume is both confusing and annoying as I couldn’t make out any words and further had no idea what application I had open was producing the whisper.

Forbes: Have some balls or don’t play. If your going to break the norm and play a video with sound the least you could do is default it so that I can hear it clearly as something Im not interested in and then turn it off.

Writing blogs and dealing with DNS

Category : Around The Office, General Web Info, Technology

One of my least favorite things to do is edit DNS entries of my clients. I know the ops panel of my host, powweb, inside and out. However, I’ve never encountered an ops panel on another host that works as well or is as easy to understand at the one used at powweb.com.

This last week I had to edit one of my client’s DNS entries and had to use ops panels that frankly make no sense. The task seemed simple enough: move the blog to word press. This means remove the old cname entry, create a new one for the new subdomaign, wait for it to propagate, and presto!

But that’s not how it went.
I did what I was supposed to do and was assured by the host company after 4 days of non activity that it must be the holiday that is making it take so long, but I didn’t buy it. I checked on the url, and it turns out it’s not registered with the host company. It was registered separately with Network Solutions and this explained why the DNS did not propagate as expected. Why no one at the hosting company found that this was the problem when I first called I have no idea. It had nothing to do with the 4th of July.

So that’s half the problem solved.
I go to network solution’s website and attempt to create a cname entry. Their admin panel will not allow me to create a cname entry without entering their advanced settings which will redirect my a listings… In short, I can have the subdomain, but my website won’t work. So I call tech support and talk to a fellow who tells me to enter the advanced settings mode and assures me that what I’m doing is right and will propagate in 3 hours or less. It was about 3am at this point so I went to sleep.

When I woke up neither my client’s site nor his blog site were operational. I called tech support to let them know what a great time I was having playing with their admin panel and how much it might be costing my client.

Within a day it was back to normal and we posted a welcome message for the new home of his blog.
Now I just have to acclimate myself to blog marketing and get that process going.

Any comments or links to white papers, FaQs, or cool wordpress sites gladly accepted and appreciated.

Listed on Technorati!

Category : General Web Info, SEO / SEM, Technology

<a href=”http://technorati.com/claim/w66nj9f7b” rel=”me”>Technorati Profile</a>

The Fruit in Frustration

Category : General Web Info, Technology

I recently updated the main page of my website with a website for the Art History Department at the University of Hartford. I’m linking to the final mockup I did for them over 3 years ago because the current design is quite different. Actually it’s almost nothing like what I delivered to them. I think its time that I request that they strip the footer of my name where I take credit for the site.

But I do like the original design, though the code is overly complicated, and it uses iframes so for SEO purposes it’s a terrible website. Im going to keep this site on my page as examples of sites that look good (or at least alright), but are really quite terrible for search engines, and usability.

And I won’t feel bad about ragging on the coder in my blogs because the guy who made it was some kid in Massachusetts on summer break 2 years ago, me.

Left or Right Navigation?

Category : General Web Info, Technology

Recently, a client of mine asked me why I have the navigation on the right side of the page on all of my sites, except one. The answers have everything to do with usability. Not to mention the designer in me thinks most sites look better if the navigation is on the right but personal aesthetics should always be secondary to usability, as is the case with the exception to my above rule.

While I was in college I figured that most people are right handed and that having the navigation on the right would feel more natural. It would also reduce the time people spend moving the mouse from navigation to scroll bar and back to navigation to click. It doesn’t take much to push part of the navigation “below the fold” because most people still use a resolution of 800×600. Since that time only two real arguments have surfaced in my five years of web design against this hypothesis.

The first was from old school designers who maintained that navigation on the left is a web standard. They said not to touch it because you’ll only confuse people. I dismissed this as rubbish. A well designed list of links that says thing like home, site map, contact, etc anywhere on the page will be understood to be a navigation bar, be it horizontal or vertical, right or left.

The second argument against a right navigation column centers on the back button being the most used button in most people’s browser (I’ve set my mouse’s thumb button to do it). The argument says that placing the most used buttons (nav bar) on the site next to the most used button on the browser (back button) makes the most sense. Again, I dismiss this as rubbish. A competently built site will have links on every page to the home (if not several) and other navigational aids such as breadcrumb links, anchor tags, a search bar and/or a link to a complete site map on every page. With so many ways to go, why would anyone use the back button to see the same content that they just clicked out of? If they still haven’t found what they were looking for then give them every opportunity to find it as quickly as possible. The back button simply isn’t necessary in a well designed site. Besides, all these other options are on the site which makes them closer to the curser then the back button.

And there are other reasons too. Most people are right handed and their hand naturally is said to move their cursor to the right when they are idle or when they are reading. Another somewhat obscure benefit to putting the nav on the right is to make all of your pages printer friendly. Depending on your printer model it will print the left most 630 – 650 pixels. On left aligned sites this is the nav and the right ¾ of the body. On a right aligned nav page this column is the content and the navigation would get chopped instead.

For a case study on the speed of usability see this article: http://jodi.tamu.edu/Articles/v04/i01/Kalbach/#5. Rarely do I see comprehensive a case study released. It has to do with this little known car company’s website: www.Audi.com.

All this being said, there is still one site I designed with the navigation on the left. The CEO in company didn’t use the internet very much and when I showed him the mockups with he got stuck on the fact that he usually sees navigation on the left. Needless to say the job was completed with the nav on the left as he wanted, and the site works fine. In reality it doesn’t seem to make much difference with most people. So long as the navigation is well thought-out and designed (buttons look like buttons). People will adapt.