Phoenix Criminal Lawyer


Sep 07 2007

KNOWN ISSUE: The text-shrinkage problem should be resolved now. I had the DPI for my monitor set at the higher rate, which was making the text appear bigger to me than it actually was.

If you’re having the opposite problem now and getting huge, overlapping text, it’s probably because your DPI is set at something other than the default 96. I can suggest two solutions for you, since I have to accommodate the majority of viewers:

1. Reset your DPI to the default of 96. In Vista, this is accessed through Control Panel -> Personalization -> Adjust font size (DPI) (which is in the left-sided bar below Tasks). Systems other than Vista… I just don’t know.

2. Adjust the text size in your browser to “Smallest” (in IE, View -> Text Size -> Smallest) which comes closest to reproducing the intended layout. You may have to first go into Tools -> Internet Options -> Accessibility and check “Ignore font sizes specified on web pages” to get the change to take effect.

I’ll build a parallel site for 120 DPI users if there’s a huge outcry, but it’s not at the top of my priority list right now.

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

I have laboriously collected from the internet a list of reader advice for creating an effective author web site. I have tried to implement as many of these qualities as possible into my beta site. Feel free to visit anytime and find fault. Anything that can be improved (broken links, poor visibility, tooooooo slooooooow, whatever) before it becomes important is a good thing.

Following is the reader advice I have collected. If you have additional suggestions, please share them in the comments section.

Technical

  • Searchable plain text. At the top of the page, something like “This is the official web site of romance author Kerry Allen” not only makes sure the reader knows what she’s looking at but helps search engines locate the site.
  • Ease of navigation. I assume this means links are obvious in meaning and readily accessible from every page.
  • Keep it narrow. Not everyone has a wide monitor, and having to constantly scroll from side to side is too much of a hassle to bother with. If you must go wider, put the link sidebar to the right so it’s the only thing cut off and requiring scrolling to see.
  • Update regularly. Always have the most current info about new and upcoming releases. Blog at least twice a month. New “bonus” material every month or so.
  • Google Analytics. Less obnoxious and more informative than a hit counter, runs in background, and free. Keeps track of what links are active, where visitors are located, etc.

Appearance

  • Dark print on a light background
  • Solid color background or minimal design
  • No funny fonts (difficult to read)
  • One or two fonts at most (too many look sloppy)
  • No tiny fonts (also difficult to read)
  • No flash (animation is distracting and slows loading)
  • No splash page (get visitors right to the meat of your site, no introduction necessary)
  • Links neatly arranged in a sidebar
  • Most recent available book (all info) featured on home page

Page suggestions

  • Biography. Picture often encouraged. (Tough luck!)
  • Book list. Call it a Bibliography if you want, but don’t put the link right next to Biography, in that case. Section should include cover shot, release date (and reprint date if applicable), publisher, retail price, ISBN, description, excerpt, reviews, quotes, links to sellers. If part of a series, make chronology clear. Provide a printable list for taking to the bookstore. Make the most of this page in particular! Don’t show a bunch of covers and expect the reader to click one to get that book’s info, then go back and click on another one to find out about that book, etc. A lengthy excerpt can be opened with a click, but everything else should be right there.
  • Excerpts. Make them substantial, 2-3 chapters, 50 pages or more.
  • Event calendar. Include book release dates, guest blogging appearances, interviews, book signings, anywhere you’ll be in person, on the web, or in print.
  • Contact. E-mail, mailing list signup, RSS feed.
  • Blog.
  • Contests. Everybody likes to win free stuff.
  • FAQ.
  • Trivia. Commentary on inspiration for story, deleted scenes, foreign covers, interesting research, mention works in progress to whet the appetite for future releases and get the buzz started early. (I have a comic!)
  • Links. Sites you think READERS might be interested in. Authors do have a tendency to gravitate toward writer- and industry-oriented things that don’t interest most readers.

8 Responses to “Beta Web Site”

  1. Meljean Brook is SO pretty.

    I like the site. It has a neat, clean design, easy navigation, and the content you seem to have planned is perfect. My only issue is one of your knowns — the choppy loading. Otherwise, definitely fantastic.

  2. Kerry Allen is SO pretty.

    I’ll be tackling the choppiness in the near future. While I’m procrastinating about writing a synopsis and starting on the next book and avoiding my e-mail…

    I’m trying to find a new web design program. The one I have is drag-and-drop, WSIWYG, auto-HTML’d for the coding challenged, which I love about it, but it’s so old… I know there has to be something just as user friendly with updated features, but finding it is proving a challenge.

    Thanks for having a look and finding something kind to say!

  3. PWINOML is SO pretty.

    You went with the color blocking so you could switch it out when you do Gabe, right? I think you need to gif those instead of letting that crappy program handle them. They’ll load faster.

  4. Kerry Allen is SO pretty.

    Yup. Water to fire in a click. Noted about the gifs. Also intend to throw all the documents onto HTML pages. Those PDF files are huge, and Acrobat is pretty touchy. Viewers shouldn’t have to download anything, I hereby decree!

  5. Kerry Allen is SO pretty.

    Although everything is beautifully arranged in the web design program, that doesn’t necessarily translate into the browser. Text might get resized, leaving big gaps (if it shrinks), running on top of the next block of text (if it expands), and uncentering my carefully centered title-like things. I’ll try “locking” them next time to see if that helps the size stick.

    Edited to add: Nope, locking does nothing.

  6. Kerry Allen is SO pretty.

    Okay, I’m now getting lessons on building a site with Photoshop (and its assorted attached programs) and writing my own html (hold me—or shoot me, I don’t really care at this point!).

    My opinion so far: There’s a lot to be said for my old drag-and-drop WSIWYG program, even if the results are sometimes frustrating. At least I can see what it’s SUPPOSED to look like, as opposed to and endlessly long string of letters that I’m assured “runs” like a pretty picture… unless you put a ” in the wrong place, in which case it “runs” a pretty error message.

    But knowledge is power. Maybe, when I stop whimpering, I’ll find I have a talent for html (roflmao) and springboard into a new day job…

  7. Wendy is SO pretty.

    I like the site! Although I do have a suggestion - you know on your Books page, where it says AVAILABLE AT.. the font doesn’t really go with the one on your header and the book info. Also maybe if you put it right under the blurb it’s closer and we don’t have scroll down for it, yeah? And that ” June 2010, Vanity Press
    1793 pages, $6.99
    ISBN 1234567890″ could go under the book.

    I love playing with HTML although I hate CSS script ’cause I never really learn about it and it looks way too hard.

  8. Kerry Allen is SO pretty.

    Wendy, the placement of items on the page is a huge problem with the program I’m using at the moment. On that first page, for instance, the book description goes all the way to the bottom of the box while in the program. On the same computer, it shrinks about two lines in the actual browser. On another computer, I end up with two inches of dead space. I did a hard return at the end of every line, under the misguided impression the problem was paragraph related (which is why there’s all that dead space to the right), but no. The browser completely shrinks the font for some unfathomable reason. I just cannot make it stick where it belongs. (It’s particularly obvious on the excerpt page, where you have to scroll down a third of the way to get to the backlinks. Those are RIGHT UNDERNEATH the last line of text in the program.)
    I will definitely add your suggestions to my Stuff to Fix list.

Get a piece of this action