Design March 2014

design@lists.wikimedia.org

39 participants
37 discussions

Cancel button
by Matthew Flaschen 07 Mar '14

07 Mar '14

The current proposed change to use mw-ui-button for save/preview/show changes/cancel (on the edit screen) uses mw-ui-destructive (with quiet) for the cancel button. This directly contradicts the style guide, which says, "This should not be used for cancel buttons.". As noted at https://gerrit.wikimedia.org/r/#/c/116725/ , my understanding of destructive is that you are deleting something that was already publicly visible, or at least has an impact beyond your own personal session. The cancel button doesn't seem to fit that. Cancel is a common concept, and semantically clear, so perhaps we should simply add mw-ui-cancel. Matt Flaschen

7 13

mediawiki.ui test instance on Labs
by Matthew Flaschen 07 Mar '14

07 Mar '14

I set up a mediawiki.ui test instance on Labs. For now, it is dedicated to showing the in-progress patch which is rolling out mw-ui to all buttons (https://gerrit.wikimedia.org/r/#/c/52169/). You can see what's implemented so far in the commit message in the top right. The URL is http://mwui.wmflabs.org/wiki/Main_Page . Feel free to check out those pages, create accounts, make test edits, etc. However, it's not a wiki for actual documentation or design mockups, etc. After that patch is done, the instance can be used for testing other mw.ui work. Matt Flaschen

2 2

Fwd: Re: Font stack
by bawolff 05 Mar '14

05 Mar '14

> > > > > > > Why would this be the best experience? > > In our case, a good experience means being able to *read stuff* and understand the content as easy as possible. Therefore, a typographic setup that makes reading as easy as possible makes for a good experience. Thats interesting. Some people have made arguments that the change would actually make it more difficult for some groups. My impression until now was that the change was being proposed because its pretty. > > > Why did the generic 'serif' and 'sans-serif' become insufficient? > > They were in fact never sufficient. But for quite some time, web technology didn't allow us to do it better. Now that it does (with webfonts and finer typographic control), why shouldn't we go ahead and improve our user experience? > > > > I'm sorry, but you are proposing using a technology that was introduced ~1996. It predates Wikipedia by 5 years. How is the web letting us do better now (webfonts dont count as this proposal isnt using them) -bawolff

1 0

Fw: Captcha Idea Proposal for GSOC 2014
by Aalekh Nigam 04 Mar '14

04 Mar '14

From: "Aalekh Nigam"<aalekh1993(a)rediffmail.com> Sent: Mon, 03 Mar 2014 20:35:14 To: "design(a)lists.wikimedia.org"<design(a)lists.wikimedia.org> Subject: Fw: Captcha Idea Proposal for GSOC 2014 From: "Aalekh Nigam"<aalekh1993(a)rediffmail.com> Sent: Sun, 02 Mar 2014 15:37:42 To: "wikitech-l(a)lists.wikimedia.org"<wikitech-l(a)lists.wikimedia.org> Cc: "mediawiki-i18n(a)lists.wikimedia.org"<mediawiki-i18n(a)lists.wikimedia.org> Subject: Captcha Idea Proposal for GSOC 2014 Hello, I have been looking for Multilingual and effective captcha as a project for GSOC 2014 .....and made out some points and wire-frames to show my approach regarding this ,shown below:  1)Captcha on the basis of selection of particular object:In this type of captcha the questions will be shown as shown here: https://commons.wikimedia.org/wiki/File:Proposal6correction.png ;other possible questions can be:"Select the images in which man is wearing sunglasses",now problem i encountered while making such captcha request is that a bot could easily use Google images or third eye to find the look for images of man wearing sunglasses from the Wikimedia Commons .....so to encounter this problem we can use a random numbering over the images and then ask user to to select the images in order of numbering for example the only answer to the sample question i provided above is :https://commons.wikimedia.org/wiki/File:Proposal7correction.png ;one of the wrong answer to the given question is:https://commons.wikimedia.org/wiki/File:Proposal8correction.png ; because it is not arranged in correct order which is 1,4,12 (in increasing numeric order).....ps:i did forgot to specify "increasing" numeric order in the question i provided but the plan is to provide the question as "Select human among the given photograph's and select it in increasing numeric order?". Providing increasing numeric order might make bot guess wrong answer 90% of time,which is quite comparable to the current captcha system that uses OCR as provided in the given algorithm: http://www.gizmag.com/captcha-beating-ai/29559/ . 2)Ask User to click on the same image as provided:The question for this type of captcha looks like this:https://commons.wikimedia.org/wiki/File:Proposal5correction.png we can ask user to click on the options showing equivalent image to that provided in the question.For the question provided the answer is :https://commons.wikimedia.org/wiki/File:Proposal9correction.png .Ps:we ca use more than four options probably eight options since it would be harder of bot to make a guess. 3)For blind and visually impaired users:We can use and audio captcha system which ask user to select the number as it is asked in the audio .For example the visual equivalent of the audio asked by the user will be : https://commons.wikimedia.org/wiki/File:Proposal11correction.png .Now when audio asked user to select number "0" our user will use arrow key to move across different blocks like a slide show....with different voice speaking out the options and pressing enter will select the word spoken....hence verifying that the user is human.....although the above shown image is visual equivalent the actual image visible will be: https://commons.wikimedia.org/wiki/File%3AProposal4correction.png ;....to make the captcha reload we can user to by pressing key "r" which will be instructed in the audio while the captcha starts playing. Please give your response to idea provided and also the idea is listed here:https://www.mediawiki.org/wiki/Talk:CAPTCHA Thank You Aalekh Nigam aalekhN https://www.mediawiki.org/wiki/User:AalekhN -- Get your own FREE website, FREE domain & FREE mobile app with Company email.  Know More > Get your own FREE website, FREE domain & FREE mobile app with Company email.  Know More >

