lofton.net

Over in the menu area on the right of the standard theme is a drop down that allows you to change the design of the site. I created several designs based on the same html code to show the power and flexibility of using CSS for web design. I got the idea of course from csszengarden.com, which was the inspiration for me to finally get into using CSS back in 2001. Prior to that I was a wizard with table based design. I dabbled with CSS, but the differences between browsers was maddening. Upon finding csszengarden.com and going through several of the linked supporting sites I learned the secrets of browser quirks and standards mode and how to force them to use standards mode. It was awesome to be free of the constraints of tables. I laugh now because there are number of web designers who want to bring back tables or rather refuse to give them up.

Tables are for tabular content. If you have a series of stats, a set of values that need to add up or similar data then a table is perfectly Ok. For layouts however, I remember the frustration of tables not being able to have different vertical dividers. If you had a table with two rows and the first row had 2 columns and the second had 3 columns, then one of the cells in the first row had to span two of the columns in the second. You could get around this by adding more columns or the taboo of table inside of tables, but it was a mess. There were a number of other table snafus that one had to deal with between browsers as well. So when I hear of someone advocating the benefit of table layouts, I just shake my head.

So I thought I’d take a look to see what lofton domains might be available. Wow, pretty much everything is gone. I started doing web design in 96 and I should have registered the .com back then. It just did not occur to me to register a domain for my personal or professional needs. By the time I decided to register a domain the .com was gone. So I took the lofton.net domain in 2000. Since then, I check every now and again to see if lofton.com might be back on the market. I know it will never be available, but I check anyway. This time I thought I’d look into jimlofton.com. Gone! What’s worse, is it looks like some old guy has taken it and is posting yearbook photos and/or reunion photos. He is also keeping track of classmates who are deceased. Seems kind of odd to do on your personal site. There does not seem to be a way to contact him on his site so I checked whois and it came back with west virginia mailing address and a verizon email.

So here is the dilemma… Is it likely that someone may mistake this guy for me? On one hand I don’t think so, but because the guy has no info on the site it’s possible. The least he could do is put a regional location so that folks will know they have the West Virginia Jim Lofton and not the Chicago Jim Lofton. Actually there are two James Lofton’s in Chicago… I don’t know the other guy. I’m the Jim Lofton who started his career as a graphic designer and went to UIC and later Depaul. That should straighten things out… no? If you haven’t registered your name or have a domain that identifies you uniquely from all the other yous out there, you may want to check into that now.

Originally, I set out to write up the differences between user experience and graphic design as there are many web designers who promote themselves as experts in usability. I enlarged it to cover pretty much all other participants in a web project, from marketers to developers. Many of whom speak about the importance of user experience and usability, but do not understand how to actually ensure that it is incorporated into their process. However, I am going in another direction with this post as I find myself somewhat at odds with folks in my own profession, who after years of research have finally come to view users as people. The new buzz is creating interfaces/interactions that connect to a user’s emotions. To which I say nonsense…

read more

More and more web designers are seeking to dispel the notion of the browser fold. Yet there is still the reality that users can not see all of a page’s content if it is taller than a browser window and they will potentially leave the page before discovering the additional content. There is often an email sent from the CEO or other senior manager stating that they want some graphic or link moved above the fold. This typically ruins the layout or requires major reworking to get things to fit.

I guess I should back up a bit and explain that the fold is an invisible line where the content of the page is not visible below the bottom of your browser window (and/or to the right side if there is also more content than can fit into one screen horizontally). It is borrowed from the print world where certain print formats such as newspapers and brochures are folded. The content that was most important appears on the front page before the fold to be sure that the consumer would notice it.

read more

As of late I have been looking into what ways that I could record a usability session of an application on a Mac. Windows definitely has an edge here with the Morae application from techsmith. This is a feature rich application that captures a usability session as well as make it easy to produce some nice reports. It captures both the screen and if you have a web cam, the subject. There is nothing equivalent for the Mac. However, there are a number of tools available for Mac OS X that can perform most of the functions of Morae separately.

