Looks good.
One thing I observed is that its not obvious the options are draggable. Make it such that it looks draggable. Also when you drag an option, give the user a feedback like making the dragged option show a green drop shadow when dropped.
And change the cursor. There is absolutely NO reason not to use cursor:grab; and cursor:grabbing! (ok ok, fine, use cursor:row-resize for the older browsers...)
Nice suggestions!
+ We've updated the cursor for options to make them look draggable.
+ We've added a drop shadow for the dragged option. Doesn't work on firefox yet, we're trying to fix it ;)
Pretty cool features with real world application! Bring it to the Play store and the App Store when ready. Would make it so much more usable if some more "sharing" features were also introduced. The UI needs a little refinement to increase the ease of use, as the comments here suggest.
To help poll a group of people and figure the ranking of options, we created deckrank.co. On deckrank you can create and share rank-based polls. Here’s what we used:
* Frontend: express web application framework and jade templates; bootstrap for stylesheets; jquery for form manipulation
* Backend: node.js, MongoDB
* Mailgun for sending emails
* We instrumented our website using Mixpanel and Google Analytics
* For source control and issue tracking we used BitBucket
* We bought our domain on namecheap for $9
* We minified our CSS and Javascript using Grunt
* Our editor for this project was Atom
* We’ve hosted our binary on DigitalOcean for $5/month
Main features:
* No signup
* Ability to rank options
* Users can optionally provide an email address to get the link to the poll for sharing, editing and viewing results
* Users can enable an option to disallow multiple votes from the same IP address
We focused a lot of time on the user experience especially on mobile. Let us know what you think!
The main difference is Strawpoll is for non-ranking polls, whereas deckrank is for ranking polls. Voters on a deckrank poll can rank options in order of preference, which is useful when figuring out collective choice in many situations. For example, here're the results from a poll on products announced at WWDC 2015: http://deckrank.co/v/EyxcM08gL and here's the voting page: http://deckrank.co/r/415zA8gL
When I click on links in the nav bar, they don't go anywhere. I have AdBlock installed which seems to be the cause but why on earth does AdBlock affect how an html link works?
I'm sure it's a great service but I shouldn't have to turn off AdBlock just to click links.
We tested on Firefox desktop + ABP and Firefox Android + ABP, but didn't see this issue. Could you share more specifics that'll help us reproduce the issue so we can troubleshoot?