Mockups - mentor journey

[jsms90]

From wireframes to mockups

1. 2. 3.

1. 2. 3. 4. 5.

[jsms90]

@nogainbar Firstly, it's absolutely beautiful!!!!! Don't know what we would do without you! The homepage is gorgeous, and I love the look of...all of it :heart_eyes_cat:

[jsms90]

1. Create session page

I have very little to say about this. It's perfect. Love the background :wink:

• Could we move the text up slightly, so that the start session button fits on one page? (Also, we should change the word 'session' to 'room' now)

[jsms90]

2 & 3 Navbar

• A dropdown box is way better than having the URL and PIN/code always at the top of the screen :+1:

• Editable room name :+1:

[jsms90]

4 & 5 - chat vs AV&chat buttons

It feels slightly counter-intuitive to me that these buttons (that toggle between chat-only and av&chat views?) is on the left hand side, when the chat itself is on the right hand side.

If a user clicks on the chat-only button, then I guess the chat window, currently on the right, would fill the screen instead? So clicking on a button on the left, moves the box on the right. It feels more natural to me to have a button on the top left hand side of the chat applet

Somewhere here: ?

[jsms90]

4 & 5. Size of video on the page (considering multiple chat windows)

If I had 10 separate chats, how would this get shown? Would there be a little scroll bar, going left & right? Feels a bit cramped.

Does the video need to be the majority of the screen for a mentor? I guess this comes down to whether it's more important, as a mentor, to see the other classroom (in the future this may be multiple classrooms) or being able to reply to my students' questions.

[jsms90]

4 & 5. Participants tab in chat window

• I'm not sure what "add participant" button would do, in our situation? To add a new participant, they have to be given the URL
• The mentor should be able how many moderators and students are in the room at any one time, even though specifically who that is can be hidden in a tab. So maybe the tab that says "participants" could have a couple of circles in the corner, with numbers next to them, just to indicate that? (just an idea)
  Could also just have the participants' icons listed along the bottom of the video screen? Just trying to think of a way where the mentor could see how many students were in the room, without having to actively check (e.g. in case a whole room lost connection)

[nogainbar]

4 & 5 - chat vs AV&chat buttons

It feels slightly counter-intuitive to me that these buttons (that toggle between chat-only and av&chat views?) is on the left hand side, when the chat itself is on the right hand side.

I think the main navigation that switches between 'states' should be on the left but I agree with you as well so I think my solution would be one of these two:

• add a 'minimise' button on the chat section as well or
• add a 'full screen' button on the AV section

Ill add the designs hopefully today and we can decide what works better. it would mean that you can both 'tab' the views from the lefthand nav as well as minimise/maximise the view from the elements themselves (chat/AV)

4 & 5. Size of video on the page (considering multiple chat windows)

If I had 10 separate chats, how would this get shown? Would there be a little scroll bar, going left & right? Feels a bit cramped.

I will have a think about it today but I imagine it would be some sort of horizontal scroll, perhaps hinted by a '>' icon.

Does the video need to be the majority of the screen for a mentor? I guess this comes down to whether it's more important, as a mentor, to see the other classroom (in the future this may be multiple classrooms) or being able to reply to my students' questions.

I think that with the minimise/maximise function of the chat (which is basically a kind of drawer going in and out of the right view), the tutor can choose whether they want to have a view of the classroom or chat.. does that answers the question?

4 & 5. Participants tab in chat window

I'm not sure what "add participant" button would do, in our situation? To add a new participant, they have to be given the URL

Good point. but maybe by 'adding participant' they can send them an email with the info of the session? (not sure, most probably a very long stretch goal)

The mentor should be able how many moderators and students are in the room at any one time, even though specifically who that is can be hidden in a tab.

Absolutely, not a problem to add a little bracket with numbers i.e for example - participants(2/12) is that what you mean?