read more

Stretchy layouts are not good, yet every über techie who has a 20 inch or larger monitor wants web sites to stretch when they open their browser to the width of the monitor. Well maybe not every über techie wants stretchy layouts, but enough that comment on design related message boards that it really irks me. Why is it bad, because paragraphs that span exceedingly long widths are difficult to read. This is of course assuming they are long enough to still take several lines. A single line of text is not hard to read. And, of course, if the site is only images or video, then it is not as much an issue if at all.

read more

Amidst all the hoopla of the announcements of the “green” MacBook Pros, the iPhone, and now the new iMac, Apple has quietly been redesigning their site over the last few months. Almost two months ago they unveiled an new look for their computer product section. It is labeled “Mac”, but it includes other things such as accessories and software used with or on a Mac. The nifty interface thing they introduced was a scrolling palette/window in the page that displays all the products. As a new interface element they do something to help users cognitively understand what to do, as the scroll bar goes side ways.

read more

I completed the MS in HCI at Depaul with my last class being an independent study to build a tool for testing/researching navigation and how people acquire/find information from them. Actually, I have been researching this for the last year on and off so this was in a way more of a culmination of thoughts and reading. The main outcome was the development of a web based tool that could be used to present tasks to a user and collect data as they interact with a menu navigation system. Ultimately, the project was a continuation of Dr. Craig Miller’s research into how users conceptually navigate a hierarchical menu structure. He had developed several prototypes that used java and flat text files to present the data.

As with most academic endeavors of this kind I, the student, started with a fairly broad goal and needed to narrow it down. However, my goal was not exactly the same as Dr. Miller’s as I wanted and still want a general purpose tool that could be used for a variety of research activities related to testing website navigation and usability. Where as he and another researcher are seeking to better understand the conceptual model of users as they learn a menu and find information organized in that menu. For me, my practical work experience has lead me to see the need for an easy to use tool to help better organize/prepare complex menus for websites, especially after a site has launched. So I am first assisting Dr. Miller and the other researchers in developing a tool that will work for their testing, but also I am trying to develop it in a way that I can use to do basic testing of web usability in general.

I have produced a prototype tool and released it as an open source project. It can be found at the address below. It is in alpha (or even pre-alpha) phase so any recommendations, thoughts, or contributions will be welcomed.

UI Nav Test Tool

The project was written in PHP and uses a MySQL back-end. There is a demo and you can download the source plus the setup files from the site. If you have questions you can contact me via the project site. Essentially, the UI Nav Test tool is a very stripped down CMS with features for presenting tasks to a research participant and it also has a basic reporting page and allows the researcher to download the raw data for further analysis. While the appearance is very basic, this is intentional. As the purpose is to identify problems with labels and organization, not whether something looks pretty or not. The demo is set to use one of Dr. Miller’s content domains which is focused on understanding how people conceptualize the navigation steps they will take to find items.

Well, jedit is just being a pain with the ftp and my server. Something about my host just gives jedit fits. It works fine with any other server I’ve worked on, so I know it is my hosting provider’s configuration. The short story is it repeatedly fails to connect. It will connect and then it will fail. I can retry to open or save whatever it was I was trying to do 10, 20 or more times and then it will work once or twice.

So I am back to looking as I have been doing a lot of coding on the server lately (more on that in another post sometime in the future). I really like the look and feel of Coda from Panic software. It costs $79 though… And for an editor, I just can’t bring myself to pay that yet. I was trying Simultron, Taco and a few others. None of them have integrated FTP. I was also trying skEdit, but that too costs money. Although it is less than Coda.

All of them are decent editors, except I sometimes have special editing needs. This includes multiline search with regular expressions and vertical/column selection. A coworker mentioned TextWrangler and I just downloaded that. Based on BBEdit which is a really powerful editor, TextWrangler seems like it may fit my needs. First it is free (BBEdit has a cost, but worth it if you edit a lot). It has FTP integrated and after running a few tests seems to handle my hosting provider’s flaky ftp.

