UPDATING MAILMAN'S UI
HYPERKITTY
PRESENTED BY
Principal Interaction Designer,
Red Hat, Inc.
Máirín Duffy
This presentation...
Who am I?
QUICK STATS:
Occupation
Last used OS X, Windows,
or any Adobe stuf
Desktop Environment
Principal Interaction Des...
What am I talking about?
(and why should you care?)
● Are you subscribed to any mailing lists?
● Do you want to interact w...
GNU Mailman
Started in 1997/1998
History
(selective)
Mailman 1.0 released July 30, 1999
Mailman 2.0 released November 22, ...
#1 1997 called; it wants its design
back.
#2 No ability to search.
#3 Clunky navigation; less
affordances than mail client...
#1 Missed opportunity to improve
list interaction dynamics.
#2 Barriers to access high-value
content / knowledge / history...
Enter Hyperkitty.
What are we talking
about here?
MAILMAN
POSTORIOUS HYPERKITTY
REST API
Web UI for
list archives
Web UI for list
management...
March 2010 http://ur1.ca/gvmwy
2 years pass. Then...
A new hope!
February 2012, http://ur1.ca/8g7l7February 2012, http://ur1.ca/8g7l7February 2012, http://ur1.ca/8g7l7
#1 Orig...
March 2012, http://ur1.ca/8n5v6
Summer of Code 2012
Summer 2012, https://github.com/syst3mw0rm/hyperkitty/
Student Aamir Khan
(syst3mw0rm,) mentored
by Pi...
Aurélien Bompard Joins!
August 2012, http://ur1.ca/gvnef
Aurélien Bompard joins Red Hat
and begins working on
HyperKitty f...
On the UX front...
2013-2014, http://ur1.ca/gvnb0
Máirín Duffy, Summer 2013+
● List overview redesign
● Design for user pr...
July 2013, http://ur1.ca/gvnc5
August 2013, http://ur1.ca/gvnd8
JUly 2013, http://ur1.ca/gvnc5
Women's Outreach Program 2014
Dec 2013 - Mar 2014, http://uxscrutiny.com/category/opw/hyperkitty/
Karen Tang (ktnode), men...
Frequently-Asked
Questions
Photo Credit: “Angry” by Jonathan Grenier on Flickr. Used under a Creative Commons Attribution ShareAlike 2.0 license.
#1 ...
Photo Credit: “Curious Fennek” by Slapix on Flickr. Used under a Creative Commons Attribution 2.0 license.
#2 What about
G...
Photo Credit: “Curious Tiguak” by ankakay on Flickr. Used under a Creative Commons Attribution 2.0 license.
#3 What about
...
Photo Credit: “Amazed - Maker Faire - 2012” by Scott Loftesness on Flickr. Used under a Creative Commons Attribution Share...
Demo time!
Follow along at:
https://lists.stg.fedoraproject.org/archives/
#1 Test out our demo server!
#2 Report bugs!
#3 Check out the code:
GETTING INVOLVED
#4 Read the docs and install it:
#5 C...
Questions?
Fedora 20 • LibreOffice Impress • Inkscape • GIMP • Firefox
Creative Commons-licensed artwork • Openly-licensed...
Hyperkitty: Updating Mailman's UI
Hyperkitty: Updating Mailman's UI
Hyperkitty: Updating Mailman's UI
Hyperkitty: Updating Mailman's UI
Hyperkitty: Updating Mailman's UI
Hyperkitty: Updating Mailman's UI
Upcoming SlideShare
Loading in …5
×

Hyperkitty: Updating Mailman's UI

964 views

Published on

