Note:

If you want to create a new page for developers, you should create it on the Moodle Developer Resource site.

Messaging Notifications Project: Difference between revisions

From MoodleDocs
No edit summary
 
(3 intermediate revisions by the same user not shown)
Line 17: Line 17:


== Messages / Conversations Page ==
== Messages / Conversations Page ==
[[File:Messaging Notifications Project Graphic1.jpg|thumb|Viewing conversations]]
[[File:Messaging Notifications Project Graphic1.jpg|600px|thumb|center|Viewing conversations]]


[[File:Messaging Notifications Project Graphic3.jpg|thumb|Viewing contacts]]
[[File:Messaging Notifications Project Graphic3.jpg|600px|thumb|center|Viewing contacts]]


[[File:Messaging Notifications Project Graphic4.jpg|600px|thumb|center|Viewing a particular contact.]]


[[File:Messaging Notifications Project Graphic4.jpg|thumb|Viewing a particular contact.]]
[[File:Messaging Notifications Project Graphic5.jpg|600px|thumb|center|Searching a contact and clicking on result.]]


[[File:Messaging Notifications Project Graphic6.jpg|600px|thumb|center|Searching for users in a course.]]


[[File:Messaging Notifications Project Graphic5.jpg|thumb|Searching a contact and clicking on result.]]
[[File:Messaging Notifications Project Graphic7.jpg|600px|thumb|center|Starting a new message.]]


[[File:Messaging Notifications Project Graphic8.jpg|600px|thumb|center|Deleting messages.]]


[[File:Messaging Notifications Project Graphic6.jpg|thumb|Searching for users in a course.]]
== Notification Menu ==


[[File:Messaging Notifications Project Graphic15.jpg|600px|thumb|center|Truncated items]]


[[File:Messaging Notifications Project Graphic7.jpg|thumb|Starting a new message.]]
[[File:Messaging Notifications Project Graphic16.jpg|600px|thumb|center|Expanded item]]


[[File:Messaging Notifications Project Graphic17.jpg|600px|thumb|center|Mobile view:]]


[[File:Messaging Notifications Project Graphic8.jpg|thumb|Deleting messages.]]
== Messages Menu ==


 
[[File:Messaging Notifications Project Graphic18.jpg|600px|thumb|center|Message menu]]
[[File:Messaging Notifications Project Graphic9.jpg|thumb|Disable/mute notifications of messages for a period of time (out of office)]]
 
 
[[File:Messaging Notifications Project Graphic10.jpg|thumb|View Blocked users]]
 
 
[[File:Messaging Notifications Project Graphic11.jpg|thumb|Ability to select a found person, see their profile]]
 
 
[[File:Messaging Notifications Project Graphic12.jpg|thumb|Notifications Page]]
 
 
[[File:Messaging Notifications Project Graphic13.jpg|thumb|User Profile Page]]
 
 
[[File:Messaging Notifications Project Graphic14.jpg|thumb|Notification Menu]]
 
 
[[File:Messaging Notifications Project Graphic15.jpg|thumb|Truncated items]]
 
 
[[File:Messaging Notifications Project Graphic16.jpg|thumb|Expanded item]]
 
 
[[File:Messaging Notifications Project Graphic17.jpg|thumb|Mobile view:]]
 
 
[[File:Messaging Notifications Project Graphic18.jpg|thumb|Message menu]]

Latest revision as of 07:42, 1 July 2016

Improved Messaging and Notifications
Project state Developing
Tracker issue MDL-54682
Discussion https://moodle.org/mod/forum/discuss.php?d=xxx
Assignee Mark Nelson


Summary

The messages and notifications pages in Moodle have not been improved in a long time and there are significant usability challenges that need to be addressed. This project is a redesign of the UI for messages and notification including:

  • The messages preferences pages
  • The way messages and notifications are displayed to the user in the page (in the header now)
  • The pages for managing contacts and conversations

Wireframes

These rough wireframes were used to get early feedback on the design - they are not intended to 100% reflect the final solution.

Messages / Conversations Page

Viewing conversations
Viewing contacts
Viewing a particular contact.
Searching a contact and clicking on result.
Searching for users in a course.
Starting a new message.
Deleting messages.

Notification Menu

Truncated items
Expanded item
Mobile view:

Messages Menu

Message menu