3 ms·
Scroll, as others have noticed, creates an abysmal experience (Chrome on OS X). Animation speeds are way too slow, particularly in the left menu. Creates a fe
by notduncansmith 12y ago
Scroll, as others have noticed, creates an abysmal experience (Chrome on OS X).
Animation speeds are way too slow, particularly in the left menu. Creates a feeling of sluggishness.
Icons at the top of the dashboard should have some sort of text label. I don't have to wave at my car's dashboard for it to tell me that +20 means "You are going 20mph".
At smaller resolutions, those icons should take up far less space. They should either be in a 2-row grid, or all on the same row.
Square panels on the dashboard have a box shadow on hover. Not bad in principle, but this implementation doesn't look very good, and doesn't do much to highlight which panel I'm hovering (i.e. about to click on). Also, these probably shouldn't have a hover state at all, given that the use has no way of interacting with them (aside from the line graph, which should probably be in a different element).
No way to clear notifications - bad.
Hover styles on the notifications and team members implies that the whole thing is clickable - in fact, only the name is clickable, and this presents an incredibly small target.
Lock screen should just have the password field, and maybe the avatar/username, visible. Alternatively, they should slide into the existing overlay when the lock icon is clicked. Putting it in a modal is just lazy.
Lightbox for the gallery should present a larger image than appears in the grid. Right now it adds no value.
Profile page 404's.
On the bottom "Basic Table", there some actions off to the right. I have no idea what the checkmark does - a tooltip would help. Also, a tooltip on the delete letting me know what will happen would make me feel much better: "This will be deleted permanently", followed by a confirm dialog on click, or "This will go to your trash, where you can recover it later". Edit probably doesn't need one.
Todo list suffers from the same hover problem as the notifications - hover state should always mean clickable. The checkbox to mark a task as done is miniscule. I'm also not sure why the todo item text is linked.
On forms, the placeholder text appears identical to user-entered text. This is a bit deceiving - make placeholder text lighter and/or thinner than user text. It should always be clear that this form field is empty. Right now that just looks like default information.
All this is not to say the overall quality is bad - it's visually appealing, and it's a great starting point. Just some things to be aware of when designing/implementing interfaces like this.