Design

design@lists.wikimedia.org

604 discussions

Analysis and Concepts
by Derk-Jan Hartman 16 Feb '16

16 Feb '16

I've been doing a lot of thinking about products that have been built in the past years, discussions that we are having about current developments and about future projects. And I noticed that I really needed to put some of that down somewhere public. So I have created the following: https://www.mediawiki.org/wiki/Wikimedia_User_Interface/Analysis A place to analyse things we have right now, both in software, content and process. To figure out why they are how they are, what they mean, break them down into parts. Knowing things like this will help us build better products. https://www.mediawiki.org/wiki/Wikimedia_User_Interface/Concepts A place where I want to log some product ideas that I have been considering for a while. These places are meant to inspire discussion, strategy, design, as well as document. Additionally, I would like to point out that Risker has been writing down a checklist for products from her perspective, which I think is a great idea and welcome more people to do. Hopefully, such checklists can be consolidated into a more 'formalized' standard (a bit like we also have code conventions) eventually to be used for the WMF product development process <https://www.mediawiki.org/wiki/WMF_product_development_process>. https://en.wikipedia.org/wiki/User:Risker/Risker%27s_checklist_for_content-… DJ

1 0

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

27 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 21 Jan '16

21 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 11 Jan '16

11 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

Code of Conduct session at Wikimedia Developer Summit 2016
by Matthew Flaschen 30 Dec '15

30 Dec '15

The Wikimedia Developer Summit starts this Monday, Jan. 4! There will be an information and discussion session about the in-progress Code of Conduct for technical spaces (https://www.mediawiki.org/wiki/Code_of_Conduct/Draft) on Monday. Thanks, Matt Flaschen

1 0

[UI Standardization] Team goals Jan-March 2016
by Volker Eckl 22 Dec '15

22 Dec '15

Hi everyone, We have published our goals for upcoming Q3, Jan-Mar 2016 ( https://www.mediawiki.org/wiki/Wikimedia_Engineering/2015-16_Q3_Goals#UI_St…) largely based on our work started this quarter, aligning to feedback from community and front-end user interfaces producing teams across foundation. Please feel free to contact us on IRC (#wikimedia-design, users Volker_E & violetto), by email or talk page on our MediaWiki page ( https://phabricator.wikimedia.org/tag/ui-standardization/). We're welcoming your feedback. Best regards, Volker

1 0

Loading indicators
by May Tee-Galloway 15 Dec '15

15 Dec '15

There is a discussion going on loading indicators on Phabricator <https://phabricator.wikimedia.org/T75972>. Basically there are two kinds of indicators, indeterminate and determinate. Here is a documentation <https://www.mediawiki.org/wiki/Wikimedia_User_Interface/Use_cases/Loading_I…> of what we have currently. Do you know any other loading indicators out there? Any other kinds of use cases or purposes where loading indicators are used and needed? Discuss at Phabricator <https://phabricator.wikimedia.org/T75972> or on this mailing list. And if you find more loading indicators, let us know here <https://www.mediawiki.org/wiki/Wikimedia_User_Interface>. Thank ya, mm

5 5

← Newer
1
...
10
11
12
13
14
15
16
...
61
Older →

Jump to page:

2024

2023

2022

2021

2020

2019

2018

2017

2016

2015

2014

2013

2012

Design