I recommend ditching the pseudo-book UX with a page that scrolls vertically (like the rest of the internet). Clicking to navigate through several pages reminds me of this tweet I saw the other day.<p><i>"I like this thing that I'm reading on this website, but I wish it was spread across more pages." –Nobody, Ever</i><p>Otherwise, looks great
First off, awesome. I've always wanted something like this (<i>especially</i> for pg's essays) and kicked around ideas for how to build something like it. A few bits of feedback, mostly on the design/interaction side: I don't think only offering twitter sign in is ideal, the pagination was not very intuitive/easily discover-able (horizontal might be ok in mobile context with swipes, but on desktop people want to scroll), the function of the bottom progress bar is also not intuitive to me (seems more like a zoom at first glance), the content itself is a little too "boxed in"- don't think there is a need to contain it like that, and lastly the mobile experience (Gnex) is lacking (everything is quite small, ui nearly impossible to interact with).<p>Totally understand that this is just a demo and you've probably thought of this stuff already but thought I'd chime in just in case it is useful. Great work!
Are the documents hosted on here intended to be public or privately shared? If the former, I'd worry a bit about clashing with what RapGenius are doing.
Cool. Presents very well. Just to reenforce points others have made:<p>* Why can't I scroll? ... scrolling is how I read<p>* That "x" to close the comments pane is very small... I probably clicked around 3 or 4 times trying to get the thing to disappear.
This is a great product idea, and a very simple yet powerful take on its execution. Others have pointed many ways it could be improved (scrolling, the "x" on the comment panel, etc.), but I cannot emphasize either how interesting this could be.<p>This makes me think of "Project Syndicate", at <a href="http://www.project-syndicate.org/" rel="nofollow">http://www.project-syndicate.org/</a>, the public debate venue for economics/public policy thought leaders from across the board. They have an interesting discussion system based on comments users post about paragraphs. Maybe there's an avenue for future cooperation there?<p>One way the product could improve is if the social component of the annotation concept was made more obvious. An explanation of what happens when someone comments would be welcome.<p>Also, will the be available as a private/semi-private product? I could use this for my Kindle books, but would want to share only select highlights among the many I make.<p>Overall, great job! Good luck with the YC application!
Some thoughts:<p>1) When I click the "list" button at the top next to the essay name, it shows me the same list that is on the left side of the screen. Why? Is there something I can do there that I can't do somewhere else?<p>2) Why make your auth twitter? I see no value in tying it to twitter unless you are expecting people to tweet all their annotations, which seems unlikely.<p>3) There's a ton of unused white space on the right, which makes the app feel unbalanced.<p>4) The site is not very mobile friendly -- not a knock against you, but since it looks like you are already doing responsive css, I thought the mobile site would be much tighter.<p>5) Whoa, why are there dozens of media queries in there -- are you really changing things every 10px?
Looks cool! I'd like PG annotations to be integrated as annotations from users, so you can read them and follow your reading easily (his comments can be huge but quite informative).
After you click on a comment, I found closing the comment pane less simple than it could be. The x to close it is fairly small and hidden, and I think it would be nice if clicking on the comment bubble again just toggled it away and/or clicking on the text still visible on the left slid the comments away.
Looks very nice.<p>I think allowing the article list to hide would make the app feel more balanced. Right now the main part of your app takes up a very small real estate on my screen.<p>Good luck on getting into YC!
Is there a way to create a link directly to a specific annotation? I was looking for a quick way to share a quote/annotation with someone. I'm not interested in using or signing in with Twitter.
It took me a minute to figure out that I needed to click the margins to turn the page. Maybe add a small arrow or other indicator other than cursor:pointer. Other than that, very nice.