menu

Sketch

The Sketch community on Spectrum. Sketch is the ultimate tool for designing user interfaces, websites, and icons.

Channels
Team

Dashboard design for writing platform

August 21, 2018 at 7:04am

Dashboard design for writing platform

August 21, 2018 at 7:04am (Edited 10 months ago)

Hi, guy. I just finished design a dashboard for a writing platform which will show the number of articles & income of a writer.

I'm not sure if the info was clear & easy to scan, especially "Articles of the month" & "Income Summary" panel, so please enlighten me, all feedback are welcome.


September 1, 2018 at 10:05pm

I think this looks awesome! My only criticism would be that it feels a little too safe. There is like no color at all in this interface, and it feels very forgettable. Maybe change the small amount of green you do have to red and incorporate a little more of that nice red across the dashboard?

like-fill
1
  • reply
  • like

September 10, 2018 at 9:12am

@mattwaler thanks you for your feedback, i was try to keep things as clean as possible, but youre right with the boring/forgettable feel of this dashboard, i will update it for sure

like-fill
1
  • reply
  • like

September 11, 2018 at 2:06pm

@mattwaler thanks you for your feedback, i was try to keep things as clean as possible, but youre right with the boring/forgettable feel of this dashboard, i will update it for sure

Glad I could help!

  • reply
  • like

November 29, 2018 at 10:15am

How do you connect the interface to the data source?

like-fill
1
  • reply
  • like

November 30, 2018 at 3:41am

2 small suggestions: 1) I know you have links in the navigation area to 'posts' - are those articles? In any case, it might be nice to be able to drill down to articles (or views by different categories, likes by viewers, etc.) from those dashboard items. Don't know if that is the case now, but can't tell from the UI. Perhaps there's a mouseover effect (colour change, etc) that shows elements as clickable as you mouse over them. Since writers use desktops more than tablets, mouseovers are still OK for this UI. :) 2) How about a bar graph of the income summary? That will always tell you how you're doing at a glance. I agree with 'Deleted' that it's a bit lacking in colour. Remember, you can also use colour as a nice indicator of either different data elements vs. labels, or show trends with upward green arrows and downward red ones. It doesn't take much to make the whole thing feel a lot zippier.

like-fill
1
  • reply
  • like

December 1, 2018 at 6:00pm

The design looks great. The only thing I'd criticize would be that the titles of each statistic in the "Articles of the month" section are very tiny so that they are hardly readable. And the margin between the title and number is a little bit too small for my liking.

like-fill
1
  • reply
  • like

December 5, 2018 at 4:13am

How do you connect the interface to the data source?

Usually i will work with the backend team and ask them what is the data they will return in the first place (..ex: Total income : $23.500) then i use it to design for a more understandable layout. But if the support label is necessaries (..ex: +50% from last month ) i will ask the backend team to return it for me.

  • reply
  • like

2 small suggestions: 1) I know you have links in the navigation area to 'posts' - are those articles? In any case, it might be nice to be able to drill down to articles (or views by different categories, likes by viewers, etc.) from those dashboard items. Don't know if that is the case now, but can't tell from the UI. Perhaps there's a mouseover effect (colour change, etc) that shows elements as clickable as you mouse over them. Since writers use desktops more than tablets, mouseovers are still OK for this UI. :) 2) How about a bar graph of the income summary? That will always tell you how you're doing at a glance. I agree with 'Deleted' that it's a bit lacking in colour. Remember, you can also use colour as a nice indicator of either different data elements vs. labels, or show trends with upward green arrows and downward red ones. It doesn't take much to make the whole thing feel a lot zippier.

1. Yes, it lead to the Articles section, and yes it have a filter depend on your need, and the links does have a hover effect ;)

2. i was thinking about a graph, but right now the team are focus on the backend a little bit more and on this iteration the graph was not in high priority.

About the color, yea its kinda too flat at the time, hope i can upload the current version of it right now. but thank you alot for your suggestion. I'm the only designer so thing are not moving to fast right now..haha

Edited
  • reply
  • like

The design looks great. The only thing I'd criticize would be that the titles of each statistic in the "Articles of the month" section are very tiny so that they are hardly readable. And the margin between the title and number is a little bit too small for my liking.

yes, i'm thinking about it also, thank so much for giving me feedback.

  • reply
  • like