Project

General

Profile

Actions

Publicity #2748

closed

Create overlay / interstitial for first-time users of the new 1.5.1 social media/profiles.

Added by Micki Kaufman almost 11 years ago. Updated almost 11 years ago.

Status:
Resolved
Priority name:
Normal
Assignee:
Category name:
-
Target version:
Start date:
2013-08-26
Due date:
% Done:

0%

Estimated time:

Description

Create overlay / interstitial for first-time users of the new 1.5.1 social media/profiles.

Include a link back to this content in 'My Profile' submenu?


Files

OverlayParts.txt (3.15 KB) OverlayParts.txt Chris Stein, 2013-09-11 05:23 AM
x.png (1.04 KB) x.png Chris Stein, 2013-09-11 05:23 AM
jquery.simplemodal.1.4.4.min.js (9.54 KB) jquery.simplemodal.1.4.4.min.js Chris Stein, 2013-09-11 05:23 AM
OverlayParts-mkg-edit.txt (3.29 KB) OverlayParts-mkg-edit.txt Matt Gold, 2013-09-11 07:30 AM
OverlayParts-mkg-edit2.txt (3.64 KB) OverlayParts-mkg-edit2.txt Matt Gold, 2013-09-11 07:34 AM
profile message.jpg (251 KB) profile message.jpg Sarah Morgano, 2013-09-11 10:16 PM
Actions #1

Updated by Micki Kaufman almost 11 years ago

For example, if you are a user who hasn't changed your profile from the older version, we should have some help that says you haven't updated it, leads to docs and examples, etc.

Actions #2

Updated by Chris Stein almost 11 years ago

Somehow this feels like a lot to add on to Boone right now since I haven't created it and the release is now. If #2742 do you all think it's OK if we don't do this for now and perhaps think about adding it (if at all) when we do the cuny.is publicity push later? Let me know what you think and if I should get something up on this now or not.

Actions #3

Updated by Matt Gold almost 11 years ago

Yes, sounds like it's not ready for today, so let's punt to the cuny.is release if the 9th is reasonable.

Actions #4

Updated by Boone Gorges almost 11 years ago

  • Target version changed from 1.5.1 to 1.5.2
Actions #5

Updated by Chris Stein almost 11 years ago

Boone, apologies, I thought I updated this with a possible modal overlay but I see I didn't. I don't have the example with me and I'm in class for the rest of the day so it won't come until tonight.

Actions #6

Updated by Chris Stein almost 11 years ago

OK, I have an overlay we could add. If we are also going to have the message at the top this should be a one-time forced overlay. I'm OK with a link to it from the My Profile subnav in the admin bar.

To view it I have a working copy here: http://teachingmultimedia.com/commons/overlay/overlay.html

I'm attaching a file that has three parts Boone.
  1. HTML with the text
  2. CSS to style that
  3. A bit of JS to get it working that could go in cacap.js.

I used the Simple Modal project, http://www.ericmmartin.com/projects/simplemodal/, https://github.com/ericmmartin/simplemodal so you would also need that js file. You have to build it with ant. I am attaching the file if you want to use it. If you want to use something else of course that's up to you. I have no preference.
It also requires you have the x.png for the closing x, which I'll attach as well.

Some caveats:
  • I'm a bit sleep deprived right now so suggestions and edits on the text are welcome
  • I had an error when viewing on my ipad where the admin bar disappears. I'm not sure what's going on but it has something to do with the Simple Modal js. It may also have something to do with the fact that I'm working off a downloaded copy of the html/css/js files and not the git files.
  • on the phone, the top blue title gets cut off in landscape viewing, but you can read the rest of the text. The title part also includes the X so you have to tap to the side of the message to close it.
Actions #7

Updated by Matt Gold almost 11 years ago

Looks great, Chris, and thanks so much for going into a sleep-deprived state to work on this!

I've made some edits to the text in the attached file. Again, huge thanks.

Actions #8

Updated by Matt Gold almost 11 years ago

Hi All --

Sorry, did a few more edits. Mentioned cuny.is quicklinks now.

Actions #9

Updated by Chris Stein almost 11 years ago

Great, thanks for the edits. I knew I was forgetting something. Boone, if you use Simple Modal you may have to play around with the minHeight in the JS line and the width in #simplemodal-container to fit things.

Actions #10

Updated by Boone Gorges almost 11 years ago

  • Status changed from New to Reporter Feedback