I have owned/paid for previous versions of BBEdit, but I gave it up as it also was affected by the flaky FTP, and there was a problem of another kind… It would only allow opening one file at a time via FTP. I also got tired of paying for an upgrade to a text editor. While I do code a lot from time to time it is not justifiable expense anymore.

It seems that they improved FTP in TextWrangler and you can now open multiple files at one time in FTP. One problem is you still have to open a separate window every time you want to access something from the FTP connection, but as long as it works and I can get multiple files open that may be acceptable for now. Other features I really love are vertical selection, multiline search and replace as well as regular expressions. So all in all it looks very good for my infrequent coding need. However, that may change soon and now I may go back to get a license for the new BBEdit or possibly Coda.

[postscript] I have started working with a sourceforge project and jEdit works just fine there. So it is still my editor of choice. TextWrangler makes a nice addition, and works with my personal server.

I finally upgraded my personal system. I had been wanting to get a new Intel based Mac for quite a while now. My previous system was a powerbook g4 which has been a rock solid machine for the past 3 years. Yet since the announcement of the Intel switch I have been drooling over each new system release. As a web developer being able to run Windows and test pages in IE and yet still use a mac for developing has been managed by having two systems sit on my desk. Which is a pain in the buttox and takes up room I could use for… for what I don’t know. I was going to say laying out notes, but I rarely print things out anymore. Well I will have room to put whatever I want instead of a PC.

So I went with the white MacBook. I love everything about it… the keyboard is just fine for me a semi-touch typist. I really do not touch type but every now and then I get going and actually don’t look at the keys. I also like the built in iSight. The remote is cool, but I haven’t really needed it yet. I was originally thinking of getting the black, but after seeing them in the store, I felt the black was too much like the old powerbooks from g3 days or even like many black PC laptops. The white is actually the unique one, glossy case with a grey handrest and screen trim. It is clearly not a PC. If the black had been glossy then I would have been interested. I know it would show smudges and finger prints, but nearly everyone wraps their laptop in a case anyways.

The user interface is of course the same. I am pretty much transferred over to the new system. Just a few minor tweaks to go. I have also installed XP in a virtual space and can pop in and put of Windows when ever needed. Very nice… I tried to install Vista, and actually succeeded, but for some reason it would not connect to the internet. I will try it one more time then give it up… let me say that from what I saw initially… Vista is a disaster. From a usability perspective it is so different from previous Microsoft OSs that it will cause problems. Case in point, I could not get it to connect to the internet. I am very good with computers… I have run, used and configured most OSs including linux. But this was nuts… I could not determine if I was missing the driver or that it wasn’t configured correctly. It just kept telling me how to go about setting up wireless, which I did not want. Oh well I’ll wipe it and install it again and we will see how it turns out…

Well after going over all the possibilities, I could see that the driver was not installed. Since this is a virtual machine (vm) I was going to need special drivers from the vm system. Probably had I actually read the instructions for the vm I would have known I needed to run the tools installer to make that happen. It was just confusing because I did a XP install and it did not need the special drivers. So now I am playing around with Vista a little more and it does look nice to some extent.

I just finished the capstone course. Normally the last class to be taken, but due to it only being offered one time a year, I have one remaining course to complete my masters degree in HCI. It was a tough quarter in part due to a family problem, but also the from amount of work that was needed. I had to go to Japan for a week about midway through, but I was able to finish all the work required. We had to write 3 papers reviewing published research/articles by well known HCI practitioners as well as conduct our own research project and do a write up.

The first review was of a writing by Bruce Tognizzini. Tognazinni is part of the Neilsen, Norman group and a former Apple employee. Several years ago he put out an article called “A Quiz designed to give you Fitts”. In the article he goes over questions that every HCI expert should be able to answer. Well you also have to be a Mac user and being an engineer would probably help (note having a degree in HCI does not necessarily make you an engineer). He uses the article to basically lament the passing of the old Mac OS and how superior it was to the new Mac OS X (and of course Windows). To which I have to say, he is full of carp (sic). While I love Macs and started out in System 5, Mac OS X is light-years beyond the previous OS. He is also on the record as hating the dock (but that is another article), which I also love. So while I respect him for his contributions to the GUI world, I think his emphasis on Fitts is a throw back to mechanical engineering and is not entirely applicable to the web today.

