Live data from Hacker News

Show HN: An HTML/CSS/JS toggle switch with happy and sad emojis

codepen.io

41–50 of 80 posts

Re: Show HN: An HTML/CSS/JS toggle switch with happy and sad emojis

#44

Earlier quoted context omitted.

Why would you try drag it? Maybe I'm used to iOS I don't swipe those things I just touch them...

I don't see a button, it has a background that suggests it'll slide when dragged.

yup same here, i still love it tough

Re: Show HN: An HTML/CSS/JS toggle switch with happy and sad emojis

#45
post #12

That's adorable. I wonder how using such a toggle could change the user behavior. I had a bit of a hard time turning the face into a sad face. I really liked it much better at green. It would be easier to convince me to pay money with this toggle. Then again, I'm a sucker for happy faces and cute things, so maybe I'm just weak to this kind of thing.

I already see it happening. In 5 years emotional-manipulation-driven design is going to be the next hot thing.

Isn't it already, with guilt-laden options like:

* Yes, I want to be a better person!

* No, I don't want to be a better person and am content to live a life of misery without this service.

Re: Show HN: An HTML/CSS/JS toggle switch with happy and sad emojis

#46
post #18

Earlier quoted context omitted.

When you buy a recording of one of Louis C.K.'s shows from his website, you are given the choice (*) Yes, I'd like to receive further emails about louis C. K. things. ( ) No, leave me alone forever you fat bastard.

This reminds me of Chuzzle[1], a cute puzzle game by PopCap (makers of Zuma, Pebble, Plants vs Zombies etc) that, when you tried to quit the game, it'd show you one of the furry creatures with googly eyes, asking you if you really wanted to quit[2]. I thought it was a nice touch at the time (maybe 10 years ago). [1] https://www.youtube.com/watch?v=V3LJ9n43M-4 [2] http://www.mobygames.com/images/shots/l/112433-chuzzle…

Doom had a similar trick, the "Quit: Yes/No" prompt would say something like "I wouldn't quit if I were you, work is much worse".

Re: Show HN: An HTML/CSS/JS toggle switch with happy and sad emojis

#47
post #7

Nice. Trying to drag the button doesn't work though; I would add that.

Why would you try drag it? Maybe I'm used to iOS I don't swipe those things I just touch them...

> Why would you try drag it?

Because it’s large and I want to see it wiggle? :D

Re: Show HN: An HTML/CSS/JS toggle switch with happy and sad emojis

#48
post #12

That's adorable. I wonder how using such a toggle could change the user behavior. I had a bit of a hard time turning the face into a sad face. I really liked it much better at green. It would be easier to convince me to pay money with this toggle. Then again, I'm a sucker for happy faces and cute things, so maybe I'm just weak to this kind of thing.

I already see it happening. In 5 years emotional-manipulation-driven design is going to be the next hot thing.

Five years? It's already happening. There's a large number of "shaming" dark patterns out there already. "No, I don't wish to save money.", as an example.

Re: Show HN: An HTML/CSS/JS toggle switch with happy and sad emojis

#49
post #43
post #42

The same author: http://codepen.io/chrisgannon/pen/VjWWZO Looks pretty great too!

And now I want to learn SVG.

You should, working with SVG is interesting. It makes you think differently in how to handle UI design. I wish it were better supported across the board in browsers, it would help solve a great deal of UI issues.

Re: Show HN: An HTML/CSS/JS toggle switch with happy and sad emojis

#50
post #39

Click delay is bad UI. When you click it, the face first blinks, then moves. So it appears to not be working. Would be better to move first, then blink upon completion.

fixed it for you: http://codepen.io/anon/pen/PpJwKL

I think the blinking is actually much more effective this way, too!
Post reply on HN