It'll probably be a while before we start work on the new native Wikipedia
apps, but it's worth thinking about design now. :) I took some time today
to throw together a quick mockup of an updated main app UI, based on what
we've been doing for the mobile web site:
http://leuksman.com/misc/wikipedia-app-mockup/framed.html
Source on github: https://github.com/brion/wikipedia-app-mockup
Screen sizes for iPhones, iPads, and Nexus phone and tablet devices are
switchable so you can see how the UI fits to different devices, and you can
rotate between portrait and landscape mode. You can click through to
articles, but note that section collapsing and search are not fully
implemented -- it's a mockup, not a real app. ;)
First I wanted to check if this sort of mockup is a useful tool for
visualizing for you guys. :) I figure it is, and we can make other future
mockups similarly.
Second, just getting some feedback on ideas in the current mockup:
* this copies the "hamburger" menu from the mobile web site for general-app
options. Don't worry too much about the contents of the menus at this stage.
* a similar page options menu on the right side is opened from an icon
*inside* the content area
* I've replaced the search field with the branded Wikipedia logo and a
search *icon* which would trigger full-screen search (or a popout dialog on
tablets, perhaps)
* Back and forward buttons are placed next to the search, I'm still not
sure about that.
I'm also considering doing back/forward through left/right swipes to free
up icon space, but this might not be discoverable. (We could stick
back/forward in page options or app menu maybe).
-- brion
A list you can now subscribe to:
https://lists.wikimedia.org/mailman/listinfo/ee
Discussion of initiatives that support new users and experienced editors
on Wikipedia and MediaWiki projects ("Editor engagement" & "Editor
engagement experiments"). So, for instance, right now they're talking
about Echo (the automated one-to-many notifications system), and I
figure that they'll be talking about Flow (the user-to-user
communication & subscription & commenting system that).
Added to
https://meta.wikimedia.org/wiki/Mailing_lists/Overview#Interest_areas .
--
Sumana Harihareswara
Engineering Community Manager
Wikimedia Foundation
Hi, a few days ago I learned that the WMF design team selected "Arial as
our global typeface for all content and interface elements."
https://www.mediawiki.org/wiki/Wikimedia_Foundation_Design/Typography#Typef…
There is a collection of good reasons objecting to this decision at
https://www.mediawiki.org/wiki/Talk:Wikimedia_Foundation_Design/Typography#…
- can someone answer, please?
I will be having a presentation in 4 weeks at FOSDEM and I want to take
our design guidelines as inspiration for that slide deck. I don't know
what fonts will be used but I can assure you Arial or any proprietary
font won't be there. Any suggestions? We have the community driven fonts
in Linux desktops spiced up by the work done by Canonical, Google and
even Adobe recently.
--
Quim Gil
Technical Contributor Coordinator @ Wikimedia Foundation
http://www.mediawiki.org/wiki/User:Qgil
I wasn't surprised when I found out there was not template for MediaWiki
based presentations, but I was when it turned out that there is no
template for Wikimedia Foundation slides either.
If you want to participate in the creation of a template for MediaWiki
related presentations here is your chance:
https://www.mediawiki.org/wiki/User:Qgil/Presentation_template
See the discussion, where Juliendorra and me have been drafting and
discussing some ideas. These include factors like identity, style,
palette, fonts... Input from more designers is really welcome.
--
Quim Gil
Technical Contributor Coordinator @ Wikimedia Foundation
http://www.mediawiki.org/wiki/User:Qgil
Julien Dorra and I are starting to work on a template for MediaWiki
related presentations. This template will be used for the slides to be
shown at FOSDEM (hopefully, if we get a session accepted), and can be
used by others as well.
Before making hard choices with technology selections there is a
question we want to solve: how to make slides easy to update and localize?
This is the MediaWiki community (including Wikimedia tech), therefore it
makes sense to wonder whether a MediaWiki platform wit a Translate
extension and/or a plug to https://translatewiki.net/ could help here...
But even if that backend would work, how to go from strings translated
and updated via wiki to a final and nice-looking PDF or HTML based
presentation?
Your ideas welcome at
http://www.mediawiki.org/wiki/Talk:Events/FOSDEM/2013_-_DevRoom_-_Qgil#How_…
(short URL in case it breaks: http://bit.ly/TaWeQK )
or here, of course.
If you want to get involved in the production of this template and the
slides, in that URL you can find the other topics we are discussing
right now.
--
Quim Gil
Technical Contributor Coordinator @ Wikimedia Foundation
http://www.mediawiki.org/wiki/User:Qgil
Hi all!
I am writing an extension for Karachay Wikipedia. The extension gives users
option to convert the page from Cyrillic to Latin. The discussion about it
is here: https://krc.wikipedia.org/wiki/Википедия:Конвертер
The design is very simple and is similar to Serbian
Converter<https://sr.wikipedia.org/wiki/%D0%93%D0%BB%D0%B0%D0%B2%D0%BD%D0%B0_%D1%81%D…>.
There is a switcher which have two options: Cyrillic and Latin. If user
choses Latin he gets converted page. Cyrillic is by default.
The development is on GitHub.
https://github.com/soslan/KB-Cyrl2Latn-Converter It is not finished yet. I
am going to add corresponding option to User Settings and switch to HTML
parser. Currently it uses regex to determine what to translate.
What do you think about user experience?
Thanks,
Soslan Khubulov
Built this last night as a mini-project. I figured the world needed another
Lorem Ipsum generator. Enjoy!
www.designeripsum.com
Munaf
PS: No, it's not responsive yet. :-)
Last week I presented the design process we follow in the Language
Engineering team at the Wikimedia Open Tech Chats. The talk emphasizes the
need for embracing cultural diversity in each step of the process.
Slides and video are available.
- Slides:
https://speakerdeck.com/pauginer/multilingual-design-and-testing
- Video: http://youtu.be/RFC2A_zTQ3s?t=45m28s
Pau
--
Pau Giner
Interaction Designer
Wikimedia Foundation