The Joomla! Community Magazine™

Joomla! 3.0 - JUX Doing It

Written by | Saturday, 01 September 2012 00:00 | Published in 2012 September
In this interview with Kyle Ledbetter, leader of the Joomla User Experience (JUX) Team, find out what's in store for users, both frontend and backend, with Joomla 3.0!

What are the main areas the JUX team has focused on for the 3.0 release?

The JUX team has taken on a tremendous amount of scope for 3.0. We've touched just about every single file in Joomla to provide a new installation process, new admin template (Isis), new admin component output, new frontend template (Protostar), new frontend component output, and a new Joomla User Interface library to power all this.

In your opinion, what are the three coolest things users can look forward to in 3.0?

  1. Extensions developers can build a component without one line of CSS, completely powered by the JUI. Think of the JUI like a Joomla SDK.
  2. Template developers can harness the power of LESS CSS and Bootstrap to completely change the entire frontend (or backend) UI in one compiled template.css.
  3. Completely responsive design for the entire frontend and admin user experience.

Bootstrap is a part of 3.0 - can you expand on the benefits Bootstrap will bring to users and to extension developers?

The main benefit of Bootstrap is what we get for "free". Bootstrap is by far the most extensive, adopted and tested UI framework. We've built the JUI and extended Bootstrap for Joomla's needs.

Extension developers can rapidly prototype and develop their components without having to worry about creating their own CSS or UI. The extension dev can focus on features and UX.

Template developers will no longer have to fight each and every component and add custom CSS. The template dev can design once for all components.

End users only have to learn the UI once since it will be standardized and familiar across all components. The end users also get the convenience of Joomla working on everything from their desktop to their phone.

Let's talk about templates: what's new on the admin side?

We've built a completely new admin template named Isis. The name continues with the Egyptian theme of the previous Hathor and Khepri admin templates. Isis is completely powered by Bootstrap (and the JUI), and takes a new approach to the Joomla admin. The top menu features one level of dropdown and takes the user into a component-immersive experience. Components now have an optional left sidebar for their submenu and any other component tools such as form filters. Various UI layouts have been constructed for all the scenarios a component may need.

We've reworked the UI and UX of several areas. Manager list views now feature drag'n'drop reordering and optimized layouts that will adjust to fit any browser width. The editing experience has been completely reworked to emphasize the actual text editor, and tuck away less used options. Module position selection has moved from a disjointed modal window to a streamlined select box in which you can quickly search or add a position. The 3.0 admin now features a centralized Component settings view in which you can quickly configure all your components instead of jumping from one to another. The admin template logo and color can also be easily customized. There's lots more on the way as well.

Are there changes with the default Joomla templates that come loaded?

Yes, there is a new frontend template named Protostar. The name continues with the space theme of previous templates such as Solarflare and Milkyway. Protostar is a minimal template built on Bootstrap which is very easy to customize via template parameters. An end user can change the overall color, logo and choose between fluid or static widths.

What is happening with accessibility?

Bootstrap has received some criticism on the accessibility front. This is a great example of how Joomla is extending Bootstrap and making it better. The Joomla Bug Squad and Translations Team are helping to improve the multilingual and RTL support. We're also receiving valuable feedback from the community on color choices and better support for screen readers.

Bootstrap has also been criticized on their semantics and several Joomla community developers are volunteering to help improve that front as well.

Going mobile: what's new with Joomla and small devices? Can I now administer my website from my smartphone?

Yes, since Joomla 3.0 is completely responsive you can access the admin from your phone and do just about every admin task. Even better, if component devs follow the new standards you'll be able to do this with all installed components as well. The same goes for the frontend.

Thank you for the interview Kyle, and for making your life busier so that the Joomla user experience can keep getting easier!

Read 67457 times
Tagged under Feature Stories
Alice Grevet

Alice Grevet

Joomla! sitebuilder and freelance web designer specializing in non-profits. Co-Lead Editor on the Joomla! Community Magazine, and member of the Joomla Community Leadership Team (CLT).

avatar
I would like to see 3.00 accept PDFs in an article as simply as 1.5 did.
VOTES:2
avatar
Kyle, you and your fellow UX superstars have done such a great service for all of us, thank you for leading this initiative that is creating a great foundation for the next chapter of Joomla's story.

Javier Gomez and I had the privilege earlier today to give a 3.0 demo to about 200 participants at the first ever JoomlaDay Colombia. The room was full of big smiles and excited expressions about what is coming.

My deepest thanks to you and everyone else who has worked so hard to make Joomla 3.0 something really special. What really makes me excited is I know this is just the beginning.
VOTES:1
avatar
i never ever want to go thru the hell of updating joomla sites like i'd have to from 1.5 to 2.5.

i don't really care about new tenplates....just make sure it updates always good and nicely and plugin whise will update too.

updating a cms sounds nice but don't make that impossible
VOTES:1
avatar
It's amazing, can wait to test all the new features my self and start developing the components fallowing the new standards!
VOTES:-1
avatar
Κατασκευή ιστοσελίδων Tuesday, 18 September 2012
It is time for Joomla! to offer true responsive support.
VOTES:1
avatar
Speechless... Awesome Joomla Team! I am proud of you guys.
VOTES:1
avatar
Desperately waiting for Version 3. Another important update can be providing Full Preview of changes without publishing. That can be really useful for end-users.
VOTES:-1
avatar
How about the updating process from Joomla! 2.5 to 3.0?

Will this be the same as updating from say 2.5.5 to 2.5.6?

Thanks.
VOTES:0
avatar
Nice features. Looking forward to see this new version on a stable version.
VOTES:2
avatar
Joomla can make the difference! #1 for good sites and seo.
VOTES:-1
avatar
Joomla keeps getting better and better! Bring on 3.5!
VOTES:0