Design January 2016

design@lists.wikimedia.org

5 participants
6 discussions

[UI Standardization] Are you using progressive and constructive buttons?
by May Tee-Galloway 26 Jan '16

26 Jan '16

Hello everyone, TLDR, if your team has been using progressive and constructive buttons, read on: There is a task on button consolidation ( https://phabricator.wikimedia.org/T110555) that is being blocked by teams who are using progressive and constructive buttons. This task is also blocking another task (https://phabricator.wikimedia.org/T109915). We (standardization team and community) have come to consensus on consolidating progressive (blue) and constructive (green) buttons ( https://phabricator.wikimedia.org/T110555). We've decided to stick with using only progressive color buttons due to a few reasons such as: 1. "we've had confusions from developers and community members in understanding when and where to use constructive vs. progressive. For our users to learn the association of constructive button being the last action in a process and progressive being the in-betweens, it "requires [the pattern] to be applied consistently to work" - Isarra 2. "in certain complex processes, it's hard to tell which would be the last step." - Pau There are many factors why these complications can happen, but looking at the realistic resources we have to validate the effect it has on our users, we went back and consider the original intent of use of these buttons. Feel free to read more about it here ( https://phabricator.wikimedia.org/T110555#1864571). Help us move forward in commenting on the task ( https://phabricator.wikimedia.org/T110555). Thank you! -- Discussion on design list https://lists.wikimedia.org/pipermail/design/2015-October/002414.html Discussion on Phabricator https://phabricator.wikimedia.org/T110555 mm

1 0

Position open for a User Interface Engineer
by Quim Gil 22 Jan '16

22 Jan '16

You or someone you know might be interested in this new position of User Interface Engineer at the Wikimedia Foundation: https://boards.greenhouse.io/wikimedia/jobs/151523?t=0dbamu#.VqHkenUrLQp PS: Usually I don't send job announcements, but this position really looked like a good match for this specialized list. -- Quim Gil Engineering Community Manager @ Wikimedia Foundation http://www.mediawiki.org/wiki/User:Qgil

1 0

Design resources on wiki
by May Tee-Galloway 20 Jan '16

20 Jan '16

The standardization team is currently working on the Wikimedia User Interface style guide, where it will be a one-stop shop for all design resources and specs in the future. But for now, you can obtain these updated resources from the Design Resources section of our team's wiki. It includes: UI elements for use by designers / others (Sketch • how to use gif) and specs for developers (WMFLabs • LESS file); Three ways of using our icon library -- SVG, SVG sprite, and Icon font. We will keep updating this thread as more resources become available and updated. -- mm

3 5

Willingness to work as a design Intern during May-July 2016
by Vikram Aditya 15 Jan '16

15 Jan '16

Hello, My name is Vikram Aditya, and I am currently a Pre-Final year Bachelors of Design student at IIT Guwahati. I wish to apply for the position of a Design Internship at the Wikimedia Foundation during the summer of 2016. If I have reached the wrong place, it would be very kind of you to guide me in the right direction. Having interned at Interface Sense <http://interfacesense.com/> as a UX Designer and at Cobalt.io <http://cobalt.io/> as a remote graphic design intern along with having worked on several design projects, I am well versed with the User Experience, Typography, Visual Communication, User Study, Heuristic Evaluation and Front-End Development. I also have been passionate about Interaction Design and Human Computer Interaction and have carried out several projects from this domain as a part of my course. Recently I have taken up a project on organic interfaces at the Embedded Interaction Lab <http://embeddedinteractions.com/> where I am apart of a team trying to visualise new interactions with shape changing displays in collaboration with Nokia. Please find my curriculum vitae at http://vikramadityadesign.com/Vikram_Aditya_Resume.pdf My portfolio link is: http://vikramadityadesign.com/ Please let me know if my work and interests match with the profile that you might be looking for. Regards, | *Vikram Aditya* *| *Pre-Final Year Student (B.Des) *|* Department of Design *|* Indian Institute of Technology Guwahati | Portfolio: http://vikramadityadesign.com/ *| *+91 8011035410 | Alternate Email : *vikramaditya(a)iitg.ernet.in <vikramaditya(a)iitg.ernet.in>* Sent with MailTrack <https://mailtrack.io/install?source=signature&lang=en&referral=vikramaditya…>

1 0

Re: [Design] UI Library for prototyping
by May Tee-Galloway 12 Jan '16

12 Jan '16

We wouldn't want to use web components for the reasons you mentioned and polymer because it uses shadow DOM, where you cannot share css styles. What would be great is webcomponent-like custom elements that share css, that's why webcomponents.js <http://webcomponents.org/polyfills/> is used in this library <http://wikimedia-ui.wmflabs.org/>. It will be much more accessible for a lot more users if we managed to do similar things to OOjs UI components with a more approachable language for uses in and out of wiki like <wiki-icon icon="star" color="green"></wiki-icon> mm On Sun, Jan 10, 2016 at 2:54 PM, Prateek Saxena <psaxena(a)wikimedia.org> wrote: > On Wed, Nov 11, 2015 at 1:59 PM, S Page <spage(a)wikimedia.org> wrote: > > Sure, but how cool would it be if OOjs UI were expressible as > > WebComponent-ish things… > > I have been considering the WebComponent approach since before we > decided OOjs UI to be our go to UI library, but it obviously isn't > ready to be our main UI technology. Iteratively adding a WebComponent > layer to OOjs UI shouldn't be hard but I have mixed feelings about it > [1]: > * Lack of support [2]. We'll still need parser tags to consistently > support these tags. > * Maintainability. > * Choice of polyfill and/or library, brick/polymer. > > It does solve the UI prototyping problem, but I wonder if its worth the > effort. > > —prtksxna > > [1] I am super excited about WebComponents but want to hold myself back. > [2] http://caniuse.com/#search=web%20components > > _______________________________________________ > Design mailing list > Design(a)lists.wikimedia.org > https://lists.wikimedia.org/mailman/listinfo/design > -- mm

1 0

Find code for graphics
by Moushira Elamrawy 10 Jan '16

10 Jan '16

Hello folks, Did you see this before? http://wikimedia-ui.wmflabs.org ..a simple way to get the code for the graphics you want. Very neat. Helps us all build a clean and visiually unified look of pages. I spotted it in the In the recent discovery and reading showcae [0]. Bravo and thanks to May Tee-Galloway :) Best, Moushira [0] https://www.youtube.com/watch?v=LNAQD4RCeWM

5 6

2025

2024

2023

2022

2021

2020

2019

2018

2017

2016

2015

2014

2013

2012

Design January 2016