[Xerte-dev] Re: Workspace Layout

Julian Tenney Julian.Tenney at nottingham.ac.uk
Mon Jul 20 10:24:04 BST 2015


You like it with an icon as well?

[cid:image001.png at 01D0C2D6.30C6F700]

One potential problem here is with languages, as any longer text makes the button wrap and it screws the layout up. Presumably the Dutch for 'logout' is something 'Getmethehelloutahere' so that was why it was indented to the right slightly before?


From: Tenney Julian
Sent: 20 July 2015 09:58
To: 'For Xerte technical developers'
Subject: RE: [Xerte-dev] Re: Workspace Layout

Brill, thanks.

Fine with the logos. I think we should assume the apereo one will be often replaced with an institution's own logo / branding, so that's fine.
I'll fix up the logout button, no problem.
I can make the buttons a fixed width, or push the margins out a  bit to make them a little bigger, however all browsers handle buttons slightly differently, so it won't be wholly consistent unless we use images.


From: xerte-dev-bounces at lists.nottingham.ac.uk<mailto:xerte-dev-bounces at lists.nottingham.ac.uk> [mailto:xerte-dev-bounces at lists.nottingham.ac.uk] On Behalf Of Ron Mitchell
Sent: 17 July 2015 21:57
To: 'For Xerte technical developers'
Subject: [Xerte-dev] Re: Workspace Layout

Hi all
I've added a panel of footer logos and added a few comments along with the commit. For me I think it was important to get these in place as clickable links to the respective sites rather than just background images. To avoid too much duplication I've reverted the top right logo back to just the apereo logo but that's easily changed back if you think the OSI logo should apear there too.