Here is the full review of Tog: Tog: Week 1 [pdf 103k]

The second review was of Chapter 3 from Jeff Raskin’s “The Humane Interface”. Raskin another Apple alum, outlines the need to for modeless interfaces and that he believes there is no such thing as an expert user. Again I can respect the man and his great contributions, but we are given utopian HCI platitudes, that haven’t gained traction despite being known for a decade or more (which is a long time in tech). I completely disagree with not differentiating users and providing different ways to do things. To me this is akin to the idea that all learners learn the same way, which has been shown untrue. While certainly nobody probably knows every feature of a program (except the developers), they can be experts in the use of specific features. Which is in my opinion enough to warrant accommodation different from beginners. Learnability is a key principle of usability and should take into account that people learn in different ways.

Here is the full review of Raskin: Raskin: Week 2 [pdf 106k]

I will wrap up in another post on my final project later….

lsof | grep iTunes | grep TCP

lsof -i tcp:daap

Just two different Mac OS X terminal comands needed to find who is listening to your iTunes. There is also a handy app called iTunes Monitor that works quite well and also does the lookup of the ip address. Finally there is a widget iTunes Connection Monitor that allows you to quickly see the ip address and what is being listened to.

I have turned off commenting as too many comment spammers were coming through. I’ve cleaned up most everything, but I do not wish to waste any more time on this as nobody else is leaving comments anyways. Feel free to e-mail me your comments at blog at lofton.net or the webadmin.

This was a very good class, as I learned a lot more than I expected and took away some experiences that will significantly help me and those I work for in the future. The interest in applications that allow groups to work together has been growing, with technology being a limitation on what can be done. However, with advanced web developments, tools, infrastructure and abilities that lower the barrier for implementing this kind of application, this sector is now veritably exploding.

It was a tough quarter on a another level as I changed jobs after being in the same company for over 10 years. So I had to deal with interviewing and departure details, as well as, adjust to a new work place. Interestingly, the class had an immediate effect on my transition. In future interviews, I will be sure to enquire about a companies use of groupware and ways of collaborating virtually. As my new job has required me to work with team members who are located in different buildings and my new boss is in another state. Other valuable learning included a good overview of the current crop of groupware and the actual use of two groupware applications. This class also required a team project, which went really well, in part because of the groupware that we used.

read more

I recently had a nice experience as a tech consumer, a lifetime warranty that was honored and a product that worked as advertised for something where there is a lot of debate. First the warranty was for a 1GB ram chip. When I bought my laptop almost two years ago, I bought 2GB of ram from a third party dealer. It was much cheaper than the ram offered by Apple, but of course I would have to install it myself. Which is dead simple as most laptops now make a special door to install ram (it wasn’t always like that… many laptops from the late 90s had to be taken apart to get at the ram). At any rate, late last year one of the ram chips started crapping out. First I would get a kernel panic, which I thought might be something else, but then I noticed after restarting, that the ram read at half the capacity (512 MB). I ran Apple’s hardware diagnostic and it indicated the chip was going bad. Eventually, it just quit working all together. I still had 1GB in the system, so it wasn’t a big deal, but it is nice to not have to close anything during the day as I work. So I missed having the 2GB. I thought I would have to buy a new chip, so I went to check the company I bought the chip from www.4allmemory.com and there on the page was a lifetime warranty link. I checked my original invoice and sure enough, it was covered. So I called half expecting them wanting me to explain the problem and what I did to verify it was the chip and do everything I already did to verify the chip was bad. Instead the friendly person simply said pack it up and send it in, and they will send a replacement. That’s it, no fuss, no hemming or hawing, just great service. Ok, it did take them two weeks to send the replacement, but it was great just to receive it at all.

read more