Blackboard UX Fail! How not to label buttons.

Several times in my experiences with Blackboard, I have accidentally clicked the wrong button. In Blackboard's forum thread editing screen, there are both Save and Submit buttons.
Blackboard Save and SubmitBlackboard Save and Submit

There are three problems with this display:

  • Both button terms are ambiguous (Save to what? Submit to for what?)
  • These terms are often used interchangeably
  • The buttons are right next to each other with no contextual distinction

Yes, there is help text, but (a) its location under the textarea (instead of near the buttons) demarcates it as pertaining to the text area, (b) depending on screen resolution (I shrunk my window substantially to take the screenshot), the text may be on the other side of the screen from the buttons, and (c) the help text requires an additional cognitive step to recognize and then use.

The simple solution would have been to label the buttons "Save Draft" and "Post to Forum".

And to add insult to injury, once you have clicked "Save", you are navigated away from the post and back to a list of already posted items. Obviously, the draft you just saved will not be there. In fact, one has to navigate some highly non-inuitive filters to find the "Drafts" section and then find the saved forum post.

Again, this could be easily remedied by (a) returning the user to the editor after "Save" is clicked, and (b) making it easier to find drafts of messages. Selecting filters in a search is non-ideal.

Amen!

I agree. Blackboard (well, at least the version my university has) is an antiquated piece of junk. I hope we ditch it soon, but I'm sure its got its tentacles throughout our infrastructure, continuously draining our money and support resources. It's unintuitive and acts like the web app from the 90s that it probably is. Glad to hear someone else feels my pain for using a poorly designed UI. ;)

Post new comment

The content of this field is kept private and will not be shown publicly.
  • You can use Markdown syntax to format and style the text. Also see Markdown Extra for tables, footnotes, and more.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <h1> <h2> <h3> <h4>
  • You can enable syntax highlighting of source code with the following tags: <code>, <blockcode>. Beside the tag style "<foo>" it is also possible to use "[foo]".
  • Lines and paragraphs break automatically.
  • Images can be added to this post.

More information about formatting options