Reflecting on all the changes we've made today (see IE screenshot below) I think we're nearly there but I think we should consider the following changes:
1. The logout button should be reverted back to the words 'logout' - to make it very clear what that button does without needing to hover. There's no need to save space in that area.
2. I think the projects panel buttons are a little bit too small and should be made a bit larger. Firefox seems to exaggerate the size compared with Chrome and IE (see the comparison between Julian's screenshot and this one from IE.

[cid:image002.jpg at 01D0C2D6.30C6F700]

There's a resolution difference here but you can see the difference between IE and Firefox with this next screenshot. It's not massive but I think there's room to make the button/icon size a bit bigger:

[cid:image003.jpg at 01D0C2D6.30C6F700]


From: xerte-dev-bounces at lists.nottingham.ac.uk<mailto:xerte-dev-bounces at lists.nottingham.ac.uk> [mailto:xerte-dev-bounces at lists.nottingham.ac.uk] On Behalf Of Julian Tenney
Sent: 17 July 2015 14:52
To: For Xerte technical developers
Subject: [Xerte-dev] Re: Workspace Layout

If I look at the central panel and tidy that up, do you want to look at the bottom third?

This is where I am with things (crikey it seems to have taken all day!). The icons mean the workspace area can be a lot smaller without going screwy.

[cid:image004.png at 01D0C2D6.30C6F700]

From: xerte-dev-bounces at lists.nottingham.ac.uk<mailto:xerte-dev-bounces at lists.nottingham.ac.uk> [mailto:xerte-dev-bounces at lists.nottingham.ac.uk] On Behalf Of Ron Mitchell
Sent: 17 July 2015 10:36
To: 'For Xerte technical developers'
Subject: [Xerte-dev] Re: Workspace Layout

Aside from closing the 6 issues we currently have on github flagged as v3 release personally I think the most important thing with this is getting a panel of logos complete with links in the footer somewhere. I don't think your solution of adding the OSI logo alongside the Apereo logo top right is the right solution for 2 reasons:

1. The vast majority of organisations using Xerte that I know of (and I'm sure Tom echos this) want their own logo either top right or top left. We have a built-in solution for that but it means one or other of the 'official' logos get removed.

2. Ideally I think we want each of the logos to also link off to the relevant site pages.

The CSS isn't right, especially the logos, but something like this?
[cid:image005.jpg at 01D0C2D6.30C6F700]

From: xerte-dev-bounces at lists.nottingham.ac.uk<mailto:xerte-dev-bounces at lists.nottingham.ac.uk> [mailto:xerte-dev-bounces at lists.nottingham.ac.uk] On Behalf Of Julian Tenney
Sent: 17 July 2015 09:16
To: For Xerte technical developers
Subject: [Xerte-dev] Re: Workspace Layout

Not sure authoring on phones is viable though? My Asus transformer has 800 px width; the iPad 750, which ought to be plenty. Do we want to progress looking at this before we release the code? I'm happy to do the work, but find it a bit slow picking through the code / implications for languages, and I'm a bit time limited over the next few weeks.

Perhaps make it a 3.1 thing and get concentrate on getting v3.0 out the door

From: xerte-dev-bounces at lists.nottingham.ac.uk<mailto:xerte-dev-bounces at lists.nottingham.ac.uk> [mailto:xerte-dev-bounces at lists.nottingham.ac.uk] On Behalf Of Ron Mitchell
Sent: 16 July 2015 17:06
To: 'For Xerte technical developers'
Subject: [Xerte-dev] Re: Workspace Layout

> How wide is portrait view on a tablet?<
What tablet? ;-)
Attached is a screenshot from my iPad - appears to be 1536px wide in Portrait view. But I suspect the lowest common denominator is less than that. e.g.

[cid:image006.jpg at 01D0C2D6.30C6F700]

http://www.websitedimensions.com/pixel/

From: xerte-dev-bounces at lists.nottingham.ac.uk<mailto:xerte-dev-bounces at lists.nottingham.ac.uk> [mailto:xerte-dev-bounces at lists.nottingham.ac.uk] On Behalf Of Julian Tenney
Sent: 16 July 2015 16:01
To: For Xerte technical developers
Subject: [Xerte-dev] Re: Workspace Layout

This looks nicer I think (I haven't managed to sort the search box styles yet). Presumably we can fix a minimum width for the panel? Things get screwy when it is smaller than about 540 pixels. How wide is portrait view on a tablet?

I know these are small issues compared to a lot of things we've worked through lately, but for some users, the look and feel is really important and sometimes it's just a few small things that really make the difference.

[cid:image007.png at 01D0C2D6.30C6F700]

From: xerte-dev-bounces at lists.nottingham.ac.uk<mailto:xerte-dev-bounces at lists.nottingham.ac.uk> [mailto:xerte-dev-bounces at lists.nottingham.ac.uk] On Behalf Of Ron Mitchell
Sent: 16 July 2015 15:38
To: 'For Xerte technical developers'
Subject: [Xerte-dev] Re: Workspace Layout

Not wedded to the search box being at the top.
Although I wondered about the How to, feedback and site links etc being in an orange menu to the right of the Sort menu and then leaving space for a centered logo panel in the footer.

Shouldn't the heading you've added by My Projects and left aligned?

Agree the middle panel should be wider by default and the left panel narrower to accommodate that.

Something like this mock up?

[cid:image008.png at 01D0C2D6.30C6F700]

From: xerte-dev-bounces at lists.nottingham.ac.uk<mailto:xerte-dev-bounces at lists.nottingham.ac.uk> [mailto:xerte-dev-bounces at lists.nottingham.ac.uk] On Behalf Of Julian Tenney
Sent: 16 July 2015 14:54
To: For Xerte technical developers
Subject: [Xerte-dev] Re: Workspace Layout

I was thinking it makes sense to have similar things in proximity. Both the search and the sort are to do with the workspace items, it makes sense to me to put these controls together.

Also this is a consistency thing: some tabs have titles, some don't. Either let's give them all titles, or let's lose the big header on the tabs altogether maybe: if it's not serving any purpose, why use the space? Also with this, the headers create a division / barrier between the projects and the controls to edit / properties etc. Previously these controls were much more clearly associated with the list of projects in the workspace. Could we put those buttons in the header perhaps? It does make sense that they are more closely associated with the project list, as the projects are the things they control.

By default the project details tab, the central one, doesn't look very nice as it's very narrow.

This is what we have now, which I like a lot: it's clean / FWS etc.
[cid:image009.png at 01D0C2D6.30C6F700]

And this is what we have in x3 which looks nice, but could still do with a few tweaks to make it really lovely:
[cid:image010.jpg at 01D0C2D6.30C6F700]



From: xerte-dev-bounces at lists.nottingham.ac.uk<mailto:xerte-dev-bounces at lists.nottingham.ac.uk> [mailto:xerte-dev-bounces at lists.nottingham.ac.uk] On Behalf Of Ron Mitchell
Sent: 16 July 2015 14:44
To: 'For Xerte technical developers'
Subject: [Xerte-dev] Re: Workspace Layout

I would leave the search box where it is but make it less wide and put the title to the left. It seems more inuititive to have the search at the top rather than the bottom.

From: xerte-dev-bounces at lists.nottingham.ac.uk<mailto:xerte-dev-bounces at lists.nottingham.ac.uk> [mailto:xerte-dev-bounces at lists.nottingham.ac.uk] On Behalf Of Julian Tenney
Sent: 16 July 2015 14:31
To: For Xerte technical developers (xerte-dev at lists.nottingham.ac.uk<mailto:xerte-dev at lists.nottingham.ac.uk>)
Subject: [Xerte-dev] Workspace Layout

What do you think of the idea of moving the search box down next to the 'Sort your files' drop down, and then we can give all three tabs titles:

Your Projects, Project Details, Project Templates







This message and any attachment are intended solely for the addressee

and may contain confidential information. If you have received this

message in error, please send it back to me, and immediately delete it.



Please do not use, copy or disclose the information contained in this

message or in any attachment.  Any views or opinions expressed by the

author of this email do not necessarily reflect the views of the

University of Nottingham.



This message has been checked for viruses but the contents of an

attachment may still contain software viruses which could damage your

computer system, you are advised to perform your own checks. Email

communications with the University of Nottingham may be monitored as

permitted by UK legislation.







This message and any attachment are intended solely for the addressee

and may contain confidential information. If you have received this

message in error, please send it back to me, and immediately delete it.



Please do not use, copy or disclose the information contained in this

message or in any attachment.  Any views or opinions expressed by the

author of this email do not necessarily reflect the views of the

University of Nottingham.



This message has been checked for viruses but the contents of an

attachment may still contain software viruses which could damage your

computer system, you are advised to perform your own checks. Email

communications with the University of Nottingham may be monitored as

permitted by UK legislation.







This message and any attachment are intended solely for the addressee

and may contain confidential information. If you have received this

message in error, please send it back to me, and immediately delete it.



Please do not use, copy or disclose the information contained in this

message or in any attachment.  Any views or opinions expressed by the

author of this email do not necessarily reflect the views of the

University of Nottingham.



This message has been checked for viruses but the contents of an

attachment may still contain software viruses which could damage your

computer system, you are advised to perform your own checks. Email

communications with the University of Nottingham may be monitored as

permitted by UK legislation.







This message and any attachment are intended solely for the addressee

and may contain confidential information. If you have received this

message in error, please send it back to me, and immediately delete it.



Please do not use, copy or disclose the information contained in this

message or in any attachment.  Any views or opinions expressed by the

author of this email do not necessarily reflect the views of the

University of Nottingham.



This message has been checked for viruses but the contents of an

attachment may still contain software viruses which could damage your

computer system, you are advised to perform your own checks. Email

communications with the University of Nottingham may be monitored as

permitted by UK legislation.







This message and any attachment are intended solely for the addressee

and may contain confidential information. If you have received this

message in error, please send it back to me, and immediately delete it.



Please do not use, copy or disclose the information contained in this

message or in any attachment.  Any views or opinions expressed by the

author of this email do not necessarily reflect the views of the

University of Nottingham.



This message has been checked for viruses but the contents of an

attachment may still contain software viruses which could damage your

computer system, you are advised to perform your own checks. Email

communications with the University of Nottingham may be monitored as

permitted by UK legislation.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.nottingham.ac.uk/pipermail/xerte-dev/attachments/20150720/4ef7fdcc/attachment-0001.html>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: image001.png
Type: image/png
Size: 1058 bytes
Desc: image001.png
URL: <http://lists.nottingham.ac.uk/pipermail/xerte-dev/attachments/20150720/4ef7fdcc/attachment-0005.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: image002.jpg
Type: image/jpeg
Size: 63423 bytes
Desc: image002.jpg
URL: <http://lists.nottingham.ac.uk/pipermail/xerte-dev/attachments/20150720/4ef7fdcc/attachment-0005.jpg>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: image003.jpg
Type: image/jpeg
Size: 36275 bytes
Desc: image003.jpg
URL: <http://lists.nottingham.ac.uk/pipermail/xerte-dev/attachments/20150720/4ef7fdcc/attachment-0006.jpg>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: image004.png
Type: image/png
Size: 114690 bytes
Desc: image004.png
URL: <http://lists.nottingham.ac.uk/pipermail/xerte-dev/attachments/20150720/4ef7fdcc/attachment-0006.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: image005.jpg
Type: image/jpeg
Size: 63871 bytes
Desc: image005.jpg
URL: <http://lists.nottingham.ac.uk/pipermail/xerte-dev/attachments/20150720/4ef7fdcc/attachment-0007.jpg>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: image006.jpg
Type: image/jpeg
Size: 14486 bytes
Desc: image006.jpg
URL: <http://lists.nottingham.ac.uk/pipermail/xerte-dev/attachments/20150720/4ef7fdcc/attachment-0008.jpg>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: image007.png
Type: image/png
Size: 16124 bytes
Desc: image007.png
URL: <http://lists.nottingham.ac.uk/pipermail/xerte-dev/attachments/20150720/4ef7fdcc/attachment-0007.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: image008.png
Type: image/png
Size: 157489 bytes
Desc: image008.png
URL: <http://lists.nottingham.ac.uk/pipermail/xerte-dev/attachments/20150720/4ef7fdcc/attachment-0008.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: image009.png
Type: image/png
Size: 93262 bytes
Desc: image009.png
URL: <http://lists.nottingham.ac.uk/pipermail/xerte-dev/attachments/20150720/4ef7fdcc/attachment-0009.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: image010.jpg
Type: image/jpeg
Size: 55582 bytes
Desc: image010.jpg
URL: <http://lists.nottingham.ac.uk/pipermail/xerte-dev/attachments/20150720/4ef7fdcc/attachment-0009.jpg>


More information about the Xerte-dev mailing list