Author Archives: JohnONolan

JohnONolan 7:44 pm on March 1, 2011
Tags:   

Summary for March 1st 2011 UI Chat

Limbo chat! Getting ready for 3.2 and figuring out what’s what and who has interest in working on specific projects for 3.2.

  • andewryno – looking at outputting semantic markup through WP settings APIAPI An API or Application Programming Interface is a software intermediary that allows programs to interact with each other and share data in limited, clearly defined ways. – working directly with Nacin on this
  • Chexee / saracannon – focusing on visual design tasks (TBC)
  • JohnONolan – will continue his CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site. crusade, mostly
  • TECannon – accessibilityAccessibility Accessibility (commonly shortened to a11y) refers to the design of products, devices, services, or environments for people with disabilities. The concept of accessible design ensures both “direct access” (i.e. unassisted) and “indirect access” meaning compatibility with a person’s assistive technology (for example, computer screen readers). (https://en.wikipedia.org/wiki/Accessibility) design / docs
  • jsternberg (new member) – interested in some design / CSS tasks

Short review of Chexee’s “Press This” bookmarklet button – concensus leaning heavily towards the left (lighter) buttons and generally towards the top of the list to match browsers and avoid confusion with rounded action-buttons. Some concerns raised over UXUX UX is an acronym for User Experience - the way the user uses the UI. Think ‘what they are doing’ and less about how they do it. behind the literal meaning of the words “Press This” on a button. Suggestion was also raised for cursor hove state to be a 4-way grabber instead of a pointer to better indicate intended use.

Aiming to have a 3.2 UIUI UI is an acronym for User Interface - the layout of the page the user interacts with. Think ‘how are they doing that’ and less about what they are doing. roadmap for next week’s meeting.

#summary

JohnONolan 4:28 pm on January 19, 2011
Tags:   

For anyone who cares about font-stacks, …

For anyone who cares about font-stacks, pls add your thoughts RE the removal of Lucida Grande

https://core.trac.wordpress.org/ticket/16298

#css

JohnONolan 2:15 pm on November 30, 2010  

Hi guys, Jane and I are both out and abo…

Hi guys,

Jane and I are both out and about today so no official meeting. That being said, please still go ahead and have an informal discussion, two main points to cover:

  • What are your thought’s on the issue raised by Simon, below?
  • Could you all please brainstorm some ideas for UIUI UI is an acronym for User Interface - the layout of the page the user interacts with. Think ‘how are they doing that’ and less about what they are doing. tasks for GCI students? If you think you could mentor any of the list which you come up (comment in reply to this post) with then please also include:
    • Your name and Google ID beside the task you’d like to mentor
    • If you haven’t already signed up to be a mentor and don’t have a Google ID, please do so here: http://www.google-melange.com/gci/org/apply_mentor/google/gci2010
JohnONolan 11:42 pm on November 23, 2010
Tags:   

Summary for November 23rd 2010 UI Chat

Good meeting today

  • We now have a completed wp-admin.psd (props TECannon, Chexee)
    • Screenshot: http://cl.ly/3MsY
    • Downloadable file: http://cl.ly/3NA9
  • Upcoming UIUI UI is an acronym for User Interface - the layout of the page the user interacts with. Think ‘how are they doing that’ and less about what they are doing. tasks will heavily surround Google Code-In
  • All other tasks directed at 3.2 as 3.1 goes into betaBeta A pre-release of software that is given out to a large group of users to trial under real conditions. Beta versions have gone through alpha testing in-house and are generally fairly close in look, feel and function to the final product; however, design changes often occur as part of the process.

#summary

JohnONolan 2:17 am on November 23, 2010  

Google Code In Student Information

Hello GCI Students,

You’ve probably reached this post from a GCI Task linking you here, if so – welcome to the WordPress UIUI UI is an acronym for User Interface - the layout of the page the user interacts with. Think ‘how are they doing that’ and less about what they are doing. Group blog. This is where we work on designing and developing the front-end of the WordPress administrative system.

We have three main mentors for UI based tasks:

  1. Jane Wells – The UI and UXUX UX is an acronym for User Experience - the way the user uses the UI. Think ‘what they are doing’ and less about how they do it. lead for WordPress.
  2. John O’Nolan (that’s me) – I’m Jane’s deputy and I head up the UI Group.
  3. Sara Cannon – One of the UI Group’s main contributors

Most of these mentors are available for your questions in the #wordpress-gsoc channel on irc.freenode.net depending on the time of day.

When we complete WordPress UI based tasks, we have meetings here each week to discuss the work that’s going to be completed. Once the tasks are decided and assigned to different people, mockups are produced which are then reviewed here. After a couple of rounds of revisionsRevisions The WordPress revisions system stores a record of each saved draft or published update. The revision system allows you to see what changes were made in each revision by dragging a slider (or using the Next/Previous buttons). The display indicates what has changed in each revision. (sometimes more), the work is signed off, and we move over to WordPress TracTrac Trac is the place where contributors create issues for bugs or feature requests much like GitHub.https://core.trac.wordpress.org/. – which is where the development happens.

For your GCI tasks which are focused mockups, here are some resources which you can use:

  • We have an early working version of a styleguide for WordPress
  • We have a PSD which contains assets for the main WordPress admin layout (link tbc)
  • We have a PSD which contains assets for the assorted WordPress UI elements (link tbc)

Also, when creating mockups – here are some very important things to keep in mind.

  • Remember that WordPress is designed to be used by millions of people
  • Everything we design needs to be translated into over 60 different languages
    • These languages include really long words and special charcters (eg. Chinese and Korean)
    • Some of these languages are written from right to left (commonly referred to as RTL)
    • For these reasons all WordPress UI elements need to “work” with double the width, a flexible height, and backwards.
  • Want to know why the WordPress UI is the way it is right now? Read the user testing report which took place for WordPress 2.7, which is what the current UI is based on.
  • Design for a consistent user experience and to be flexible – above all other things.
JohnONolan 4:11 am on November 17, 2010
Tags:   

Summary for November 16th 2010 UI Chat

Very light meeting, pretty much everyone was away today – so just a quick check in on progress all round. I spent the evening running through UIUI UI is an acronym for User Interface - the layout of the page the user interacts with. Think ‘how are they doing that’ and less about what they are doing. tickets with Nacin.

In the mean time – I want to guage interest for UI contributors who want to learn to use tracTrac Trac is the place where contributors create issues for bugs or feature requests much like GitHub.https://core.trac.wordpress.org/. and do UI patches. If there are a couple of people interested then I’d be happy to do a 1 hour session for designers on how to do all that sort off stuff from the ground up – which could be good for between now and when the coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. contributor handbook is published.

Comment below if you think that would be helpful to you.

#summary

JohnONolan 11:53 pm on November 12, 2010
Tags:   

Summary for November 9th 2010 UI Chat

Good meeting, a few notes:

  • We’re ignoring daylight savings, meetings will now be 1 hour later so they stay at the same time each week.
  • TECannon and Chexee collaborating to finish the last bits of the UIUI UI is an acronym for User Interface - the layout of the page the user interacts with. Think ‘how are they doing that’ and less about what they are doing. group PSDs
  • JohnONolan and Saracannon collaborating to continue CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site. refractor efforts
  • Started to discuss a few potential ui group projects for 3.2

#summary

JohnONolan 8:20 pm on October 12, 2010
Tags:   

Summary for October 12th 2010 UI Chat

Good meeting today, lots covered:

  • More elements added to UIUI UI is an acronym for User Interface - the layout of the page the user interacts with. Think ‘how are they doing that’ and less about what they are doing. elements PSD (props Chexee) http://cl.ly/fc8538e1ac2e4e55f423 – more elements to come:
    • Notifications
    • Icons (Contact Ben Dunkle)
    • Spinners
  • TECannon progressing with other UI PSD (general structure)
  • Blue admin skin progress (props saracannon) http://cl.ly/8e5d3f892fabd8695bce – revisionsRevisions The WordPress revisions system stores a record of each saved draft or published update. The revision system allows you to see what changes were made in each revision by dragging a slider (or using the Next/Previous buttons). The display indicates what has changed in each revision. to follow:
    • Deep blue borders + arrow icon for active menu state
    • Mockup w/ dark grey text + arrow icon for active menu state
    • Revised screen options tabs + fav menu
  • Update from JohnONolan (that’s me) on CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site. refactor progress (preview: http://cl.ly/2n1C)
    • Only restructure for 3.1 – no code changes
    • Probably only wp-admin.dev.css for 3.1 – this is a big job, so needs a phased approach
  • Tabs, few issues with current approach and proposed alternative discussed – mockups welcome for next week
  • General WP UI plans discussed for future releases

#summary

JohnONolan 11:42 pm on October 11, 2010
Tags:   

Summary for October 5th 2010 UI Chat

Short meeting today, everyone pretty much carrying on with the points from last week.

  • New tabs concept (props Chexee) http://cl.ly/30a4940450efc645e282

#summary

JohnONolan 10:03 pm on September 28, 2010
Tags:   

Summary for September 28th 2010 UI Chat

Big meeting today:

  • Anyone who is having trouble commenting on this blog, either log out of .org or contact myself or nacin to add you as a subscriber to that blog.
  • Reviewed blue admin skin UIUI UI is an acronym for User Interface - the layout of the page the user interacts with. Think ‘how are they doing that’ and less about what they are doing. mockups (props saracannon) – going forward with the lighter version and developing further
    • Screenshot: http://cl.ly/7f45f1fc412e0cb0e27d
  • Gastonfig + Elfin progressing with accessible skin, main focus on larger hit areas, now waiting on CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site. refactor
  • Trac/SVN overview from nacin, beginning documentation here: http://test.andrewnacin.com/trac-svn/
  • Tabs Experiment needs a new iteration – open to all contributors for mockups by next week
    • See https://core.trac.wordpress.org/ticket/12412
  • UI Group Repo Population (woot!)
    • TECannon to tackle main admin layout PSD
    • Chexee to tackle PSD of UI elements (buttons/forms/etc)
  • JohnONolan to get on with CSS refactor and catch up because he is being slow

#summary