We decided we would first test a flag standalone and see if there is room to accommodate a label for the Page Issues Button. Lets review the space available to us, once the disambiguation card is complete. We can be more visually informed about width of the first button in other languages.
---- Vibha Bamba Senior Designer | WMF Design On Mon, Jul 28, 2014 at 2:18 PM, Dan Garry <[email protected]> wrote: > I'm a bit confused. I thought we were going with having this be an icon > and text rather than just an icon? If you just go to an article and there's > only a flag there, it's unclear what purpose it serves unless you tap on it. > > Dan > > > On 28 July 2014 14:15, Bernd Sitzmann <[email protected]> wrote: > >> Hi Vibha, >> >> Here's a new apk and a new set of screen shots for page issues display. >> Main difference from previous builds is that the issues link is now the >> blue flag icon, and it's a slightly different blue depending on the dark or >> light theme. >> Also fixed a bug splitting out the date portion from the rest of the text. >> >> pageIssuesLight4.png >> <https://docs.google.com/a/wikimedia.org/file/d/0BxUyJSM66jQvOC1ueWJralRVNHM/edit?usp=drive_web> >> >> pageIssuesDark4.png >> <https://docs.google.com/a/wikimedia.org/file/d/0BxUyJSM66jQvWVlCejNHNHJYMms/edit?usp=drive_web> >> >> >> wikipedia-2.0-dev-2014-07-28-page_issues.apk >> <https://docs.google.com/a/wikimedia.org/file/d/0BxUyJSM66jQvYVNZd1FUTHZxN0U/edit?usp=drive_web> >> >> Cheers, >> Bernd >> >> >> On Fri, Jul 25, 2014 at 3:16 PM, Vibha Bamba <[email protected]> >> wrote: >> >>> Flag Icon for Night Mode attached. >>> Please lmk if it looks offset when you plug it in. >>> >>> Consistent with previous android icons - This is 24 dp focus in 32 dp >>> canvas area. >>> >>> ---- >>> Vibha Bamba >>> Senior Designer | WMF Design >>> >>> >>> >>> >>> >>> >>> >>> >>> On Fri, Jul 25, 2014 at 2:51 AM, Vibha Bamba <[email protected]> >>> wrote: >>> >>>> Flag consistent with wikimedia ui blue ( #347BFF) >>>> >>>> ---- >>>> Vibha Bamba >>>> Senior Designer | WMF Design >>>> >>>> >>>> >>>> >>>> >>>> >>>> >>>> >>>> On Thu, Jul 24, 2014 at 7:05 PM, Bernd Sitzmann < >>>> [email protected]> wrote: >>>> >>>>> Vibha, >>>>> >>>>> Would you mind making a blue flag icon (or two if there needs to be a >>>>> different color for night mode). While I could easily adjust the color of >>>>> the flag in native Java code, it's not that easy in CSS for the web page. >>>>> >>>>> Thanks, >>>>> Bernd >>>>> >>>>> >>>>> On Wed, Jul 23, 2014 at 4:53 PM, Bernd Sitzmann < >>>>> [email protected]> wrote: >>>>> >>>>>> Vibha, >>>>>> >>>>>> Attached you can find an apk to try out the page issues feature and >>>>>> some screenshots. >>>>>> Main difference to previous screen shots: >>>>>> The date now shows up in a separate TextView below the issue text >>>>>> (with the styling you suggested). >>>>>> >>>>>> Blockers: The [Issues] link on the page still needs to be replaced >>>>>> with the flag icon. But I'm blocked on vagrant setup at the moment. >>>>>> >>>>>> FYI, I used [[8 mm video format]] for the screenshots. >>>>>> >>>>>> Not sure on which languages it actually works. It does work on enwiki >>>>>> but not on dewiki. While there are great links to drive contributions by >>>>>> improving articles on dewiki[1] the templates there don't seem to use the >>>>>> mbox or ambox class. On the other hand, since they don't use ambox class >>>>>> tables they don't get hidden in our app, so issues there are visible >>>>>> directly on the page. >>>>>> >>>>>> -Bernd >>>>>> >>>>>> [1]: https://de.wikipedia.org/wiki/Wikipedia:Wartung >>>>>> >>>>>> wikipedia-2.0-dev-2014-07-23-page_issues.apk >>>>>> <https://docs.google.com/a/wikimedia.org/file/d/0BxUyJSM66jQvQnJxaGRjVlROMTA/edit?usp=drive_web> >>>>>> >>>>>> pageIssuesLight3.png >>>>>> <https://docs.google.com/a/wikimedia.org/file/d/0BxUyJSM66jQvNUxFNkhxY091bjg/edit?usp=drive_web> >>>>>> >>>>>> pageIssuesDark3.png >>>>>> <https://docs.google.com/a/wikimedia.org/file/d/0BxUyJSM66jQveVdyUmc1NGwtQ0E/edit?usp=drive_web> >>>>>> >>>>>> >>>>>> >>>>>> On Tue, Jul 22, 2014 at 6:14 PM, Vibha Bamba <[email protected]> >>>>>> wrote: >>>>>> >>>>>>> Just reviewed this, looks great! I'm honestly psyched! >>>>>>> >>>>>>> Help icon attached for action bar (32 dp canvas, 24 dp focus) >>>>>>> >>>>>>> *Notes:* >>>>>>> This will only show up in the direct manipulation step in the >>>>>>> editing workflow. >>>>>>> Apply same color as the W to the icon for the Night Mode/ Reverse >>>>>>> Theme. >>>>>>> >>>>>>> >>>>>>> ---- >>>>>>> Vibha Bamba >>>>>>> Senior Designer | WMF Design >>>>>>> >>>>>>> >>>>>>> >>>>>>> >>>>>>> >>>>>>> >>>>>>> >>>>>>> >>>>>>> On Tue, Jul 22, 2014 at 2:21 PM, Bernd Sitzmann < >>>>>>> [email protected]> wrote: >>>>>>> >>>>>>>> Vibha, >>>>>>>> >>>>>>>> The color changes can be done in code, see below. I've also >>>>>>>> adjusted the top margin for the flag to match the text. >>>>>>>> Splitting the text will take a bit longer. It's a bit riskier since >>>>>>>> the text needs to be parsed. >>>>>>>> >>>>>>>> pageIssuesDark2.png >>>>>>>> <https://docs.google.com/a/wikimedia.org/file/d/0BxUyJSM66jQvX1VINXJFS1RreTg/edit?usp=drive_web> >>>>>>>> >>>>>>>> pageIssuesLight2.png >>>>>>>> <https://docs.google.com/a/wikimedia.org/file/d/0BxUyJSM66jQvOTV6aDJnQXMyMEE/edit?usp=drive_web> >>>>>>>> >>>>>>>> -Bernd >>>>>>>> >>>>>>>> >>>>>>>> On Tue, Jul 22, 2014 at 3:02 PM, Dmitry Brant <[email protected] >>>>>>>> > wrote: >>>>>>>> >>>>>>>>> Yay, that looks awesome! (+mobile-l) >>>>>>>>> >>>>>>>>> >>>>>>>>> >>>>>>>>> On Tue, Jul 22, 2014 at 4:46 PM, Vibha Bamba <[email protected] >>>>>>>>> > wrote: >>>>>>>>> >>>>>>>>>> OMG this looks great! And so fast :) >>>>>>>>>> Two small changes >>>>>>>>>> >>>>>>>>>> 1. The flag and message should be top aligned >>>>>>>>>> (let me know if the canvas are is getting in the way for this) >>>>>>>>>> I can provide a flag icon in a 24 dp focus area with no padding. >>>>>>>>>> >>>>>>>>>> 2. The date when the template was added needs to be on its own >>>>>>>>>> line, no parenthesis. All caps in color #555, 2-3 types sizes >>>>>>>>>> smaller than >>>>>>>>>> the description (I can provide an exact type size value if I know >>>>>>>>>> the >>>>>>>>>> relatives values) >>>>>>>>>> >>>>>>>>>> Thanks! >>>>>>>>>> Vibha >>>>>>>>>> >>>>>>>>>> >>>>>>>>>> >>>>>>>>>> >>>>>>>>>> ---- >>>>>>>>>> Vibha Bamba >>>>>>>>>> Senior Designer | WMF Design >>>>>>>>>> >>>>>>>>>> >>>>>>>>>> >>>>>>>>>> >>>>>>>>>> >>>>>>>>>> >>>>>>>>>> >>>>>>>>>> >>>>>>>>>> On Tue, Jul 22, 2014 at 1:33 PM, Bernd Sitzmann < >>>>>>>>>> [email protected]> wrote: >>>>>>>>>> >>>>>>>>>>> Vibha, >>>>>>>>>>> >>>>>>>>>>> Thank you for the flag icon. Attached you can find some screen >>>>>>>>>>> shots for the page issues dialog for your review: one with light >>>>>>>>>>> theme, >>>>>>>>>>> another one with dark theme. Let me know what needs to change, >>>>>>>>>>> while I'm >>>>>>>>>>> working on getting the flag image to show up in the WebView. >>>>>>>>>>> Now looking at some real-world page issues I see that maybe the >>>>>>>>>>> original name "article issues" is not so far off since most of the >>>>>>>>>>> issues >>>>>>>>>>> seems to mention the word article instead of page. >>>>>>>>>>> >>>>>>>>>>> pageIssuesLight.png >>>>>>>>>>> <https://docs.google.com/a/wikimedia.org/file/d/0BxUyJSM66jQvZUk3Uy1VWEVLX1E/edit?usp=drive_web> >>>>>>>>>>> >>>>>>>>>>> pageIssuesDark.png >>>>>>>>>>> <https://docs.google.com/a/wikimedia.org/file/d/0BxUyJSM66jQvWUMwcHdXeW02bHc/edit?usp=drive_web> >>>>>>>>>>> >>>>>>>>>>> Cheers, >>>>>>>>>>> -Bernd >>>>>>>>>>> >>>>>>>>>>> >>>>>>>>>>> On Mon, Jul 21, 2014 at 6:07 PM, Vibha Bamba < >>>>>>>>>>> [email protected]> wrote: >>>>>>>>>>> >>>>>>>>>>>> This is consistent with wikifont. >>>>>>>>>>>> It is set in a 32 dp canvas with 24 dp focus area. >>>>>>>>>>>> Please lmk if you see any issues :) >>>>>>>>>>>> >>>>>>>>>>>> >>>>>>>>>>>> ---- >>>>>>>>>>>> Vibha Bamba >>>>>>>>>>>> Senior Designer | WMF Design >>>>>>>>>>>> >>>>>>>>>>>> >>>>>>>>>>>> >>>>>>>>>>>> >>>>>>>>>>>> >>>>>>>>>>>> >>>>>>>>>>>> >>>>>>>>>>> >>>>>>>>>> >>>>>>>>> >>>>>>>> >>>>>>> >>>>>> >>>>> >>>> >>> >> > > > -- > Dan Garry > Associate Product Manager for Platform and Mobile Apps > Wikimedia Foundation >
_______________________________________________ Mobile-l mailing list [email protected] https://lists.wikimedia.org/mailman/listinfo/mobile-l
