[Kimchi-devel] Kimchi UI Design Update

[Yu Xin Huo]

Team, please take time to review the new UI design. No bad suggestion, 
Just feel free to have your comments.

I got comments below:

1. If I understand correctly, the base body content text size is 17px, 
typically, this is 12px, I think 17px is too large.



2. The tabs have different colors, it adds unnecessary visual and 
implementation complexity, one color is enough and I prefer blue.


3. I do not think and have never seen that 'logout' need a special red 
color to emphasize.
     Why use that icon to indicate logout.


4. Before login, user can do nothing, remove those tabs and Peers... on 
login screen.
     When user select a language, the page will be refreshed with 
selected language.
     So language selection will need to be prior to input user/password, 
so language selection should be positioned before user id/password.


5. The UI background is white, the button background is black which 
contrast the most, looks quite heavy.
     then it will draw most attention, other content are weakened too 
much, please change it to be some gray color or just white with a border.



6. Move message area up. 'table/gallery switch', 'sorting', 'filtering' 
are more related to content.
     message area in the middle make them separated.


7. Move 'Add' button in dialog to the right will save some vertical 
space and make content more focused.


8. From my experience before, for popup dialog form, the 'ok', 'cancel' 
buttons are right aligned.
     Only inline form, buttons will be left aligned, as those forms in 
kimchi are popup dialog, buttons should be right aligned.


9. Some font size are expressed in 'pt' like below, whether it is by 
mistake? 16pt = 21px(http://pxtoem.com/)


10. Some icons are not indicating well-understood metaphors I think.


-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.ovirt.org/pipermail/kimchi-devel/attachments/20150106/4c0c46e5/attachment.html>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: jhfgjcah.png
Type: image/png
Size: 8025 bytes
Desc: not available
URL: <http://lists.ovirt.org/pipermail/kimchi-devel/attachments/20150106/4c0c46e5/attachment.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: adifccdf.png
Type: image/png
Size: 22697 bytes
Desc: not available
URL: <http://lists.ovirt.org/pipermail/kimchi-devel/attachments/20150106/4c0c46e5/attachment-0001.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: ibdbcdjb.png
Type: image/png
Size: 5482 bytes
Desc: not available
URL: <http://lists.ovirt.org/pipermail/kimchi-devel/attachments/20150106/4c0c46e5/attachment-0002.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: faiifcig.png
Type: image/png
Size: 9787 bytes
Desc: not available
URL: <http://lists.ovirt.org/pipermail/kimchi-devel/attachments/20150106/4c0c46e5/attachment-0003.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: bhchhhcj.png
Type: image/png
Size: 47224 bytes
Desc: not available
URL: <http://lists.ovirt.org/pipermail/kimchi-devel/attachments/20150106/4c0c46e5/attachment-0004.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: cibhdhfb.png
Type: image/png
Size: 25664 bytes
Desc: not available
URL: <http://lists.ovirt.org/pipermail/kimchi-devel/attachments/20150106/4c0c46e5/attachment-0005.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: egehcdge.png
Type: image/png
Size: 9149 bytes
Desc: not available
URL: <http://lists.ovirt.org/pipermail/kimchi-devel/attachments/20150106/4c0c46e5/attachment-0006.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: igdgeibc.png
Type: image/png
Size: 13214 bytes
Desc: not available
URL: <http://lists.ovirt.org/pipermail/kimchi-devel/attachments/20150106/4c0c46e5/attachment-0007.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: fbhhfhee.png
Type: image/png
Size: 40731 bytes
Desc: not available
URL: <http://lists.ovirt.org/pipermail/kimchi-devel/attachments/20150106/4c0c46e5/attachment-0008.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: cbegebde.png
Type: image/png
Size: 5749 bytes
Desc: not available
URL: <http://lists.ovirt.org/pipermail/kimchi-devel/attachments/20150106/4c0c46e5/attachment-0009.png>