Anca Paula Luca wrote: > Guillaume Lerouge wrote: >> Hi, >> A bit of summarizing on what we've got so far: >> >> On Wed, Aug 19, 2009 at 11:56 AM, Ecaterina Valica <[email protected]>wrote: >> >>> * 1.* >>> >>> http://dev.xwiki.org/xwiki/bin/view/Design/NewWysiwygEditorInterfaceAppendix#HModalboxtitles >>> +1 for A with a left-aligned title (keep the consistency with the left >>> alignerd forms) >> >> Pretty much everyone agreed on left-aligned title. >> >> *2. * >>> http://dev.xwiki.org/xwiki/bin/view/Design/NewWysiwygEditorInterfaceAppendix#HMarkerformandatoryformfieldsinmodalboxes >>> +1 F, G, H with modifications: >>> F - * need somewhere to be stated that * means Required >>> - the location of the star changes the position with the length of the >>> label >>> >>> G - from a visual scanning point of view, it's better that they are at the >>> beginning of the line and the stars are not changing their position >>> - but the star should be outside the alignment of the text >>> - also somewhere needs o be stated the meaning of the star >>> >>> H - is the most straight forward >>> - Required should have another color than the explanatory text ("Type the >>> address...") so it pops out > > I used the same color & style for "required" as for the explanatory text > because > it's the same type of information, explanations for the field. The position > next > to the field label is supposed to distinguish it from the rest of the > explanation. > >>> I agree with Sergiu that green is not the best color for required fields. >>> Also it has low contrast with black and white. >>> >> Proposal H got the most vote. I agree with Caty on the fact that make it >> colored would pop out more. As long as it's a dark enough color I think it >> won't hinder accessibility. >> >> Thus I'm suggesting we use H but with "required" printed in the orange color >> used in proposal G.
I added prototype I to illustrate this. The orange used is the "wiki standard colors" orange (which could, of course be grayed a bit to match the other labels). > > dark enough color is not compatible with that orange flavour :) . I can do a > prototype but I think it will be a lot too much (since it's more than just a > sign, it's a full word orange). > > how about H as is? (compatible with the link you gave me to > http://www.cxpartners.co.uk/thoughts/web_forms_design_guidelines_an_eyetracking_study.htm > > guideline 5 where normal colors are used). > >> WDYT? >> >> 3. >>> http://dev.xwiki.org/xwiki/bin/view/Design/NewWysiwygEditorInterfaceAppendix#HErrorreporting >>> +1 C1 because is a separation between the explanatory text and the error >>> text. Putting it below makes sense for me to have this separation. The red >>> color is ok. >>> >>> I don't like the green of the labels for the mandatory fields. Too many >>> colors and means nothing for me that the fields are green. >> >> B got 3 votes, A one, C one. B & C are quite similar (text above or below >> the error). Having text at the top is better in the tree configuration and >> it doesn't make that much of a difference for regular fields. >> >> Thus I suggest we go for B. > > Since Marius' vote for A was based on the fact that too much red is scary > (and I > agree users fear errors), but a red-bordered field is useful to better > associate > the error with the field, I'd go for a lighter red (compatible with the > grey > labels). I'll do a prototype asap. WDYT? That would be prototype E. > > > Thanks, > Anca > >> We're short on time here, please cast your -1 quickly if you disagree with >> this. >> >> Thanks, >> >> Guillaume >> >> >> >>> _______________________________________________ >>> devs mailing list >>> [email protected] >>> http://lists.xwiki.org/mailman/listinfo/devs >>> >> >> > _______________________________________________ > devs mailing list > [email protected] > http://lists.xwiki.org/mailman/listinfo/devs _______________________________________________ devs mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/devs
