4:18 p.m.
Yes, I think this pattern with fixed top, menu icon and search field is very good for the
purpose of a documentation tool.
For the mockup I’ve edited a HTML page, captured it and added the logo with Gimp.
Samuel
From: Harshal Patil [mailto:harshal.patil@in.ibm.com]
Sent: quarta-feira, 12 de agosto de 2015 01:02
To: Samuel Henrique De Oliveira Guimaraes <samuel.guimaraes(a)eldorado.org.br>
Cc: alinefm(a)linux.vnet.ibm.com; kimchi-devel(a)ovirt.org; socorro(a)linux.vnet.ibm.com
Subject: Re: RE: [Kimchi-devel] Wok index page mock up
Hi,
Thanks for your comments. I liked the API explorer you have proposed.
For the hamburger and logo bar, do you want to keep a static bar or do you want to
consider a dynamically changing contextual bar? I have attached the example of later
here.
[cid:image003.png@01D0D522.DEB4CE60][cid:image004.png@01D0D522.DEB4CE60][cid:image005.png@01D0D522.DEB4CE60]
So depending upon which context you are it changes it's colour and items in the bar.
The screenshots are from 'Inbox for Gmail'. We can keep the logo somewhere there
but we can also show which 'plugin' the is interacting with and change the color
scheme accordingly. E.g if user selects 'Kimchi' plugin from hamburger menu we can
display 'Kimchi' next to that hamburger menu (while continue to display
'Wok' in the center or something like that). This way we can get rid of
'tabs'. The top bar serves that purpose.
Let me know what do you think.
BTW, which mock up tool you used to create that mockup page of wok?
Harshal
----- Original message -----
From: Samuel Henrique De Oliveira Guimaraes
<samuel.guimaraes@eldorado.org.br<mailto:samuel.guimaraes@eldorado.org.br>>
To: Harshal Patil/India/IBM@IBMIN,
"alinefm@linux.vnet.ibm.com<mailto:alinefm@linux.vnet.ibm.com>"
<alinefm@linux.vnet.ibm.com<mailto:alinefm@linux.vnet.ibm.com>>
Cc: "kimchi-devel@ovirt.org<mailto:kimchi-devel@ovirt.org>"
<kimchi-devel@ovirt.org<mailto:kimchi-devel@ovirt.org>>,
"socorro@linux.vnet.ibm.com<mailto:socorro@linux.vnet.ibm.com>"
<socorro@linux.vnet.ibm.com<mailto:socorro@linux.vnet.ibm.com>>
Subject: RE: [Kimchi-devel] Wok index page mock up
Date: Wed, Aug 12, 2015 3:06 AM
Hi Harshal,
I liked the mockup. It looks good and I think that for Wok service we should have a clean
interface since we are going to provide API documentation, it should feature different
elements than Kimchi and Ginger but maintain the same design language. I think this is a
good direction because if you look to several products Wikis and docs, they are adding
some of the same elements that we can see in this mockup like the Hamburger Icon and an
off-canvas menu. For the REST API documentation I was thinking in something similar to the
attached image and this link: http://petstore.swagger.io/
[cid:image006.png@01D0D522.DEB4CE60]
However, that part would need user authentication for security reasons.
Regarding the logo, I believe it should be large and centered in the index page. Kimchi
logo is good enough, maybe a flat version of it:
[cid:image007.png@01D0D522.DEB4CE60]
From: Harshal Patil [mailto:harshal.patil@in.ibm.com]
Sent: terça-feira, 11 de agosto de 2015 16:49
To: alinefm@linux.vnet.ibm.com<mailto:alinefm@linux.vnet.ibm.com>
Cc: kimchi-devel@ovirt.org<mailto:kimchi-devel@ovirt.org>; Samuel Henrique De
Oliveira Guimaraes
<samuel.guimaraes@eldorado.org.br<mailto:samuel.guimaraes@eldorado.org.br>>;
socorro@linux.vnet.ibm.com<mailto:socorro@linux.vnet.ibm.com>
Subject: Re: [Kimchi-devel] Wok index page mock up
Opps sorry Aline, forgot to answer your questions..
1. It was inspired from Android's hamburger menu design. It's also your in
'Inbox for Gmail's desktop page. But of course, this is not a final design. We can
improve it further, if required.
2. IMHO, user doesn't need to login just to see the index page. There is nothing in
there which needs to be protected behind a login page.
3. It could be right next to hamburger menu or on the RHS.
----- Original message -----
From: Aline Manera
<alinefm@linux.vnet.ibm.com<mailto:alinefm@linux.vnet.ibm.com>>
To: Harshal Patil/India/IBM@IBMIN,
kimchi-devel@ovirt.org<mailto:kimchi-devel@ovirt.org>, Samuel Henrique De Oliveira
Guimaraes
<samuel.guimaraes@eldorado.org.br<mailto:samuel.guimaraes@eldorado.org.br>>,
Socorro Stoppler
<socorro@linux.vnet.ibm.com<mailto:socorro@linux.vnet.ibm.com>>
Cc:
Subject: Re: [Kimchi-devel] Wok index page mock up
Date: Tue, Aug 11, 2015 8:47 PM
Hi Harshal,
Thanks for sending this mockup!
In general it looks good for me. Only some comments/doubts:
1) What is 3 lines button on the left corner? Does this represent a menu or something?
2) Will the welcome page be shown as the first page or user will need to login to get the
welcome page?
3) Will wok have a logo? Where in page will we display it?
Maybe Socorro and Samuel can help us more on the page layout as they are UI experts =)
Regards,
Aline Manera
On 10/08/2015 07:43, Harshal Patil wrote:
Hi,
Working on issue #718 ,https://github.com/kimchi-project/kimchi/issues/718
Just some initial mock up about page layouts. Please let me know what do you think about
it. These mock ups are only for showing the layout, so please ignore things like color
scheme, font types etc.
Here is the pdf,
https://drive.google.com/file/d/0B3vI9LCU26KEN19kcjZtbTVyOGM/view?usp=sha...
I am using Pencil to create that, so if you want to edit something here is pencil file,
https://drive.google.com/file/d/0B3vI9LCU26KETm52bU00V1hDZ00/view?usp=sha...
Thanks
_______________________________________________
Kimchi-devel mailing list
Kimchi-devel@ovirt.org<mailto:Kimchi-devel@ovirt.org>
http://lists.ovirt.org/mailman/listinfo/kimchi-devel
