Although I'm focusing mainly on SpellRush right now, a native version of Loremify is in the works. I wanted to remove as much UI as possible, so the display is now gone. The buttons (or the cells) now act as their own displays—when you hover a cell it fills up with blue to where your cursor is, a counter appears to the right, and all the other cells fade out slightly.
I like the hover-paradigm that Loremify uses, but some users have had issues understanding the correlation between their mouse cursor and the display above. With this design, that's hopefully a lot more obvious.
11 months ago
Would it makes sense to have some kind of handle instead of it snapping to the cursor. I think I remember something similar being a bit annoying if you accidentally click outside of the widget. Or did I get it wrong?
Too bad the HTML switch looks too cramped and vague while the rest is really crisp and clear.
@Mads Roland Not sure how a handle would help? I'll add some (invisible) padding to the sides though, so the minimum and maximum values can be reached without getting too close to the edges, so you won't risk clicking outside of the window :)
@BBXWeb Good point. Any suggestions on how to improve it? Will play around with it for sure.
@Tobias Ahlin Yeah, the invisible padding is a good idea! I also don't really see how to implement a handle in this UI :)
What about a radio button? Keep it simple!
Nice redesign there. I'd like to add that the user's would be at advantage if they can see what they get by which I mean integrating a way to preview the Lorem text that user is about to receive and see it change on the fly while adjusting the parameters would be a good improvement.
by Tobias Ahlin
See full version attached. After some feedback on the latest version I wanted to rethink the header, and add an area to live preview what you're about to copy. The modes (HTML, JS, etc.) were in the last version as well, although more hidden. As you click a mode, the types above will adapt; List will turn into an Array for JS and Obj-C, for example.
11 months ago
@BBXWeb @Prathyush You're feedback is implemented in the rebound above. Thanks guys!
I think the html switch seams a little "forced", I don't think there's enough space for that style of a toggle switch. Maybe it could be stripped down, to look like the others, with the blue gradient showing whether it's toggled on or off?
I know I see that you did a rebound. Sorry, didn't notice it before - it's way better now.
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter