Re: [xwiki-devs] [GSoC] Responsive Skin
Hello friends, Thank you for being so patient with me. Here is a set of mockup with content etc. and further development: http://sdrv.ms/LLmQ5i which extends: (http://sdrv.ms/LO70JI) The goal is to consolidate everything to a section. (breadcrumbs/where you are & navigation/supplementary info & content) eg. the page breadcrumb has been added into the global bread crumb (is this possible?); all page navigation/meta are in the sidebar (such that, again, the main area is just content, and the sidebar are all additional infos) The way i'm envisioning the responsive design for the content is like this: When the screen is big enough, it will become 2 column. as we hit smaller screen (eg. tablet) it will become one column. Then finally, the page would collapse such that only the header is visible for mobile (thus also becoming a table of contents) until being tapped, which will open the div. As mentioned before, the same "sidebar" will appear when you click the navigation hint on mobile (so it will be in a way consistent). Though with this development i should probably add more than navigation (eg. NAVIGATION / INFO / ETC. or something). What are your guys' thoughts, comments, concerns? Thanks again! Best, Jonathan Solichin
Hi Jonathan, The mockups look nice and well made. My only concert is that the functionality is spread in multiple places. For example: in the right part, you have: - logo (global interest) - search (global interest) - last modified, created, tags ( page interest) - table of content / comments (page interest) - quick links panel content: Dashboard, Document Index, etc. (global interest) - View menu: export pdf, export xar, print, source, etc. (page interest) Also you now separated the menus in three parts: upper part, edit menu, view menu. Right now is kind of confusing for me what actions I can perform on a specific page. Another thing is the breadcrumb: what is the difference between 'Page: Platform Features' and 'Page Editing' ? Where am I now? What is the page's title? 'Platform Features' of 'Page Editing'? Also for the mobile version you didn't clearly represented the difference between the collapse/expanded states of gadgets like 'Welcome' and 'Spaces' (they can be mistaken with headings). Thanks, Caty On Mon, Jun 11, 2012 at 1:55 AM, Jonathan Solichin <[email protected]>wrote:
Hello friends,
Thank you for being so patient with me. Here is a set of mockup with content etc. and further development:
http://sdrv.ms/LLmQ5i which extends: (http://sdrv.ms/LO70JI)
The goal is to consolidate everything to a section. (breadcrumbs/where you are & navigation/supplementary info & content) eg. the page breadcrumb has been added into the global bread crumb (is this possible?); all page navigation/meta are in the sidebar (such that, again, the main area is just content, and the sidebar are all additional infos)
The way i'm envisioning the responsive design for the content is like this: When the screen is big enough, it will become 2 column. as we hit smaller screen (eg. tablet) it will become one column. Then finally, the page would collapse such that only the header is visible for mobile (thus also becoming a table of contents) until being tapped, which will open the div.
As mentioned before, the same "sidebar" will appear when you click the navigation hint on mobile (so it will be in a way consistent). Though with this development i should probably add more than navigation (eg. NAVIGATION / INFO / ETC. or something).
What are your guys' thoughts, comments, concerns?
Thanks again!
Best, Jonathan Solichin _______________________________________________ devs mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/devs
participants (2)
-
Ecaterina Moraru (Valica) -
Jonathan Solichin