Design

design@lists.wikimedia.org

602 discussions

WikiLove design revamp
by Yuvi Panda 06 Feb '14

06 Feb '14

Hello! I was showing May the 'WikiLove' feature deployed on our wikis yesterday, and notices that the UI felt a bit... dated. With help from Prateek Saxena (who did the design and most of the CSS), and LegoKTM & Kaldari (who helped with CR), I think it has been made slightly less ugly now. As before and after shots, it looked like https://www.dropbox.com/s/mdx7frtablxebiy/Screenshot%202014-02-06%2023.12.4… and now looks like https://www.dropbox.com/s/ez3x8lliew37f2a/Screenshot%202014-02-06%2023.12.2… It should be deployed to testwiki next Thursday, and English Wiki the thursday after. Both Prateek and May told me that we should replace the icons as well, which sounds like a good idea to me (once we have icons made by people who are not-me :)). Thanks everyone! -- Yuvi Panda T http://yuvi.in/blog

5 8

New chrome design now on enwiki
by Jon Robson 06 Feb '14

06 Feb '14

Yey! https://en.m.wikipedia.org/wiki/San_Francisco?mobileaction=stable (Shame about the table of contents code leaking into stable on large screens though - I guess that fix is still on the train :/)

6 11

closing overlays vs. browser back
by Ryan Kaldari 05 Feb '14

05 Feb '14

Would love to get the design teams input on this bug discussion: https://bugzilla.wikimedia.org/show_bug.cgi?id=60848 Kaldari

1 0

Re: [Design] [Wmfall] Design team welcomes UX Prototyper Preteek Saxena
by Vibha Bamba 31 Jan '14

31 Jan '14

Prateek! Im so excited to be working with you. Welcome Aboard. I'm playing Bowl of Petunias <https://soundcloud.com/bowl-of-petunias> right now for the Design team =] Keep making fun stuff =] On Fri, Jan 31, 2014 at 11:46 AM, Shahyar Ghobadpour < sghobadpour(a)wikimedia.org> wrote: > Welcome, Preteek! Great to have another addition to the UX team. > vertigo.clay.io is messing with my head. > > --Shahyar > > > On Fri, Jan 31, 2014 at 11:36 AM, Heather McAndrew < > hmcandrew(a)wikimedia.org> wrote: > >> Welcome Prateek!! >> >> Heather >> >> *Heather McAndrew* >> *Recruiter* >> hmcandrew(a)wikimedia.org >> www.linkedin.com/in/recruitervolunteerheather/ >> *415-839-6885 >> <http://www.linkedin.com/in/recruitervolunteerheather/> ext. 6829* >> >> >> Follow us on Twitter @wikimediaatwork >> We welcome you to contribute to Wikipedia: http://bit.ly/Imnhhttp >> Developers-Join us on IRC: http://bit.ly/VC07xq >> Become a Product Advisor: http://bit.ly/R1obwD >> >> >> On Fri, Jan 31, 2014 at 10:48 AM, Jared Zimmerman < >> jared.zimmerman(a)wikimedia.org> wrote: >> >>> Hello All, >>> >>> I'm very happy to announce the addition of Preteek Saxena as UX >>> Prototyping contractor to the UX Design team. Prateek will help the design >>> team build high fidelity mockups that allow us to do moderated and >>> unmoderated user testing with systems that test concepts outside the >>> roadmaps of other groups for early validation. Prateek will also aid in >>> transitioning Explore (20%) time experiments into code launchable as Beta >>> Features. >>> >>> Prateek is a developer with an eye for design. He has worked with >>> foundation developers on various projects in the past including the mobile >>> team. He has developed primarily for the web using frameworks like Ruby >>> on Rails in the back end and d3.js and jQuery on the front end. He has also >>> worked on design for the web, mobile and print. >>> >>> >>> When Prateek isn't making beautiful functional prototypes he can be >>> found working on game prototypes http://xvii.in/ & >>> http://vertigo.clay.io/ and making music with friends >>> https://soundcloud.com/bowl-of-petunias >>> >>> Prateek will be working with my team and product managers to bring >>> static design concepts to life. He will initially be focused on Navigation >>> Popups and Fixed Header Beta Features, but will certainly branch out to >>> work with us on other projects. He is located in Mumbai, so you'll mostly >>> see him on IRC or via email. >>> >>> >>> >>> >>> >>> some links: >>> >>> http://prtksxna.com/work/ >>> >>> https://github.com/prtksxna >>> >>> http://xvii.in/ >>> >>> http://vertigo.clay.io/ >>> >>> https://soundcloud.com/bowl-of-petunias >>> >>> >>> *Jared Zimmerman * \\ Director of User Experience \\ Wikimedia >>> Foundation >>> M : +1 415 609 4043 | : @JaredZimmerman<https://twitter.com/JaredZimmerman> >>> >>> >>> _______________________________________________ >>> Wmfall mailing list >>> Wmfall(a)lists.wikimedia.org >>> https://lists.wikimedia.org/mailman/listinfo/wmfall >>> >>> >> >> _______________________________________________ >> Wmfall mailing list >> Wmfall(a)lists.wikimedia.org >> https://lists.wikimedia.org/mailman/listinfo/wmfall >> >> > > _______________________________________________ > Wmfall mailing list > Wmfall(a)lists.wikimedia.org > https://lists.wikimedia.org/mailman/listinfo/wmfall > >