1 0

Fw: Captcha Idea Proposal for GSOC 2014
by Aalekh Nigam 03 Mar '14

03 Mar '14

From: "Aalekh Nigam"<aalekh1993(a)rediffmail.com> Sent: Sun, 02 Mar 2014 15:37:42 To: "wikitech-l(a)lists.wikimedia.org"<wikitech-l(a)lists.wikimedia.org> Cc: "mediawiki-i18n(a)lists.wikimedia.org"<mediawiki-i18n(a)lists.wikimedia.org> Subject: Captcha Idea Proposal for GSOC 2014 Hello, I have been looking for Multilingual and effective captcha as a project for GSOC 2014 .....and made out some points and wire-frames to show my approach regarding this ,shown below:  1)Captcha on the basis of selection of particular object:In this type of captcha the questions will be shown as shown here: https://commons.wikimedia.org/wiki/File:Proposal6correction.png ;other possible questions can be:"Select the images in which man is wearing sunglasses",now problem i encountered while making such captcha request is that a bot could easily use Google images or third eye to find the look for images of man wearing sunglasses from the Wikimedia Commons .....so to encounter this problem we can use a random numbering over the images and then ask user to to select the images in order of numbering for example the only answer to the sample question i provided above is :https://commons.wikimedia.org/wiki/File:Proposal7correction.png ;one of the wrong answer to the given question is:https://commons.wikimedia.org/wiki/File:Proposal8correction.png ; because it is not arranged in correct order which is 1,4,12 (in increasing numeric order).....ps:i did forgot to specify "increasing" numeric order in the question i provided but the plan is to provide the question as "Select human among the given photograph's and select it in increasing numeric order?". Providing increasing numeric order might make bot guess wrong answer 90% of time,which is quite comparable to the current captcha system that uses OCR as provided in the given algorithm: http://www.gizmag.com/captcha-beating-ai/29559/ . 2)Ask User to click on the same image as provided:The question for this type of captcha looks like this:https://commons.wikimedia.org/wiki/File:Proposal5correction.png we can ask user to click on the options showing equivalent image to that provided in the question.For the question provided the answer is :https://commons.wikimedia.org/wiki/File:Proposal9correction.png .Ps:we ca use more than four options probably eight options since it would be harder of bot to make a guess. 3)For blind and visually impaired users:We can use and audio captcha system which ask user to select the number as it is asked in the audio .For example the visual equivalent of the audio asked by the user will be : https://commons.wikimedia.org/wiki/File:Proposal11correction.png .Now when audio asked user to select number "0" our user will use arrow key to move across different blocks like a slide show....with different voice speaking out the options and pressing enter will select the word spoken....hence verifying that the user is human.....although the above shown image is visual equivalent the actual image visible will be: https://commons.wikimedia.org/wiki/File%3AProposal4correction.png ;....to make the captcha reload we can user to by pressing key "r" which will be instructed in the audio while the captcha starts playing. Please give your response to idea provided and also the idea is listed here:https://www.mediawiki.org/wiki/Talk:CAPTCHA Thank You Aalekh Nigam aalekhN https://www.mediawiki.org/wiki/User:AalekhN -- Get your own FREE website, FREE domain & FREE mobile app with Company email.  Know More >

1 0

Re: [Design] [Wikitech-l] captcha idea: proposal for gnome outreach for women 14
by Matthew Flaschen 03 Mar '14

03 Mar '14

I'm adding the design list. I talked about this recently with a couple of the designers. Matt Flaschen On 02/28/2014 12:07 PM, Mansi Gokhale wrote: > hello, > > These are some approaches i can think of instead of a text based captcha. > > The image idea where users are asked to spot the odd one out like > demonstrated or find all the similar images like mentioned in > here<https://www.mediawiki.org/wiki/CAPTCHA> > . > > Also a picture with a part chipped in could be shown and chipped pictures > could be given as options > > like find the missing part from a jigsaw puzzle. > > The image which would be shown is http://imgur.com/uefeb08 > > http://imgur.com/KEJqCg3 is the picture which would be the correct option. > > The other options could be rotated versions of this , which would not be so > easy for the bot to match. (unless it somehow worked some digital > processing algorithm and matched the color gradients or something like > that). > > This is a good option for people who do not know english or are illiterate > and maybe would not understand questions like : is this a bird , plane , > superman? after being shown a picture. > > Tell me what you think > > (Sorry to upload those images on imgur. i dont know how to put them on the > wiki .Hope that is ok) > > > have posted this on the CAPTCHA > page<https://www.mediawiki.org/wiki/Talk:CAPTCHA>also > _______________________________________________ > Wikitech-l mailing list > Wikitech-l(a)lists.wikimedia.org > https://lists.wikimedia.org/mailman/listinfo/wikitech-l >

1 0

Another one of those Wikipedia redesigns
by Jon Robson 01 Mar '14

01 Mar '14

This showed up in my Google alerts. This one looks a lot like the existing mobile website... :) http://www.psfk.com/2014/02/wikipedia-design-layout-change.html/wikipedia-r…

7 7

2024

2023

2022

2021

2020

2019

2018

2017

2016

2015

2014

2013

2012

Design March 2014