Two types of users access a CMS - the developer and those managing a site's content. Each uses the CMS with different goals and usually with different capabilities. This presentation focuses on tailoring Joomla to give our client's an improved user experience.
Presented at Joomla Day Midwest (Nov 12, 2011 - Milwaukee, WI USA)
In this beginner presentation on the topic, I would cover a quick introduction of content management system with focus on PHP based content management system “Joomla”. Joomla is considered as dynamic portal engine and content management system, and allows you to develop variety of systems from website, ecommerce store to a complex social network with the help of pre-built features i.e. caching, content management, web services, templates, and more.
In this beginner presentation on the topic, I would cover a quick introduction of content management system with focus on PHP based content management system “Joomla”. Joomla is considered as dynamic portal engine and content management system, and allows you to develop variety of systems from website, ecommerce store to a complex social network with the help of pre-built features i.e. caching, content management, web services, templates, and more.
9 Essential Wordpress Plugins for a Professional Wordpress BlogIvan Bayross
WordPress has been specifically created so that non-technical, but talented writers can install, configure and run a Blog site successfully. I think that the greatest attribute built into the WordPress core, is how easy it is to extend the functionality of the WP core using essential wordpress plugins.
In this PPT I’d like to share my experiences with various WP Admin plugins I’ve used either on my own Blog or installed and configured for a client on their Blog. Let me know if you use any other plugins.
Building a Network of Public School Websites on a Public School BudgetEDvantaged
There are countless examples of individual PreK-12 and Higher Education teachers and professors using WordPress for course websites, along with a long list of institutions that use it as a universal platform for their staff to share course information and resources. Some universities and districts have large IT and web development departments or may use outside developers. But can a school district or college with a lean IT/web department and even leaner budget still implement a reliable, professional, and effective WordPress infrastructure for course websites? In this session, we will look at guiding philosophies and specific ways in which educational technologists can use WordPress Multisite and a series of plugins and customizations to accomplish these goals.
In this quality assurance training, you will learn Selenium - WebDriver. Topics covered in this session are:
• Test Strategy and Planning
• Test Strategy Document
• Test Planning
• Test Estimation Techniques
For more information, visit this link: https://www.mindsmapped.com/courses/quality-assurance/software-testing-training-beginners-and-intermediate-level/
Using the Joomla Content Management System to Update your Website - Wojo DesignWojo Design
This brief slide deck discusses the basics of using a content management system, particularly Joomla, to update your website. Covers:
- Advantages of a CMS
- Basic Joomla Methodology
- Content Management Best Practices
Liferay, Inc., is an open-source company that provides free documentation and paid professional service to users of its software. Mainly focused on enterprise portal technology, the company has its headquarters in Diamond Bar, California, United States
9 Essential Wordpress Plugins for a Professional Wordpress BlogIvan Bayross
WordPress has been specifically created so that non-technical, but talented writers can install, configure and run a Blog site successfully. I think that the greatest attribute built into the WordPress core, is how easy it is to extend the functionality of the WP core using essential wordpress plugins.
In this PPT I’d like to share my experiences with various WP Admin plugins I’ve used either on my own Blog or installed and configured for a client on their Blog. Let me know if you use any other plugins.
Building a Network of Public School Websites on a Public School BudgetEDvantaged
There are countless examples of individual PreK-12 and Higher Education teachers and professors using WordPress for course websites, along with a long list of institutions that use it as a universal platform for their staff to share course information and resources. Some universities and districts have large IT and web development departments or may use outside developers. But can a school district or college with a lean IT/web department and even leaner budget still implement a reliable, professional, and effective WordPress infrastructure for course websites? In this session, we will look at guiding philosophies and specific ways in which educational technologists can use WordPress Multisite and a series of plugins and customizations to accomplish these goals.
In this quality assurance training, you will learn Selenium - WebDriver. Topics covered in this session are:
• Test Strategy and Planning
• Test Strategy Document
• Test Planning
• Test Estimation Techniques
For more information, visit this link: https://www.mindsmapped.com/courses/quality-assurance/software-testing-training-beginners-and-intermediate-level/
Using the Joomla Content Management System to Update your Website - Wojo DesignWojo Design
This brief slide deck discusses the basics of using a content management system, particularly Joomla, to update your website. Covers:
- Advantages of a CMS
- Basic Joomla Methodology
- Content Management Best Practices
Liferay, Inc., is an open-source company that provides free documentation and paid professional service to users of its software. Mainly focused on enterprise portal technology, the company has its headquarters in Diamond Bar, California, United States
Actieplan tegen leegstand (UNIZO-Limburg)Bert Serneels
In 2012 stelde UNIZO-Limburg een actieplan op om van leegstaand in een handelscentrum een positief verhaal te maken. Leegstand biedt kansen om een nieuwe invulling te geven en het handelscentrum te versterken.
Rekan Bisnis Pengguna HP,
Pernahkah anda berpikir HP anda (tanpa ganti kartu) bisa anda manfaatkan untuk menghasilkan uang sekaligus sebagai kantor di genggaman anda yang bisa digunakan untuk :
m-Payment (bayar PLN, Telkom, Credit Card, FIF dan Tagihan lain)
m-Commerce (Isi Pulsa, Diskon Belanja, dll)
m-Insurance (Asuransi Jiwa, Motor, PA)
m-Banking (Cek Saldo, Transfer, dll)
Komunikasi Murah (Dual SimCard "Tanpa Ganti HP, Tanpa Ganti Nomor")
Peluang Bisnis (Merubah Pengeluaran Rutin PULSA Anda menjadi sumber penghasilan tambahan TANPA JUALAN PULSA!)
KEREN BANGET kan? layaknya memiliki VIRTUAL OFFICE didalam genggaman anda! bahkan memakai HP jadul sekalipun bisa memiliki fitur canggih tersebut dengan instant! Dahsyat!
Peluang Bisnis Pulsa VNET yang saya presentasikan ini adalah BUKAN BISNIS PULSA BIASA, ini adalah bisnis yang paling gampang, paling sederhana & sangat menyenangkan karena bebas pusing, bebas macet, bebas dari komplain, no stress, tidak perlu kawatir kalau tidak laku jualan, karena tidak jualan samasekali! tapi bisa memberikan peluang penghasilan yang jauhhh lebih besar dibanding jualan pulsa! dan bisa dijalankan tanpa internet, Tertarik? silahkan simak dengan cermat...
"Apapun aktifitas anda, bisnis VNET PASTI COCOK sebagai pendukung APAPUN aktifitas anda & sangat powerfull jika di sinergikan dengan bisnis anda yang lain"
Mulailah berpikir CERDIK rekan bisnis...
JANGAN sibuk jualan pulsa!
Setiap orang yang saya perkenalkan peluang bisnis ini, sudah paham apa itu pulsa dan apa gunanya, saya tidak perlu "berbusa" untuk menjelaskannya, tidak perlu ngotot ajak orang join, karena dengan senang hati mereka akan join jika sudah tahu manfaatnya & ternyata bisa mempermudah hidupnya.
INGAT : Join atau tidak, anda tetap butuh pulsa kan?
So... mengapa terus menerus memperkaya counter penjual pulsa? mengapa tidak anda gunakan untuk menambah penghasilan bagi anda sendiri? coba anda pikirkan baik-baik & anda akan setuju dengan saya...
Bisa dijalankan memakai "HP butut" & tanpa internet!
OK teman... saya akan sedikit cerita, saat saya mulai bisnis vnet ini jangan berpikir saya menggunakan HP canggih yang support 3G, HSDPA dan seabrek fitur canggih lainnya, tidak teman.. saya hanya menggunakan HP "jadul nan butut" yang saya gunakan sejak kuliah dulu kala :-)
HP butut saya itu malangnya tidak bisa untuk telepon... HP yang aneh ya... :-) jadi HP saya itu hanya bisa terima & kirim SMS saja, mic & speakernya sudah rusak, mungkin karena pernah kecemplung kolam dulu & entah berapa kali kebanting-banting buat mainan ponakan saya :-)
inilah HP "butut jadul" kesayangan saya, yang menjadi salah 1 mesin uang bagi saya selama ini,
Bagaimana dengan anda?
sudahkah memanfaatkan HP anda dengan optimal untuk memberikan penghasilan bagi anda?
sayang sekali jika anda memiliki HP yang lebih baik tapi tidak anda manfaatkan dengan optimal sebagai penghasil uang bagi anda!
Percaya atau tidak .. saya
Improving the Client's User Experience - JAB 2012Randy Carey
An applied strategy for improving the CMS user experience from the client's perspective. Presented at J and Beyond 2012, Bad Nauheim, Germany.
See slide notes for slide-by-slide comments.
Accessibility is a hot issue that is unavoidable in the web industry. The deadline to ensure that web content meets all accessibility standards has come and gone. Whether you're a designer, developer, content owner or project manager, this presentation will cover strategies to reach and maintain accessibility goals.
Presentation from 2018 OmniUpdate User Training Conference
Over the past year, the Drupal community has focused on improving the Drupal user experience, making Drupal more friendly to a less technical user-base and rolling those improvements into Drupal 7. Join Dries Buytaert, the original creator and project lead for the Drupal open source web publishing and collaboration platform and Jeff Noyes, Acquia's director of user experience and contributor to the D7UX team contributor, for a one-hour tour of the new Drupal 7 usability features and the driving forces behind them. This will be the first in a series of Drupal 7 Webinars hosted by Dries this year.
When doing product definitions, we often attach too less importance on topics like administration, monitoring, integration, troubleshooting, migration, installation etc. If anything, the related requirements are seen through the eyes of a fronted user, although they mostly apply to the administrator role having different needs.
That often leads to the development of some GUI-based point and click tools that are not suited for using them in administration scenarios because implicit requirements are not met. Administration tools should be consistent across sub systems and products, they must be extensible, (de)composable, steps must be easy to repeat, to automate and to track.
It gets increasingly important to focus on management features. Cloud topologies, more complex systems, security and legal aspects, virtualization and mobile applications are changing system administration more than ever. To be able to respond the behavior of all involved roles must change.
The session is for developers, system administrators, requirements experts and people who are busy between these roles (DevOps). Evolving practices and concepts for the collaboration between development and operations will be presented and evaluated. Technical approaches that (also) help to build better manageable systems will be discussed.
Open Mic to discuss the new features related to Portal and Web Content Management introduced in version 8.5. We will be covering changes related to themes,
mobile, social integration and WCM changes related to syndication and rich media aspects of the new release.
LvivCSS: Web Components as a foundation for Design SystemVlad Fedosov
Let’s see how web components can help us to build accessible, test covered and consistent implementation of our design system that will play well with any technology.
Joomla Chicago Meeting July, 2009: CMS CageMatch IIJohn Coonen
JoomlaChicago July 2009 meeting presentation led by David Steele of the Acquity Group. Comparison of four top Open Source Web Content Management Systems currently on the market for enterprise use: Alfresco, Drupal, Joomla and Magnolia.
Similar to Improving Joomla’s Backend User Experience (20)
How Joomla! builds a webpage (annotated)Randy Carey
Understand how Joomla builds its output. We discuss the implications regarding flexibility, plugins, cache, and special formatting such as JSON as an API response.
A CMS has many users: authors, SEO experts, ecommerce, marketing, site managers, etc. Each has different roles and goals for accessing the website. How do we improve the user experience for each of those to help them do their jobs and accomplish their goals? See and learn how we can do better than do-it-yourself tools and using a CMS out-of-the-box.
The issues are presented as challenges to any CMS and web project, and the implemented solutions are demonstrated in Joomla.
When a site is out-of-date and/or its CMS is limited, often the best solution is a site migration. The migration is an opportunity to implement an entirely new look-and-feel, mobilize the site, fix navigation, re-assess the site’s goals, and re-organize content. A migration provides an opportunity to run the site on a CMS that is more powerful and more user-friendly like Joomla.
Randy is the migration lead and content strategist for the migration project of the Joomla! Community Magazine which includes over a thousand articles filled with links, images, and attachments. He will share the challenges that the project faces, the strategy for migration, and a high-level explanation of the approach in Joomla. The discussion will be suitable for the business-minded who must understand the issues and make decisions accordingly as well as for the developer who must implement a solution.
Streamlining the Client's Workflows (in Joomla)Randy Carey
When our client or their staff login to manage their site and content, they have specific tasks in mind. This presentation demonstrates how we can identify these tasks and develop each into an intuitive set of streamlined steps. We will be examining ways to reduce the number of steps, reduce clutter, and make the entire process intuitive for our client.
We can help our clients better manager their websites and web content if we give them a CMS interface that is tailored to their needs. So instead of expecting them to use a one-size-fits-all admin template, we provide a client template that is tailored to those who will be managing the website through the CMS.
This presentation, delivered at the 2013 Joomla World Conference, illustrates the client template and how it can be tailored.
Joomla Modules with Permissions and Front-End EditingRandy Carey
Imaging a Joomla website where staff can edit modules on the front-end. Randy Carey of the iCue Project presents his work on making this a reality and on the issues he discovered during implementation of the solution. This presentation was given at JAB 2013 near Amsterdam.
A review of the mechanics behind Joomla's ACL, then a discussion as to how one can leverage a role-based access control system through Joomla - to improve the user experience for those managing the website and its content.
Please open the tab below to view my NOTES PER SLIDE.
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Ramesh Iyer
In today's fast-changing business world, Companies that adapt and embrace new ideas often need help to keep up with the competition. However, fostering a culture of innovation takes much work. It takes vision, leadership and willingness to take risks in the right proportion. Sachin Dev Duggal, co-founder of Builder.ai, has perfected the art of this balance, creating a company culture where creativity and growth are nurtured at each stage.
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...James Anderson
Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM
The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management.
The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM).
Speakers:
Bob Boule
Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle.
Gopinath Rebala
Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.
Key Trends Shaping the Future of Infrastructure.pdfCheryl Hung
Keynote at DIGIT West Expo, Glasgow on 29 May 2024.
Cheryl Hung, ochery.com
Sr Director, Infrastructure Ecosystem, Arm.
The key trends across hardware, cloud and open-source; exploring how these areas are likely to mature and develop over the short and long-term, and then considering how organisations can position themselves to adapt and thrive.
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...UiPathCommunity
💥 Speed, accuracy, and scaling – discover the superpowers of GenAI in action with UiPath Document Understanding and Communications Mining™:
See how to accelerate model training and optimize model performance with active learning
Learn about the latest enhancements to out-of-the-box document processing – with little to no training required
Get an exclusive demo of the new family of UiPath LLMs – GenAI models specialized for processing different types of documents and messages
This is a hands-on session specifically designed for automation developers and AI enthusiasts seeking to enhance their knowledge in leveraging the latest intelligent document processing capabilities offered by UiPath.
Speakers:
👨🏫 Andras Palfi, Senior Product Manager, UiPath
👩🏫 Lenka Dulovicova, Product Program Manager, UiPath
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Albert Hoitingh
In this session I delve into the encryption technology used in Microsoft 365 and Microsoft Purview. Including the concepts of Customer Key and Double Key Encryption.
UiPath Test Automation using UiPath Test Suite series, part 4DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 4. In this session, we will cover Test Manager overview along with SAP heatmap.
The UiPath Test Manager overview with SAP heatmap webinar offers a concise yet comprehensive exploration of the role of a Test Manager within SAP environments, coupled with the utilization of heatmaps for effective testing strategies.
Participants will gain insights into the responsibilities, challenges, and best practices associated with test management in SAP projects. Additionally, the webinar delves into the significance of heatmaps as a visual aid for identifying testing priorities, areas of risk, and resource allocation within SAP landscapes. Through this session, attendees can expect to enhance their understanding of test management principles while learning practical approaches to optimize testing processes in SAP environments using heatmap visualization techniques
What will you get from this session?
1. Insights into SAP testing best practices
2. Heatmap utilization for testing
3. Optimization of testing processes
4. Demo
Topics covered:
Execution from the test manager
Orchestrator execution result
Defect reporting
SAP heatmap example with demo
Speaker:
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
Connector Corner: Automate dynamic content and events by pushing a buttonDianaGray10
Here is something new! In our next Connector Corner webinar, we will demonstrate how you can use a single workflow to:
Create a campaign using Mailchimp with merge tags/fields
Send an interactive Slack channel message (using buttons)
Have the message received by managers and peers along with a test email for review
But there’s more:
In a second workflow supporting the same use case, you’ll see:
Your campaign sent to target colleagues for approval
If the “Approve” button is clicked, a Jira/Zendesk ticket is created for the marketing design team
But—if the “Reject” button is pushed, colleagues will be alerted via Slack message
Join us to learn more about this new, human-in-the-loop capability, brought to you by Integration Service connectors.
And...
Speakers:
Akshay Agnihotri, Product Manager
Charlie Greenberg, Host
Generating a custom Ruby SDK for your web service or Rails API using Smithyg2nightmarescribd
Have you ever wanted a Ruby client API to communicate with your web service? Smithy is a protocol-agnostic language for defining services and SDKs. Smithy Ruby is an implementation of Smithy that generates a Ruby SDK using a Smithy model. In this talk, we will explore Smithy and Smithy Ruby to learn how to generate custom feature-rich SDKs that can communicate with any web service, such as a Rails JSON API.
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf91mobiles
91mobiles recently conducted a Smart TV Buyer Insights Survey in which we asked over 3,000 respondents about the TV they own, aspects they look at on a new TV, and their TV buying preferences.
2. Over the next few months, I will be
providing further discussions and access to
the usability extensions I’m creating:
Careytech.com/icue
Randy Carey
web architect, Careytech Studios
St. Paul, Minnesota
Careytech.com
3. 1.Case for CMS Usability
2.Principles (for CMS Usability)
3.Areas to Improve (in Joomla’s backend)
4.Looking Forward
Overview
64. Step 1: Add parameters to
K2 category
/administrator/components/com_k2/config.xml
Step 2: display new pane
of parameters in category view
Step 3: overriding the two item edit
screens (site and admin) so each
checks parameters and displays
each tab accordingly
104. • Fast to build
• Unintuitive steps to access
• Not all info on one screen
• No help text on fields
• No grouping of fields
• Exists as a category within edit
tool, not as a stand alone app
• intuitive to use
• one-step app
• single screen edit
• Custom code to build
or modify existing extension
119. I will be providing further discussions and
access to usability extensions I’m creating:
Careytech.com/icue
Randy Carey
web architect, Careytech Studios
St. Paul, Minnesota
Careytech.com
For an elderly person who wants a portable phone to use in case of emergencies, this interface is too complex: unneeded buttons lead to confusion and no intuitive way for a computer-illiterate to find the list of people she can call during an emergency.
We often limit our thoughts of CMS users to just two types: web developers and site visitors.
We can’t forget our client and the client’s staff who must maintain content. Their needs are quite different from either of the other user types.
Out-of-the-box Joomla (and other CMSs) are full-featured for the developer. But this is too much and too technical for most content managers.
Developers think of websites in terms of many technical things: components, plugins, layout positions, etc.
But the content managers see a reduced set of these: content, media, and perhaps registered users.
Our clients see a web site as a series of web pages and content – not in the technical detail we developers see. The client will have a better user experience with the CMS if we tailor it to the client’s perspective and workflow.
Let’s touch on some CMS usability principles to guide us as we seek to improve the CMS user experience for our clients.
Principle: don’t show options that are irrelevant to a user or even dangerous in their hands.
This is a much simpler interface – hence very usable. Something to strive for.
This edit screen includes many fields not used by the client. There is no indication which fields are required, which can be used, and which should be avoided.
We as developers may know these terms well, but should we expect our clients to learn them?
Even the term “K2” is alien to our clients. We can do better. Relabel the link to something that has meaning to the person using the CMS.
Label menu or starting-point items with terms that reflect the task of the user.
We must recognize that… the client’s users of the CMS will be unequally skilled and motivated.
Develop different levels of controls for the different levels of users. Example: lite, standard, and advanced.
The client’s users will differ also by their roles with the CMS. Managing content and managing registered users are two different needs for accessing the CMS.
Segment the users not only by their level of capability, but also by their roles in using the CMS. We’ll want to give each of these groups a user experience tailored to it.
Because each role tends to access different parts of the CMS and on a different schedule, consider giving a person with multiple roles a different login account (and user experience) for each.
Remember. Clients and their users perceive of a website as web pages. It is more intuitive for them to edit from the front than from the backend.
Now… Let’s look at some areas where we can improve the backend user experience for our clients.
1. Use a customizable administrator template (and customize it)
2. Look for ways to improve the out-of-the-box edit screens of the apps we give to our clients
3. Segment the users and give each a tailored user experience
4. Leverage JCE profiles to provide the appropriate editing experience
5. An extension that is tailored to a task is more usable than a generic solution (such as CCK)
We _can_ do better than what we get out-of-the-box.
This is the configuration screen for the default admin template. Not a lot of options.
In contrast, this is the configuration screen for Rockettheme’s admin template Mission Control.
Another worthy and highly configurable admin template is AdminPraise 3.
Admin Praise even offers editing from tablets, iPhones, and Droids as well as from the desktop.
I’m currently using Mission Control, so my examples will be using this admin template.
The admin template contains modules in the way we are used to using modules with the site templates.
By accessing the admin modules, we can edit a module’s setting, declare its position, and display to a segment of backend users if we create access levels that segment those accessing the backend.
The point of this discussion is that we leverage the admin template to create a user experience for the content mangers that differs from the interface we developers use.
Admin Praise 3 uses this screen to control the labels and links to be displayed as items on the admin navigation bar.
Admin Praise 3 also provides a configurable shelf for the apps that are available.
Mission Control also provides a way to add task-based navigation items to the menu bar and to a dashboard listing.
The configuration panel for setting up the dashboard: label, link, and icon
I’m becoming resistant to using both the menu bar and the dashboard – this is needless redundancy.
An easy way is to leave the menu bar for just the essentials and the dashboard for the available apps.
The advantage to this approach is that when one clicks into an app, the other app options are not distracting. But clicking the “dashboard” tab (which could be renamed “apps”) will bring oine back to the set of available apps.
But an advantage to listing the apps in the menu bar is that the user can browse drop-down links to frequently-used forms within each app.
Mission Control allows one to configure the menu bar by overriding the view of the menu.
Here is the relatively simple code for adding the custom menu items shown above.
Here is code for controlling who gets to see any particular menu item or set of menu items.
For the admin template Mission Control, if code is too much for you, then focus on adding items to the dashboard.
As we transition to the next point, I want to provide an overview of the MVC pattern and how Joomla’s use of it gives us a big advantage in tailoring the user’s experience.
A big advantage of Joomla over some other CMSs is that it forces extensions to separate the code for Model (data and database), View (display of the data), and Controller (interaction rules with the user).
Joomla allows us to “override” the view portion of an extension. Keep in mind that for the backend edit screens we must override the view files within the admin template (not the site’s template). Understanding how to do this is huge for improving backend usability.
Our goal is to improve the out-of the-box edit screens to one that is tailored for the business rules of our client.
A powerful component understandably possesses many options. But most clients use just a subset of the fields, and each client is different.
In this case I am tailoring the edit screen for RedShop’s product detail. I don’t hack the component’s files. Rather I override them, leveraging Joomla’s MVC.
By using a combination of CSS and PHP editing, the front tab of the screen now shows only the usable fields and tabs, distinguishes between required/important/optional, includes help text next where needed, and brings the product’s image to this front tab.
See the difference between tailored and out-of-the-box.
K2 includes several tabs that are seldom needed.
I overrode the K2 edit item screen to display only the tabs that are relevant on a per-category basis.
I added this pane of tab options to the category edit screen.
I needed to touch the xml file and override three view files. These files can be copied as-is from project to project.
I have felt that the edit screen for an article displays fields that can be distracting to most authors. Authors are typically concerned just with the areas outlined here in red.
Mission Control out-of-its-box helps by tucking many of the details behind tabs.
I simplified the edit screen further (overriding the view for editing an article).
I moved the “alias” field to a tab, and I hide the fields that are not used by authors (as applicable per client’).
I changed the names of the tabs to something more meaning (e.g., “metadata” to SEO”).
The newly organized “SEO Settings” provides a checklist and set of fields for leveraging SEO (from the author’s perspective). Compare the new version (right) with the default (left).
I replaced “Advanced” with “Article Display.” The set of options are reduced (per user group) to only those fields that are applicable.
Here are all the items that display out-of-the-box. Do we really want to show all the options? Do we really want to allow an author to bypass the website’s standards by changing these options from the default settings?
I showed three examples of improving the edit screens: tailoring an app’s edit screen to the client’s needs, adding parameters to an app to remove unneeded options from its edit screen, and reorganizing the frequently used article edit screen.
But what if some users need to use some of the options that we are suppressing from the others? Next…
We segment users by the abilities (e.g., lite, standard, advanced) and by the types of roles they have (content management, user management, etc.).
We segment by how much we let a user do.
Users often can be segmented by what applications and features they should be able to access.
The “holy grail” of this exercise is to give each user a different user experience – each tailored accordingly.
Most of us are familiar with the relatively simple 1.5 hierarchy of groups.
Joomla 1.7 has added a lot more options and complexity to how we can segment users. We should accept the challenge of learning how to leverage this new system.
Consider giving the same user two different accounts when he/she has two distinctly differing roles. Each is assigned to a differing set of groups and access level.
Returning to my editarticle screen, each role sees the same article with a differing set of fields.
Code used in overriding the article detail view: in this case I configure the set of visible fields with CSS rules and apply CSS classes based upon user details.
Fourth area to leverage: leveraging JCE with its profiles and various options
Get JSCE. Walk through and carefully see all the options it provides.
Buy the premium extensions offered through the JCE site. They are worth it.
Here is the starting point I set up for JCE profiles. I segment by author-vs-manager and by lite-vs-standard-advanced.
The settings tab for each profile allows you to select which profile to be used based upon user group, or individual user, or even by component.
For each profile you we can drag and drop which edit options (JCE plugins) will be displayed, and how they will be arranged.
Segmentation by lite-standard-advanced allows each profile access to a varying set of edit options.
One capability that is easily overlooked is setting the root directory of images, videos, and documents per profile. Here is the simple, initial view of the images directory assigned to authors – no clutter from the site-level images.
Here is an example of how authors (green) can be assigned to a more restricted set of media and documents.
So the author profiles see only the media and documents relevant to them. Managers see and can access more. This technique can inject security as well as simplicity regarding the sites assets.
One of my clients wanted to be able to copy a matrix of cells from Excel and paste them into an article. Of course this meant all the data would need to be transferred into an html table.
I could not find a JCE plugin to do this, so I created one based upon the plugin that inserts text from Word. If you have a special need – JCE allows you to add custom plugins.
I have never liked the white-box dropdowns. Worse yet is the “format” option. It hides the all-important Heading tags. Infrequent users often forget to use these – or how to access them.
I created a plugin that is a sibling to the “bold” button. When text is selected, it turns bright and allows a dropdown of options labeled with terms that are more vernacular to the all authors. I can easily tailor the terms per client.
Finally, we can improve the user experience by using task-specific extensions rather than generic solutions. Here are examples of specific website items, each benefiting from having a dedicated extension behind it.
The easiest solution is to give the user a blank screen. But users often are inconsistent with how they format the information. Further, the pieces of information are just text on a page – we want pieces of data we can reuse.
For a restaurant menu, we want entrée items that we can automatically format and reuse elsewhere.
This is the generic solution created by a CCK (K2 in Joomla). It is easy to set up, but the edit screen is structured generically and for an article.
The user has to remember (without on-screen instructions) to select the category first, then select “extra fields” and “image” amoung the set of irrelevant tabs. Doable, but not the most intuitive. We can do better…
Here is a custom extension tailored to a pet store retailer who wants to post the new arrivals of puppies. On a single screen he can upload photos (auto-sized upon upload) and add a slate of relevant information.
The generic solution is fast to build, but it also require the user to learn details about the data entry screen that are needed only because we delivered a generic solution. The task-based solution is intuitive. The extra work falls to use to either find one, customize one, or out-right build it. It is a trade-off. You decide. But you know which your client wants.
A big advantage of a task-based extension is that you can supply a simple link taking one straight to that application. Typically, it is not straight-forward to apply a link to a generic solution (e.g., a category within K2).
Let’s review these five areas for improving the user experience of our clients…
…to improve the navigation of tasks for which a client uses the CMS
…to tailor the editscreens from the full and generic features that come out-of-the-box to the way a particular client will use it
… which provides the foundation for tailoring user experiences
…so we can serve up the appropriate set of tools as well as access to just the appropriate set of assets
…so we can provide direct links to workflows that are efficient and highly-intuitive
If we keep challenging ourselves with “we can do better” …we still can improve the client’s user experience. Here are some areas I plan to explore…
For articles and K2, I’d like to be able to lead the user to the component - but only to a branch of categories. Why make the user navigate through other types of categories when his/her task-at-hand focuses on just a subset of categories?
We know this is coming. This is particularly needed in ordering articles/items within lists.Do we wait for it? Do we find a way to graft it in?
I assume most developers don’t customize the help system. But the new help system is customizable. How can we improve what is given to us? Can we provide help that is more context sensitive? If we use a different admin template and tailored edit screens, are we compelled to write our own set of help screens?
Code generation will go a long way to enabling us to create and offer our clients a richer set of task-based extensions. How close can we get with an automated process, and how much code do we have to adjust by hand?
I want to graft in more options for front-end editing: modules, header lines, footer lines,…
…and how about links to edit content item-by-item!