1 0

Re: [Design] [Wmfall] Design team welcomes UX Prototyper Preteek Saxena
by Alolita Sharma 31 Jan '14

31 Jan '14

Welcome Prateek! Good to have you on Jared's awesome UX team! Best, Alolita Alolita Sharma आलोलिता शर्मा Director of Engineering Internationalization / Localization Wikimedia Foundation On Fri, Jan 31, 2014 at 11:36 AM, Heather McAndrew <hmcandrew(a)wikimedia.org>wrote: > Welcome Prateek!! > > Heather > > *Heather McAndrew* > *Recruiter* > hmcandrew(a)wikimedia.org > www.linkedin.com/in/recruitervolunteerheather/ > *415-839-6885 <http://www.linkedin.com/in/recruitervolunteerheather/> ext. > 6829* > > > Follow us on Twitter @wikimediaatwork > We welcome you to contribute to Wikipedia: http://bit.ly/Imnhhttp > Developers-Join us on IRC: http://bit.ly/VC07xq > Become a Product Advisor: http://bit.ly/R1obwD > > > On Fri, Jan 31, 2014 at 10:48 AM, Jared Zimmerman < > jared.zimmerman(a)wikimedia.org> wrote: > >> Hello All, >> >> I’m very happy to announce the addition of Preteek Saxena as UX >> Prototyping contractor to the UX Design team. Prateek will help the design >> team build high fidelity mockups that allow us to do moderated and >> unmoderated user testing with systems that test concepts outside the >> roadmaps of other groups for early validation. Prateek will also aid in >> transitioning Explore (20%) time experiments into code launchable as Beta >> Features. >> >> Prateek is a developer with an eye for design. He has worked with >> foundation developers on various projects in the past including the mobile >> team. He has developed primarily for the web using frameworks like Ruby >> on Rails in the back end and d3.js and jQuery on the front end. He has also >> worked on design for the web, mobile and print. >> >> >> When Prateek isn’t making beautiful functional prototypes he can be found >> working on game prototypes http://xvii.in/ & http://vertigo.clay.io/ and >> making music with friends https://soundcloud.com/bowl-of-petunias >> >> Prateek will be working with my team and product managers to bring >> static design concepts to life. He will initially be focused on Navigation >> Popups and Fixed Header Beta Features, but will certainly branch out to >> work with us on other projects. He is located in Mumbai, so you’ll mostly >> see him on IRC or via email. >> >> >> >> >> >> some links: >> >> http://prtksxna.com/work/ >> >> https://github.com/prtksxna >> >> http://xvii.in/ >> >> http://vertigo.clay.io/ >> >> https://soundcloud.com/bowl-of-petunias >> >> >> *Jared Zimmerman * \\ Director of User Experience \\ Wikimedia >> Foundation >> M : +1 415 609 4043 | : @JaredZimmerman<https://twitter.com/JaredZimmerman> >> >> >> _______________________________________________ >> Wmfall mailing list >> Wmfall(a)lists.wikimedia.org >> https://lists.wikimedia.org/mailman/listinfo/wmfall >> >> > > _______________________________________________ > Wmfall mailing list > Wmfall(a)lists.wikimedia.org > https://lists.wikimedia.org/mailman/listinfo/wmfall > >

1 0

Fwd: Small update to button styles in MediaWiki core
by Steven Walling 30 Jan '14

30 Jan '14

FYI. For designers on the list, this is also on Beta Labs right now, though some patches are still needing merge before Thursday. ---------- Forwarded message ---------- From: Steven Walling <swalling(a)wikimedia.org> Date: Wed, Jan 29, 2014 at 9:09 PM Subject: Small update to button styles in MediaWiki core To: Coordination of technology deployments across languages/projects < wikitech-ambassadors(a)lists.wikimedia.org> Hi all, This is just a notice that we are making a small series of updates to the button styles in MediaWiki core. These buttons appear on login, account creation, search, and some other interfaces. This isn't a big change, but I didn't want anyone to be taken by surprise since there are some color changes and so on. On the positive side, those who think our blue action buttons are too Facebook-like may be pleased with the change. ;-) This is added to Tech News next issue,[1] and you will be able to see it on mediawiki.org as of Thursday, if you want to try it out before it is on your wiki. Thanks! 1. https://meta.wikimedia.org/wiki/Tech/News/2014/06 -- Steven Walling, Product Manager https://wikimediafoundation.org/ -- Steven Walling, Product Manager https://wikimediafoundation.org/

3 3

Winter, v. .3
by Brandon Harris 23 Jan '14

23 Jan '14

