Dash app goals


  • Provide a private library of reports, charts, and other visualizations to move fundraising into easier, centralized data monitoring and analysis

  • Move fundraising away from sifting through piles of spreadsheets, squinting at log files and laborious copy/paste exercises that suck up time

  • Make real-time monitoring an automatically-updated, trustworthy part of fundraising staff workflow

  • Handle all types of incoming data formats by transforming and depositing it all into one metrics database

  • Allow fr-tech and fr-nontech alike to see what is happening throughout the department by perusing one another's Boards (shared collections of widgets)

DASH APP PROTOTYPES THINGS TO REMEMBER


  • This is the first iteration! I am open to feedback, questions, suggestions, snide remarks, and/or reactions expressed through the art of interpretive dance

  • These are comically-rendered images on purpose - to remind you that the prototypes are not set-in-stone designs and can be iterated upon

  • Every feature you see will not be developed in the first deliverable app version - more on that later

  • Don't think about the implementation (code) or finer design details, think about the interaction and whether all our objectives are being met as I go through the pieces

Log in/begin


We have decided not to have a non-logged-in version of the app.


Logged in beginning


  • View default Board
  • A Board = a collection of widgets someone has put together for regular viewing
  • Click "edit board" button to put the board into edit mode
  • On edit mode, widgets themselves are greyed out and can be edited - moved, have their metadata changed,

library


  • Allows user to browse available widgets and boards
  • Allows user to browse his/her boards and favorite widgets
  • Contains the user's favorites
  • Single page for easier navigation
  • Hover over items to see a few details

library subview


  • Shows expanded view within library view, to see all available items within a category.
  • Each subview (except tags) has sorting capabilities. Sort by popularity, category, owner...
  • See full metadata about each widget, board, etc.

add a new board


Under "My Boards" in the Main Library view, there will be a button to add a new board. 

The user is given the option (probably a tooltip dropdown) to start from an existing board as a template, or start from scratch.


Start from existing board: Goes to "Select Board" modal, then goes to "Edit Board" view, prepopulated with all the widgets from the starting board.

Start from scratch: Goes to "Edit Board" view, which will be empty.

boards: they're fun




board edit mode

Looks exactly like a board, with the following changes:

  • Widgets are greyed out
  • Date fades - it's not editable
  • A plus sign shows up next to tags: add tags
  • Widgets can be moved around to change order
  • An "add widgets" button appears at the top, which takes the user to a modal that allows them to select from available widgets. (View All Widgets view)
  • On hover, a widget shows an x in the top right corner. It can be deleted. (confirmation will appear first)
  • Chrome disappears (a la Medium)

feature stages rough plan


  1. Library View, All Widgets view only. With login.
  2. "Build new board," Default Board, All Boards views introduced.
  3. My Boards, general sharing with Tags and Favorites introduced.
  4. Eternal bliss and happiness

Made with Slides.com