(in progress) SCM 2024 UI/UX Upgrade

SCM is getting a big UI/UX re-work

The goals are:

  1. Modernize UI
  2. Streamline UX (ie less clicks)

The first step is to update the Login page.

Login Before

image

Login After

image

Moved some UI elements around.
If you don’t enter email or password you get instant notification of the form error.
The error message box looks a bit better.
Password box is has unhide button like most modern apps.

Image Scraper Before

Image Scraper After

With nord update

All buttons are updated. And when you click selection it gives a balloon counter now.

AI writer settings before

AI writer settings after

Updates to the task list table.

Before

After

Screen shot of task list table getting a revamp.

All tasks can be edited by clicking on the gear.

image

Some common task actions have been moved into the more button.

image

Cache/Button label has been removed.

When you want to preview your finish articles, a menu appears for additional actions.

image

Lots of the old buttons was removed and placed into dropdowns to save space.

The goal is to have things laid out correctly even on a small 1280px width screen without wrapping of elements.

Article creator settings UI rework.

  • Removed extra toggles


    Setting to ‘none’ is the same as turning it on or off.

  • Generation type is placed into tabs to take less vertical space.
    You can see at glance how any items are enabled without scrolling down.

  • Unimportant settings moved to end of window

  • Most likely 3 headers tabs instead 4 in current SCM

  • Removed colors to simplify UI

  • Removed boxes and borders to create space

  • Help tab, all video links moved into tooltip (i) icons next to the property they are describing.
    image

  • Aligned all setting labels so you can scan down the list easier instead of hunting for it in between input boxes


Before Article Creator settings

After Article Creator settings

Colors! SCM is now using nord color palette to keep colors unified throughout the UI.

Less emphasis on color. Most buttons are white, only important primary buttons are colored.

image

All alert messages etc have been toned down as well.

image

The same colors are being used in the task log as well.

Lots of white space. However UI looks like this when its more busy.

This includes a new colored logo!

image

All inserts ported

If your screen height is too small, the inserts list collapses and has a hover over spot

The Insert list, selection and toggle is one UI element. No need to scroll down to find inserts. It all fits on one screen.

Old UI

Static page scraper UI reworked.

Test selector has been moved into a modal

Before

The sidebar has been reworked. Menu items slightly larger. Each section can be collapsed as well.

Sidebar can be made smaller with a toggle.

image

Collapsed menu, rollover items to see pop out menu.

On smaller screens this will you extra width so forms won’t wrap and task list rows will display all on one row.

Before

Search and news ported

All macro dropdowns will paste text into appropriate textbox for you.

You don’t need to paste it in yourself anymore.

Syntax highlighting brought over to article string.

image

Pagination

Infinite loading table for task table has been replaced with a paging element.

  1. Improve performance on large lists, the table will show no more than 100 rows at a time.

  2. Easier to get to end of table, no need to scroll down.

  3. Now the task you are editing will flash ‘yellow’ briefly on save or run to confirm your edits.

  4. App will remember your task table page and location even when you switch to a different task.

New cron scheduler

Task scheduler has been updated with an easier to use picker.

The process of running or scheduling your task has been updated as well.

image

You can enter cron manually as well

If you add cron and press ‘SAVE’ it will update the task immediately with the next run time.

It won’t run the task as well, just schedule it.

If you press RUN it will immediately run the task and also schedule it for later!

This replaces the old CRON box with a much easier to work with UI.

Settings

All settings moved into clickable tabs

Dynamic scraper

Proper navigation buttons added
image

If you dont enter url it will take you to Google

WP Post uploader

Profile creator + CSV merge has been ported.

CSV merge like all tasks now support both CRON and task chaining.