I've implemented the overlay in https://github.com/castiron/cac/commit/d63ed4783ff62bce63cc05ef22a82292951541ee. It is ready to test on cdev. Notes:

- Logged-out users do not see the overlay
- Logged-in users only see the overlay once. That means that, once a user closes the overlay, he never sees it again. That includes you, so make sure you check it out carefully on the first load.
- I have not filled in an actual URL for the "tutorial" link. Let me know when you have that info and I'll fill it in.

Actions #11

Updated by Matt Gold almost 11 years ago

Looks great, Boone. One thought: we really should provide a link, if possible, that will take people to their profile pages so that they can see these changes in action. I'd change the following sentence: "Close this message and click the Edit button to get started." to the following to do this:

Visit [your profile page] and click the [strong]Edit[/strong] button there to get started.

---> "your profile page" would be a link to the member's profile page and "Edit" would be bolded. I'm a bit worried that people will have trouble finding the Edit button, but I'll trust that they'll figure it out until we hear complaints.

Actions #12

Updated by Boone Gorges almost 11 years ago

Yes, I can make a link to the profile page/edit. I can't tell from your comment whether you're giving the go-ahead for implementing, or if you need further input from Chris.

Note that I'm currently showing the modal on the first load of any Commons page (at least any page on http://commons.gc.cuny.edu). Is it only supposed to be when looking at a profile page? Only on one's own profile page?

Actions #13

Updated by Chris Stein almost 11 years ago

I'm glad you both brought up those points. I was working under the assumption that the modal was for your own profiles page only. If it is on the first loading of any page for a logged in user then the change in wording makes sense.

There was a suggestion as well that we haven't addressed that we add a link to the overlay in the My Profile Sub Navigation. I'm not sure it's necessary. If we did add it then it might make sense to instead have a link named something like Profile Help and take you to a page in the codex or similar with helpful information about the profiles.

When this release is over and we look at our next targets I'd like to revisit the idea of a landing page people go to after they log in. A kind of personal home page / dashboard where people could see Commons content relevant to them. Among other things I think a place like that would be a good place to put overlay messages like this and less obtrusive messages in the future.

Actions #14

Updated by Boone Gorges almost 11 years ago

  • Assignee changed from Chris Stein to Boone Gorges

From the above, I gather that the intent was for the modal to appear only on the user's own profile. I have changed it accordingly: https://github.com/castiron/cac/commit/079ebd18096a2e9eac9f13d08cee9a4422a2703a

Actions #15

Updated by Boone Gorges almost 11 years ago

  • Status changed from Reporter Feedback to Resolved

In the absence of more details, I've pointed the "tutorials" link to http://codex.commons.gc.cuny.edu.

Actions #16

Updated by Matt Gold almost 11 years ago

Not sure I agree with that choice, though, as many people visit the Commons but don't visit their own profile pages during their visits. Isn't the purpose of the modal alert to draw people's attention to the changes, thus making whatever page they're on when they log in the best option?

I pose these as questions for discussion (even though we have extremely limited time) not directives. Maybe we're out of time.

Actions #17

Updated by Boone Gorges almost 11 years ago

  • Status changed from Resolved to Assigned

I pose these as questions for discussion (even though we have extremely limited time) not directives. Maybe we're out of time.

We're out of time for discussion. Please make the call.

Actions #18

Updated by Matt Gold almost 11 years ago

I think it should appear on log in no matter where the user is. We want to draw attention to this new feature. If it's not to much trouble to change it back to the way it was (with the wording specified in comment 11), that would be great. Many thanks.

Actions #19

Updated by Boone Gorges almost 11 years ago

  • Status changed from Assigned to Resolved
Actions #20

Updated by Sarah Morgano almost 11 years ago

When I logged into cdev through Firefox 23.0.1 on my pc, the message was cut off so I couldn't see the title or x it out (screenshot attached). When I logged in a little earlier to the mac it looked fine on Chrome 28.

Actions #21

Updated by Chris Stein almost 11 years ago

I wasn't able to replicate browser differences but this may also happen if someone has a small screen. Boone, you can change the minHeight in cacap-profiles-overlay.php to something smaller, like say 550 or 500. The default CSS they add sets the overflow:auto so scroll bars will appear if the message can't fit on the user's screen.

Actions #22

Updated by Matt Gold almost 11 years ago

Chris, can you please create a new ticket for your suggestion in comment #21?

Actions

Also available in: Atom PDF