One to many or one to one, an example of a Drupal maintenance support plans UX design decision

02 Jan 2020

One to many or one to one, an example of a Drupal maintenance support plans UX design decision

Short recap of an interesting discussion during today’s UX meeting.

About inserting media items from within the WYSIWYG editor. These could be different types of media files, like images, video and audio. You could even have different flavours for the same file type. For example with images, you might want to store different information and metadata on product images than on images used in press releases or for the company blog posts.
The question was how to provide the starting point(s) for this. Of course the goal would be to make this as transparent as possible, reducing the amount of administrative busy work to the required minimum. But, structured content does not yet create itself automatically, we do have to provide forms that present the required fields to fill out when adding a media item.
We discussed two basic approaches
There are likely more and there’s room for subtle variations inside these two as well.
Option 1: start with a single button to add media
Click 1 generic “add media” button in the WYSIWYG editor that launches a media upload form
Upload the media (image, video, audio, …) you want and save
Figure out the media file type and present the corresponding form with the required (meta)data fields in a second step
Save and return to the editor
Option 2: choose from multiple buttons to add a specific media item
Find and click the add button for the media you want to create. There would be separate buttons for inserting an image, a video, an audio item
Because the type is known we can directly show the form for the required (meta)data.
Save and return to the editor.
(Although this list only goes to 3 instead of 4, there is a bit more work for the user to do in step 1: finding the right media button to click)
After a bit of back and forth we chose option 2, because:
A one-on-one relationship between WYSIWYG button and media type to create is easier to understand
The upload process can be contained within 1 step because the system knows upfront which form to show for the required info.
With this one-to-one relationship, per media type permissions can be handled more elegantly (you either have a audio upload button or you don’t)
The trade-offs are:
it’s not super elegant to require the user to do the upfront work of explicitly choosing the type of media to create.
With multiple types of media available we’ll have to see how to expose all those different options in the WYSIWYG editor toolbar.

Tags

drupal
drupalplanet


Source: New feed

This article was republished from its original source.
Call Us: 1(800)730-2416

Pixeldust is a 20-year-old web development agency specializing in Drupal and WordPress and working with clients all over the country. With our best in class capabilities, we work with small businesses and fortune 500 companies alike. Give us a call at 1(800)730-2416 and let’s talk about your project.

FREE Drupal SEO Audit

Test your site below to see which issues need to be fixed. We will fix them and optimize your Drupal site 100% for Google and Bing. (Allow 30-60 seconds to gather data.)

Powered by

One to many or one to one, an example of a Drupal maintenance support plans UX design decision

On-Site Drupal SEO Master Setup

We make sure your site is 100% optimized (and stays that way) for the best SEO results.

With Pixeldust On-site (or On-page) SEO we make changes to your site’s structure and performance to make it easier for search engines to see and understand your site’s content. Search engines use algorithms to rank sites by degrees of relevance. Our on-site optimization ensures your site is configured to provide information in a way that meets Google and Bing standards for optimal indexing.

This service includes:

  • Pathauto install and configuration for SEO-friendly URLs.
  • Meta Tags install and configuration with dynamic tokens for meta titles and descriptions for all content types.
  • Install and fix all issues on the SEO checklist module.
  • Install and configure XML sitemap module and submit sitemaps.
  • Install and configure Google Analytics Module.
  • Install and configure Yoast.
  • Install and configure the Advanced Aggregation module to improve performance by minifying and merging CSS and JS.
  • Install and configure Schema.org Metatag.
  • Configure robots.txt.
  • Google Search Console setup snd configuration.
  • Find & Fix H1 tags.
  • Find and fix duplicate/missing meta descriptions.
  • Find and fix duplicate title tags.
  • Improve title, meta tags, and site descriptions.
  • Optimize images for better search engine optimization. Automate where possible.
  • Find and fix the missing alt and title tag for all images. Automate where possible.
  • The project takes 1 week to complete.