You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@openoffice.apache.org by Xin Li <lx...@gmail.com> on 2013/03/22 12:11:25 UTC
[UX] Design Exploration - AOO 4.0 Sidebar Specific Content Panel Design
Hi all,
We are working on the AOO 4.0 sidebar design. Based on the option 10 we
have published, we are working on the detail panel. During the design work,
we according to two principles:
1. Icon style of sidebar in AOO 4.0. From UX point of view, to avoid the
usability issues, we need to make sure the same icon for the same function
in AOO and all the icons have the same visual style. So we need to use AOO
icons in sidebar. For the buttons which did not have AOO icons, we will use
Symphony icons.
2. UI controls in A00 4.0. I think we should choose the one has more
user-friendly interaction behavior. As you know, Symphony did lots of
improvements based on the original Open Office, so I believe the current
behavior in Symphony is more reasonable choice for us, like Number Bullet,
Line Style...And again, we should pursue the same behavior for the same
control in one software, if we choose the Symphony behavior, we should
apply it to all areas, such as toolbar, property dialog... At least we need
to keep the first level UI elements on controls of sidebar and toolbar
consistent for 4.0.
Based on the two point above, we create the detail panel design. Please
find the UX wiki to see the detail panel design by the link:
http://wiki.openoffice.org/wiki/AOO_UX_Design_Exploration_-_Task_Pane_Content_Panel_-_User_Interface_Design_Proposals#Sidebar_Content_Panel_-_UX_Design_propoals
Welcome to share your thoughts. Thanks.
--
Best regards,
Xin Li 李欣
UX designer
Re: [UX] Design Exploration - AOO 4.0 Sidebar Specific Content Panel Design
Posted by Xin Li <lx...@gmail.com>.
Hi all ,
We have updated a new version of design proposal after redefining some
detail issues. Please find the design proposal by the link:
http://wiki.openoffice.org/wiki/AOO_UX_Design_Exploration_-_Task_Pane_Content_Panel_-_User_Interface_Design_Proposals#Sidebar_Content_Panel_-_UX_Design_propoals
Thanks.
2013/3/30 Andrea Pescetti <pe...@apache.org>
> On 27/03/2013 Xin Li wrote:
> > The sidebar design proposal for AOO 4.0 has been uploaded to AOO UX wiki：
> >
> http://wiki.openoffice.org/wiki/AOO_UX_Design_Exploration_-_Task_Pane_Content_Panel_-_User_Interface_Design_Proposals#Sidebar_Content_Panel_-_UX_Design_propoals
>
> This is really impressive. And I'm tempted to lock the wiki page to
> force developers to put this stuff on the blog... just joking, but
> really, each of these three images could become a blog post, if we want
> some more feedback.
>
> Coming to minor comments, I have some localization concerns, like in "6.
> Alignment": "Wrap text" and "Merge Cells". The former in Italian would
> be "A capo automatico" and wouldn't fit the space. This might suggest
> avoiding text in narrow spaces and preferring icons to it (we do have
> one for "Merge Cells", I'm not sure about "Wrap text"). This improvement
> can also come after 4.0, but cut text in 4.0 would not be very nice, so
> the few problematic cases (possibly, only this one) should maybe use a
> different layout.
>
> Regards,
> Andrea.
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: dev-unsubscribe@openoffice.apache.org
> For additional commands, e-mail: dev-help@openoffice.apache.org
>
>
--
Best regards,
Xin Li 李欣
UX designer
Re: [UX] Design Exploration - AOO 4.0 Sidebar Specific Content Panel
Design
Posted by Andrea Pescetti <pe...@apache.org>.
On 27/03/2013 Xin Li wrote:
> The sidebar design proposal for AOO 4.0 has been uploaded to AOO UX wiki：
> http://wiki.openoffice.org/wiki/AOO_UX_Design_Exploration_-_Task_Pane_Content_Panel_-_User_Interface_Design_Proposals#Sidebar_Content_Panel_-_UX_Design_propoals
This is really impressive. And I'm tempted to lock the wiki page to
force developers to put this stuff on the blog... just joking, but
really, each of these three images could become a blog post, if we want
some more feedback.
Coming to minor comments, I have some localization concerns, like in "6.
Alignment": "Wrap text" and "Merge Cells". The former in Italian would
be "A capo automatico" and wouldn't fit the space. This might suggest
avoiding text in narrow spaces and preferring icons to it (we do have
one for "Merge Cells", I'm not sure about "Wrap text"). This improvement
can also come after 4.0, but cut text in 4.0 would not be very nice, so
the few problematic cases (possibly, only this one) should maybe use a
different layout.
Regards,
Andrea.
---------------------------------------------------------------------
To unsubscribe, e-mail: dev-unsubscribe@openoffice.apache.org
For additional commands, e-mail: dev-help@openoffice.apache.org
Re: [UX] Design Exploration - AOO 4.0 Sidebar Specific Content Panel Design
Posted by Xin Li <lx...@gmail.com>.
Hi all,
The sidebar design proposal for AOO 4.0 has been uploaded to AOO UX wiki：
http://wiki.openoffice.org/wiki/AOO_UX_Design_Exploration_-_Task_Pane_Content_Panel_-_User_Interface_Design_Proposals#Sidebar_Content_Panel_-_UX_Design_propoals
We have three parts:
1. Overview visual information definition.
Including the gradient color, the background color, the border line, the
font color, the font size and so on.
2. 27 specific panel design of Sidebar Properties Deck.
3. Controls consistent issues proposal : Contrast 13 controls that will
show both on sidebar and toolbar.
Your comments and feedback are strongly welcomed. Thanks.
2013/3/25 Xin Li <lx...@gmail.com>
> Hi Andrea,
>
> Thanks for the feedback.
>
> I agree that icon style need to consistent. But for AOO 4.0 we have no
> time to rebrand the visual style. And both gray and blue colors are exist
> in current AOO icons, so the color of the S(strikethrough) is ok.
>
> Icons style refer to the whole visual style, we will consider rebrand
> this in the future. Thanks.
>
>
> 2013/3/24 Andrea Pescetti <pe...@apache.org>
>
>> On 22/03/2013 Xin Li wrote:
>> > 1. Icon style of sidebar in AOO 4.0. From UX point of view, to avoid the
>> > usability issues, we need to make sure the same icon for the same
>> function
>> > in AOO and all the icons have the same visual style. So we need to use
>> AOO
>> > icons in sidebar. For the buttons which did not have AOO icons, we will
>> use
>> > Symphony icons. ...
>> >
>> http://wiki.openoffice.org/wiki/AOO_UX_Design_Exploration_-_Task_Pane_Content_Panel_-_User_Interface_Design_Proposals#Sidebar_Content_Panel_-_UX_Design_propoals
>>
>> I think everything is quite nice, except the contrast between the
>> OpenOffice and the Symphony icons when used side-to-side.
>>
>> Example: in row 1 of
>> http://wiki.openoffice.org/w/images/e/ed/4.0_sidebar_panel_list.jpg
>> the B, I and U icons (bold, italic, underlined) are gray, while the S
>> (strikethrough) is blue. Maybe some color tweaking would give better
>> consistency here.
>>
>> Regards,
>> Andrea.
>>
>> ---------------------------------------------------------------------
>> To unsubscribe, e-mail: dev-unsubscribe@openoffice.apache.org
>> For additional commands, e-mail: dev-help@openoffice.apache.org
>>
>>
>
>
> --
> Best regards,
> Xin Li 李欣
> UX designer
>
--
Best regards,
Xin Li 李欣
UX designer
Re: [UX] Design Exploration - AOO 4.0 Sidebar Specific Content Panel Design
Posted by Xin Li <lx...@gmail.com>.
Hi Andrea,
Thanks for the feedback.
I agree that icon style need to consistent. But for AOO 4.0 we have no time
to rebrand the visual style. And both gray and blue colors are exist in
current AOO icons, so the color of the S(strikethrough) is ok.
Icons style refer to the whole visual style, we will consider rebrand this
in the future. Thanks.
2013/3/24 Andrea Pescetti <pe...@apache.org>
> On 22/03/2013 Xin Li wrote:
> > 1. Icon style of sidebar in AOO 4.0. From UX point of view, to avoid the
> > usability issues, we need to make sure the same icon for the same
> function
> > in AOO and all the icons have the same visual style. So we need to use
> AOO
> > icons in sidebar. For the buttons which did not have AOO icons, we will
> use
> > Symphony icons. ...
> >
> http://wiki.openoffice.org/wiki/AOO_UX_Design_Exploration_-_Task_Pane_Content_Panel_-_User_Interface_Design_Proposals#Sidebar_Content_Panel_-_UX_Design_propoals
>
> I think everything is quite nice, except the contrast between the
> OpenOffice and the Symphony icons when used side-to-side.
>
> Example: in row 1 of
> http://wiki.openoffice.org/w/images/e/ed/4.0_sidebar_panel_list.jpg
> the B, I and U icons (bold, italic, underlined) are gray, while the S
> (strikethrough) is blue. Maybe some color tweaking would give better
> consistency here.
>
> Regards,
> Andrea.
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: dev-unsubscribe@openoffice.apache.org
> For additional commands, e-mail: dev-help@openoffice.apache.org
>
>
--
Best regards,
Xin Li 李欣
UX designer
Re: [UX] Design Exploration - AOO 4.0 Sidebar Specific Content Panel
Design
Posted by Andrea Pescetti <pe...@apache.org>.
On 22/03/2013 Xin Li wrote:
> 1. Icon style of sidebar in AOO 4.0. From UX point of view, to avoid the
> usability issues, we need to make sure the same icon for the same function
> in AOO and all the icons have the same visual style. So we need to use AOO
> icons in sidebar. For the buttons which did not have AOO icons, we will use
> Symphony icons. ...
> http://wiki.openoffice.org/wiki/AOO_UX_Design_Exploration_-_Task_Pane_Content_Panel_-_User_Interface_Design_Proposals#Sidebar_Content_Panel_-_UX_Design_propoals
I think everything is quite nice, except the contrast between the
OpenOffice and the Symphony icons when used side-to-side.
Example: in row 1 of
http://wiki.openoffice.org/w/images/e/ed/4.0_sidebar_panel_list.jpg
the B, I and U icons (bold, italic, underlined) are gray, while the S
(strikethrough) is blue. Maybe some color tweaking would give better
consistency here.
Regards,
Andrea.
---------------------------------------------------------------------
To unsubscribe, e-mail: dev-unsubscribe@openoffice.apache.org
For additional commands, e-mail: dev-help@openoffice.apache.org