Hello! I’ve been making a thing. It’s actually got a code-name now! No more saying “Vector static header and navigation modification”. LOTS of stuff going on with this update. Notably: * Now asks for a username on load, so as to set things up * All pages are loaded from the API via JSON. So it’s not just the single static page. * Got rid of pretty much every color. * Article actions now dock in the header as you scroll. * Table of Contents is now in the header from the beginning * The sidebar’s border goes away as you scroll past it * Lots of links/actions do what you think they should. Most do not. You can play with it here: http://unicorn.wmflabs.org/winter/ And read more about it here: https://www.mediawiki.org/wiki/Winter Here’s your changelog: == Changes, January 20 == * New code name: Winter * System now prompts for a user name upon load and will optionally save the value. ** This sets up the personal bar to be, well, personal. ** This action ''DOES NOT'' log the user into Wikipedia. ** Saved data can be cleared from the sidebar. * Searchbox now drops text on focus and replaces it on blur * Searchbox now has a hover state with invitation text. * Searchbox icon now turns blue on focus * Logo now snaps to white background when in locked position. * Sidebar is now white by default, with a grey border that fades out when all items in the sidebar are out of view. * The Table of Contents now appears in the header of the page from the beginning ** (Previous versions of Winter had the ToC only appear there after the in-page Table of Contents rolled off-screen) * Article actions now dock in the header when they scroll out of view (iconfied). * Added tipsy behaviors. * Fixed issue with search box positioning. * Added pencil icons to section edit buttons * Section edit buttons now are visible at all times but do not have borders. ** On hover, they turn blue. * Changed section edit hover transition from 'linear' to 'ease' * Added footer section * Added "categories" box in example article * Added "Typography" toggle in sidebar. Activating it turns on: ** An approximation of restricted measure * References have returned * Built a JSON parser into the demo so that different pages can be loaded via the API. * Language links are now slotted into the sidebar. * System correctly recognizes when it's looking at ''User'' content (User: and User_talk:) and adds icons and functionality as required * Handles contributions (sort of - buggy) === Known Issues === * Contributions views: ** Timestamps don't sort right ** Comment fields are not correctly parsed from wikitext to html ** Size changes are not correctly reflected * Redlinks do not work * System does not handle 404 loads correctly (fails silently, requires reload) * Internal hash URLs don't scroll correctly * Some buttons don't go away when they should * Loading from JSON breaks the nice little "section hover" stuff. --- Brandon Harris, Senior Designer, Wikimedia Foundation Support Free Knowledge: http://wikimediafoundation.org/wiki/Donate

9 25

New buttons almost ready, a few doubts
by Juliusz Gonera 18 Jan '14

18 Jan '14

Hi, Today I worked on finishing the new buttons styles. They're mostly done but I would like to clarify a few things. You can preview the current version by downloading https://www.dropbox.com/s/b1sn1x4slkwgqs9/buttons.zip Every button variant has 4 subvariants: * normal * disabled * quiet * quiet disabled Doubts: 1. The colors. I took them from https://www.mediawiki.org/wiki/File:Guide_Color.png but blue looks kind of dim. Blue, green an red also don't seem to have the same level of perceived lightness. Is that OK? 2. Quiet buttons. I remember clearly from talking to May that we wanted them to be colored in their default state and make them slightly darker in hover. I don't remember what they were supposed to look like when disabled. Right now they're slightly lighter but maybe they should be all gray? 3. Focus state. Right now it's the same as hover state, but I'm afraid it might not be enough for people with poor vision or color-blind who use keyboard for navigation. Opinions? Thanks, -- Juliusz

7 31

line-height in typography refresh
by Ryan Kaldari 17 Jan '14

17 Jan '14

Hey guys, I just noticed that the line-heights we're using for content text are significantly different between the mobile typography refresh and the desktop typography refresh (VectorBeta). On mobile, we're now using 1.65 (this is a multiplier against font-size), while on desktop we're still using 1.5. Do we want to increase desktop to 1.65 as well (or use 1.6 as a compromise for both)? Any thoughts or opinions? My opinion is that we should use the same value for both and that it should probably be increased on desktop. Ryan Kaldari

4 3

Re: [Design] Call for contribute to the MediaWiki Homepage Redesign Project
by max 17 Jan '14

17 Jan '14

Hi, thanks for letting us know about this project. I read through the design document, and there's definitely a lot of good ideas in there. I particularly agree with the list of questions the new site is supposed to answer, especially with regards to new, perhaps non-tech-savy visitors. I just mocked up a little live demo of what I could imagine the new homepage to look like with regards to the points discussed in the design document. Please feel free to check it out over here: http://codepen.io/awesomephant/full/DxIBo I'd really like to contribute to this project, and any feedback on my proposal is very appreciated. A summary of my specific design decisions and why I made them will follow shortly. -- best, max. @awesomephant <https://twitter.com/awesomephant>

3 2

← Newer
1
...
28
29
30
31
32
33
34
...
61
Older →

Jump to page:

2024

2023

2022

2021

2020

2019

2018

2017

2016

2015

2014

2013

2012

Design