Live data from Hacker News

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

codepen.io

11–20 of 80 posts

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

#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.

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

#14
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 wouldn't you? It looks like a slider toggle, not a checkbox.

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

#15

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.

It handles a double-click nicely though so credit for that.

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

#18
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.

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.

Post reply on HN