[Xerte-dev] Re: Workspace Layout
Julian Tenney
Julian.Tenney at nottingham.ac.uk
Fri Jul 17 10:39:06 BST 2015
I'm just working my way through a few things:
I've given the central panel a title: 'Project Details'
I've renamed the right panel to 'Project Templates'
I've moved the search to the bottom, next to the sorter;
I've moved the buttons into the header of the first panel;
No worries on the logos, can rethink all that, and probably a good idea to give institutions their own logo space in the top right.
Let me see how far I can get today, chip in any ideas, I'm committing things step by step.
From: 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:image006.jpg at 01D0C07C.8BFB6310]
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:image007.jpg at 01D0C07C.8BFB6310]
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:image008.png at 01D0C07C.8BFB6310]
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:image009.png at 01D0C07C.8BFB6310]
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:image010.png at 01D0C07C.8BFB6310]
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:image011.jpg at 01D0C07C.8BFB6310]
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.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.nottingham.ac.uk/pipermail/xerte-dev/attachments/20150717/e56c1d6a/attachment-0001.html>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: image006.jpg
Type: image/jpeg
Size: 63871 bytes
Desc: image006.jpg
URL: <http://lists.nottingham.ac.uk/pipermail/xerte-dev/attachments/20150717/e56c1d6a/attachment-0003.jpg>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: image007.jpg
Type: image/jpeg
Size: 14486 bytes
Desc: image007.jpg
URL: <http://lists.nottingham.ac.uk/pipermail/xerte-dev/attachments/20150717/e56c1d6a/attachment-0004.jpg>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: image008.png
Type: image/png
Size: 16124 bytes
Desc: image008.png
URL: <http://lists.nottingham.ac.uk/pipermail/xerte-dev/attachments/20150717/e56c1d6a/attachment-0003.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: image009.png
Type: image/png
Size: 157489 bytes
Desc: image009.png
URL: <http://lists.nottingham.ac.uk/pipermail/xerte-dev/attachments/20150717/e56c1d6a/attachment-0004.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: image010.png
Type: image/png
Size: 93262 bytes
Desc: image010.png
URL: <http://lists.nottingham.ac.uk/pipermail/xerte-dev/attachments/20150717/e56c1d6a/attachment-0005.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: image011.jpg
Type: image/jpeg
Size: 55582 bytes
Desc: image011.jpg
URL: <http://lists.nottingham.ac.uk/pipermail/xerte-dev/attachments/20150717/e56c1d6a/attachment-0005.jpg>
More information about the Xerte-dev
mailing list