Picture Page Reformatted
This entry was posted on 2/6/2007 10:59 AM and is filed under website.
I've spent some time to reformat the picture page. The most obvious difference is the main controls have moved to the right margin (previously just white space). The main reason for this was to put the "Previous" and "Next" links in the same place on each page. Before, the links would move up and down depending on how big the picture was that was being displayed, which forced the user to hunt for it each time. Now, that they are both in the same position, the user won't have to move the mouse anymore -- just keep it in one place to continue clicking "Next".
I have also included two new navigation icons for "Previous" and "Next": switch targets. I felt the signals on the page were a bit of overkill (as there were three of them). These make more sense to me as far as railroad and wesbite operation are concerned. The switch targets take the user down a different path within the same "block" (or picture group, in this case), while the signal takes the user to a different "block" (outside the picture group). I did not create these icons from scratch; while doing some railfanning, I took pictures of a couple of "photogenic" switch targets to use.
Other enhancements:
1. The image block is now always the same size. When being displayed, each picture is resized to 500 pixels on their long side, which means I needed a box 500 x 500 pixels. Now, the only element that affects the size of the picture box is the amount of picture text.
2. New icons for "full size", "map", and "link". I also changed the wording of each.
3. The milepost sign has moved outside the main image box and is now below the image controls.
4. The "Yard Limit" sign is replaced by a "End of Track" sign. The Yard Limit sign didn't make much sense from a railroad perspective, and I admit that I used the yard limit sign due to the "limit" aspect -- that is, it was the limit of the pictures for that particular group. The "End of Track" sign makes more sense.
A lot of work, but there is still a little left to do. For example, I'm not completely satisfied with where the milepost sign is. I will be repositioning it some more soon to see if I can find a better location for it.
Anyway, I hope you enjoy the changes. I am mainly pleased with the results.