Stepping it up: Live Preview
As many of you have seen with the redesign and the fixed comments, I've really tried to increase the usability of the comments. Why so much focus on the comments? Because your interaction is a critical part of why I run this site. Your insights and assistance are an asset to me and to anybody else who happens to come across these pages.
In my next step in building a better experience and upon the advice of Khoi Vinh, I've added Live Preview. However, I've had to do it slightly differently than others due to a variety of factors:
Most importantly, I wanted the preview to appear as if it was just another comment in the list. The problem with this is that if the user is at the top of the page then they won't know that there is a live preview and have no way of seeing what their comment will look like.
This is where the fun begins. Clicking on the Preview button will scroll the page to the very bottom so that you can view your comment. But because the comment was designed to look like any other, it may not have been obvious what you were supposed to look at. To solve this problem, I used Garrett's
BackpackBasecamp-inspired Yellow-fade technique.
So tell me, is it easier to use? How could it be even better?