View source for Talk:Test/Main Page/Design with tabs

==Comments welcome==
How does this design look on your screen? The tab technology seems to more or less work (it was misbehaving before since it was inside another table), and this is derived using SMW, so while there are still a few rough edges, we have quite a lot of flexibility as regards content. I'm not very up to speed on current web design, but let us know what you think.[[User:Robin|Robin]] ([[User talk:Robin|talk]]) 17:28, 19 October 2014 (IST)

===Wishlist===
#Twitter tab has a huge border
#<s>Tab image aspect ratios are not identical</s>
#"New" tab currently broken
#Image tab could include several images
#Video tab could include several videos
#Talk tab is missing metadata (tricky to get round as it is currently programmed)
#Tabs have no tooltips
#Instead of icons, the actual images and/or logos could be used
#<s>A small "W" could link to corresponding [[Wikipedia]] page</s>
#Other metadata (constitutes? type?) could be displayed
#Some of the older content e.g. [[Template:main-panel-tabstrip-with-icon]] might benefit from a reworking

== Initial impressions ==

I really do like the overall approach. A few observations/suggestions:
===Cosmetic===
#<s>Icons holders need to be same size - especially depth.</s>
#<s>Video and image icons to swap</s>
#<s>The icon 'bar' probably need to be centred because, on narrower screens (reduce window width on any screen to see) the icons wrap and the left justified and other effects become ugly.</s>
#:<s>Initial attempts to do just this have failed (by breaking the tabs). It may be possible, but</s> with identical square icons this effect doesn't manifest, I think. [[User:Robin|Robin]] ([[User talk:Robin|talk]]) 15:42, 20 October 2014 (IST)
#The Twitter feed can easily be made both wider and deeper. Also, maybe it too could sit alongside another Iframe - a Reddit feed for example since I often push stuff there and wee get a lot of traffic in return.
#:See the source for how simply it is coded. So either as a separate tab or together. [[User:Robin|Robin]] ([[User talk:Robin|talk]]) 15:42, 20 October 2014 (IST)
===Substantive===
#For varying visual interest it might be best to have another 3 frame row (similar to the current 'visitors, 'Contributors','Most wanted info' frames - which themselves need a re-think as and when) containing current image, current video and maybe list of the 10 or so most visited pages in the middle. Currently the page stats are turned off. We can either turn them on or pull the most visited stats from the Piwik database. Since it would be best to have 'most popular during a defined period - say last 24-48 hours, week or month - the Piwik approach mights be best. Needs researching. The remaining Icon selector bar could then go either above or below it.

--[[User:Peter|Peter P]] ([[User talk:Peter|talk]]) 07:50, 20 October 2014 (IST)
: This is currently designed for editors rather than browsers. A "what's hot" is a good idea, as is some move visual appeal. 

: [[Template:main-subheader]] needs a serious rethink - it has prime position to point to some fairly uninteresting content (e.g. [[Most_Wanted_Information]] and [[Anonymous_Uploads_Received]] - neither of which has been touched for months). Maybe it could be replaced by a row which targets browsers rather than editors? [[User:Robin|Robin]] ([[User talk:Robin|talk]]) 15:42, 20 October 2014 (IST)
[[User:Robin|Robin]] ([[User talk:Robin|talk]]) 15:42, 20 October 2014 (IST)