Support #2742: prepare ux for inline help on 1.5.1 functions/interface - CUNY Academic Commons - CUNY Graduate Center - Project Tracking System

Custom queries

. 2.3.7 open
2.4.0 open
2.4.0 open (by category)
2.4.0 open (by tracker)
High Priority Issues by User
Inbox (no milestone)
My Assigned Issues (by milestone)
My Watched Issues (by milestone)
Not Tracked - grouped by assignee
Not tracked (milestone-independent)

Actions

Copy link

Support #2742

closed

prepare ux for inline help on 1.5.1 functions/interface

Added by Micki Kaufman over 10 years ago. Updated over 10 years ago.

Status:

Resolved

Priority name:

Normal

Assignee:

Boone Gorges

Category name:

Target version:

1.5.2

Start date:

2013-08-26

Due date:

% Done:

Estimated time:

1.50 h

Deployment actions:

Description

Prepare ux for inline help strategy on the various 1.5.1 functions/interface

Files

Download all files

Inline-Help-HTML-CSS.txt (2.63 KB) Inline-Help-HTML-CSS.txt		Chris Stein, 2013-08-31 02:22 AM
Inline-Help-View-Others-Profile_annotated-2.png (138 KB) Inline-Help-View-Others-Profile_annotated-2.png		Chris Stein, 2013-08-31 02:22 AM
Inline-Help-View-Others-Profile_clean.png (111 KB) Inline-Help-View-Others-Profile_clean.png		Chris Stein, 2013-08-31 02:22 AM
Inline-Help-View-Yours_clean.png (212 KB) Inline-Help-View-Yours_clean.png		Chris Stein, 2013-08-31 02:22 AM
Inline-Help-View-Yours-and-Others_annotated-2.png (202 KB) Inline-Help-View-Yours-and-Others_annotated-2.png		Chris Stein, 2013-08-31 02:22 AM
Inline-Help-View-Yours-and-Others_clean.png (180 KB) Inline-Help-View-Yours-and-Others_clean.png		Chris Stein, 2013-08-31 02:22 AM

History
Notes
Property changes

Actions

Copy link

Updated by Micki Kaufman over 10 years ago

Tracker changed from Bug to Publicity

Actions

Copy link

Updated by Micki Kaufman over 10 years ago

Tracker changed from Publicity to Support

changing to 'support' issue from 'publicity'

Actions

Copy link

Updated by Chris Stein over 10 years ago

Thanks for adding this Micki.
Based on our discussion on Friday There are three potential interfaces. We could pursue all three or just a few or more if people have other suggestions.

Modal Overlay: This would appear over the screen and inform the user of the new interface, briefly explain some of the changes and functionality and provide links to more information. Because this is the most intrusive it would only appear automatically one time. In case people dismiss it without reading there can be a way to view it again through a link.
A message bar somewhere, perhaps in the white space between the admin bar and the start of the profile, that has a simple message about the new interface and a link to more information. This is less intrusive and could be kept around longer. Will have to decide if it will just stay up for a given period of time for everyone, or will it be time-based, or login-based, per user.
Add a help link in one or more places that leads users to help with the new profiles. This would be permanent, should not interfere with the current visual design like the other two solutions do, but of course needs to be findable and logically placed.

All of these solutions assume that some kind of help materials (codex page, screencast etc) will be created and can be linked to.

I'll take some time to think about these and offer up some possibilities for comment.

Feel free to add comments before then though.

Actions

Copy link

Updated by Chris Stein over 10 years ago

File Inline-Help-HTML-CSS.txt Inline-Help-HTML-CSS.txt added
File Inline-Help-View-Others-Profile_annotated-2.png Inline-Help-View-Others-Profile_annotated-2.png added
File Inline-Help-View-Others-Profile_clean.png Inline-Help-View-Others-Profile_clean.png added
File Inline-Help-View-Yours_clean.png Inline-Help-View-Yours_clean.png added
File Inline-Help-View-Yours-and-Others_annotated-2.png Inline-Help-View-Yours-and-Others_annotated-2.png added
File Inline-Help-View-Yours-and-Others_clean.png Inline-Help-View-Yours-and-Others_clean.png added

I played around with doing this as an overlay (option 1) but in the end I thought that would be too complex for the time we had (it would need to be tested and adjusted for phone and tablets) and maybe not necessary anyway. I also didn't find a permanent help button I liked for now so option 3 was out. That leaves option 2, a message bar.

There are two ways we could approach this. One is to just have a single message that will always appear for a while on every profile.

The other one is to have two messages, one for your profile if you're logged in and one for logged-in members viewing other people's profiles.

I thought that for non logged-in users there would be no message.

Another feature to consider is dismissing the message. Removing it entirely with a link is one option. Another one is to have a one line title with a message underneath that can be expanded or hidden. That would involve a little more coding.

I'm attaching some screenshots that go along with the following functionality.

Two versions of the message. One for logged-in users viewing their own profile and one for logged-in users viewing someone else's profile.
Two states for the message. A one line with just the title and a link to show the message and the full message. In terms of default it might be ideal to have it start as a one line message if you're viewing someone else's profile and full message if you are on your own profile. If it is easier not to get that specific it's OK.
A transition when you click on Show and Hide. I added CSS to use css transitions. You would still need to add JS to change the link from show to hide and the max-height property. There are some comments in the attached Inline-Help-HTML-CSS.txt file as well.

Attached files are screenshots of different state (clean and annotated). And a file with the HTML and CSS used.

Actions

Copy link

Updated by Chris Stein over 10 years ago

Status changed from New to Reporter Feedback

Actions

Copy link

Updated by Micki Kaufman over 10 years ago

Chris: I really like the message bar concept - and it strikes me as potentially being smooth enough UX to consider it as a means of communicating functionality changes tt the users on an ongoing basis (whether they are new functions and features like profiles or cuny.is, or even downtime messages and other dev/comm team activities that affect the user base. This was born from the user profiles dev feature implementation, but if the UX is good and intuitive, we will be training the users not only in user profile niceties but in the function of the 'message bar' as a potential new mechanism for these kinds of communications.

Actions

Copy link

Updated by Boone Gorges over 10 years ago

Target version changed from 1.5.1 to 1.5.2

Actions

Copy link

Updated by Chris Stein over 10 years ago

Assignee changed from Chris Stein to Boone Gorges

Boone, haven't heard any other feedback so I'm changing assignee to you and suggest the following

If you're not logged in there is no message
If you are logged in and viewing someone else's profile the View Others message is hidden (click to show)
If you are logged in and viewing your profile the View Yours messge is showing (Click to hide)

If the time is short and that logic is too complex then I am also OK with this simplified version:

If you are not logged in there is no message
If you are logged in and viewing someone else's profile then View Other message
If you are logged in and viewing your profile then View Yours message

In the simplified version you can leave out the show/hide and just show the message all of the time. After the 1.5.2 release we could create another ticket and modify the functionality.

You know your time better and I trust your judgement on what's implementable.

Actions

Copy link