Presentation given at LibrePlanet 2014 at MIT in Cambridge, MA

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
964
On SlideShare
0
From Embeds
0
Number of Embeds
16
Actions
Shares
0
Downloads
5
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Hyperkitty: Updating Mailman's UI

  1. 1. UPDATING MAILMAN'S UI HYPERKITTY PRESENTED BY Principal Interaction Designer, Red Hat, Inc. Máirín Duffy This presentation is under a Creative Commons Attribution ShareAlike 3.0 License. Please enjoy and share.
  2. 2. Who am I? QUICK STATS: Occupation Last used OS X, Windows, or any Adobe stuf Desktop Environment Principal Interaction Designer @ Red Hat Early 2006 Operating System Fedora 20 GNOME 3 Fedora Design Team Lead How the heck do you pronounce your name? Just call me “Mo.” :)
  3. 3. What am I talking about? (and why should you care?) ● Are you subscribed to any mailing lists? ● Do you want to interact with a project that uses mailing lists? ● Are you drowning in email? ● Do you hate flamewars and trolls?
  4. 4. GNU Mailman Started in 1997/1998 History (selective) Mailman 1.0 released July 30, 1999 Mailman 2.0 released November 22, 2000 Mailman 3.0 Alpha 1 released March 26, 2009 Mailman 3.0 Beta 1 / Postorious 1.0 Alpha 1 released March 26, 2009 Mailman 3.0 Beta 3 released December 31, 2012LATEST STABLE
  5. 5. #1 1997 called; it wants its design back. #2 No ability to search. #3 Clunky navigation; less affordances than mail clients. SOME SURFACE UX ISSUES #4 Intimidating interface for would-be new contributors. #5 Difficult to get clear overview.
  6. 6. #1 Missed opportunity to improve list interaction dynamics. #2 Barriers to access high-value content / knowledge / history. #3 All lists per server treated equally. SOME DEEPER UX ISSUES #4 Trolls and other scary creatures. #5 Missed opportunity to enable remote collaboration.
  7. 7. Enter Hyperkitty.
  8. 8. What are we talking about here? MAILMAN POSTORIOUS HYPERKITTY REST API Web UI for list archives Web UI for list management & administration Core server
  9. 9. March 2010 http://ur1.ca/gvmwy
  10. 10. 2 years pass. Then...
  11. 11. A new hope! February 2012, http://ur1.ca/8g7l7February 2012, http://ur1.ca/8g7l7February 2012, http://ur1.ca/8g7l7 #1 Original blog post continued to get a massive number of hits and continued to be widely referenced. #2 Opportunity at Red Hat to commit developer time towards implementation. #3 Great timing with PyCon 2012 and upstream Mailman project interest.
  12. 12. March 2012, http://ur1.ca/8n5v6
  13. 13. Summer of Code 2012 Summer 2012, https://github.com/syst3mw0rm/hyperkitty/ Student Aamir Khan (syst3mw0rm,) mentored by Pierre-Yves Chibon ● Login authentication ● Initial reputation system ● Basic user profiles ● Template refactoring / bootstrap ● Discussion threading ● Thread tagging ● Thread rating mechanism ● Initial unit tests
  14. 14. Aurélien Bompard Joins! August 2012, http://ur1.ca/gvnef Aurélien Bompard joins Red Hat and begins working on HyperKitty full-time in August 2012. ● First alpha release November 23, 2012 ● Moved to Github January 2013 (http://github.com/hyperkitty) ● He continues to crank out *tons* of new features and improvements; details at aurelien.bompard.org and in github
  15. 15. On the UX front... 2013-2014, http://ur1.ca/gvnb0 Máirín Duffy, Summer 2013+ ● List overview redesign ● Design for user profiles ● Design iterations on UI chrome ● Post category design
  16. 16. July 2013, http://ur1.ca/gvnc5
  17. 17. August 2013, http://ur1.ca/gvnd8
  18. 18. JUly 2013, http://ur1.ca/gvnc5
  19. 19. Women's Outreach Program 2014 Dec 2013 - Mar 2014, http://uxscrutiny.com/category/opw/hyperkitty/ Karen Tang (ktnode), mentored by Máirín Duffy ● Bootstrap upgrade to 3.0 ● Massive CSS cleanups ● Addition of LESS to django setup ● Responsive & mobile-friendly layouts ● List overview statistics redesign ● Better personalization in design ● New page stubs: category list, category overview, find user, user public profile ● Icon fixes (upgrade to font icons)
  20. 20. Frequently-Asked Questions
  21. 21. Photo Credit: “Angry” by Jonathan Grenier on Flickr. Used under a Creative Commons Attribution ShareAlike 2.0 license. #1 Do you expect me to use a lame web UI, like a forum user or something? Ick.
  22. 22. Photo Credit: “Curious Fennek” by Slapix on Flickr. Used under a Creative Commons Attribution 2.0 license. #2 What about GroupServer?
  23. 23. Photo Credit: “Curious Tiguak” by ankakay on Flickr. Used under a Creative Commons Attribution 2.0 license. #3 What about Discourse?
  24. 24. Photo Credit: “Amazed - Maker Faire - 2012” by Scott Loftesness on Flickr. Used under a Creative Commons Attribution ShareAlike Non-Co license. #4 When will it be released?
  25. 25. Demo time! Follow along at: https://lists.stg.fedoraproject.org/archives/
  26. 26. #1 Test out our demo server! #2 Report bugs! #3 Check out the code: GETTING INVOLVED #4 Read the docs and install it: #5 Chat with us: https://lists.stg.fedoraproject.org/archives/ http://fedorahosted.org/hyperkitty http://github.com/hyperkitty http://hyperkitty.rtfd.org hyperkitty-devel@lists.fedorahosted.org
  27. 27. Questions? Fedora 20 • LibreOffice Impress • Inkscape • GIMP • Firefox Creative Commons-licensed artwork • Openly-licensed fonts (M+ among others) This presentation is under a Creative Commons Attribution ShareAlike 3.0 License. Please enjoy and share. This presentation was created through the exclusive use of free software and content: Hyperkitty https://fedorahosted.org/hyperkitty/ https://github.com/hyperkitty/hyperkitty

×