Closed xmatthewx closed 9 years ago
Couple of options here and thoughts:
Might be worth testing how users respond to predefined colour palettes (maybe even something autogenerated, like http://app.coolors.co/443742-846c5b-cea07e-edd9a3-e2e8c0).
@secretrobotron I really like this little UI for seeing the effects of your slider movements here...
But.. good luck choosing the color you actually want.
The view I posted is the 'tinker' mode, so someone already would have moved past using one of the colors we would have suggested in the previous step.
I'm a little torn between exposing color mode concepts, and allowing you to choose a color easily.
HSL is a nice model for teaching color concepts, but isn't great because it's not a popular web standard.
I do think we could offer some pallette options in the initial color picking phase though.
Hybrid that exposes RGBA sliders alongside a visual colorpicker. Might be a bit too much stuff crammed into one view though.
I'm a little torn between exposing color mode concepts, and allowing you to choose a color easily.
If you need to make a decision between one or the other eventually, this could be an opportunity to test both (or all).
Swipe through a bunch of different modes of editing a color, format updates in the line above the UI as you use different ones:
Here's an option that combines a visual colorpicker with RGB sliders. While the sliders suck, they're a cool way to see the effects of modifying one of the values in isolation, and feel like a good way to "tinker".
Nice mix of options @flukeout
I agree that RGB sliders are a terrible way to find the color you want. They're also the quickest way to intuit HEX, the most universal language for color on the web. You've stepped toward finding the balance.
If you need to make a decision between one or the other eventually, this could be an opportunity to test both (or all).
+1 - a quick lo-fi working prototype would help make the case. Since we will likely only launch with tinker mode for color and button links, we can invest a little more time getting it right.
Let's drop the (?) and the </> so we can focus on the key interaction.
Latest version - https://redpen.io/jb1a5518c142f7e3e4
Excellent work @flukeout. Closing this and opening a fresh ticket for the build.
Webmaker will offer users a simple color palette for text, backgrounds, borders etc. Color "tinker mode" will allow users to step beyond the simple set to create custom colors for their projects.
The process of tinkering aims to reward users with the discovery that color has a language we can use to describe, share, copy, and remix color in a digital space.
Prototype
Learning goal
Research questions
cc @secretrobotron @LauraReynal