Explaining Rules is difficult enough as it is. This is a call to graphic design artists to develop an icon that explains the Rules module. From the BoF, ideas include: flow chart, gears with arrows.

Good examples:
SMS Framework
Nice Map

Comments

mitchell’s picture

Title: Icon » Icon/Graphic for Rules module
Component: Rules Core » Rules Engine
Status: Active » Postponed (maintainer needs more info)
bekasu’s picture

mitchell’s picture

Good find, bekasu. I'd be down for a gears like icon.

My friend, Nica, thought to make a graphic like this: http://upload.wikimedia.org/wikipedia/commons/d/d3/Newtons_cradle_animat...

bekasu’s picture

Another excellent concept.

Wish I was artistic.

I'd recommend a split arrow on the floor or the background of the gear or the newton's cradle... give some a sense of decision making.

mitchell’s picture

I'd recommend a split arrow on the floor or the background of the gear or the newton's cradle... give some a sense of decision making.

I disagree, the ambiguous direction makes sense to me. Here's why: events can trigger actions that in return create new events that trigger new actions, etc.

For instance: user creates node. node is emailed to users in a role. users responds to email. responses becomes new nodes. new nodes gets categorized in several places, which then creates new roles. and on and on and on....

Perhaps we could use different colors in the balls to denote actions, events, and conditions, though keeping them all the same color may better represent the dynamic nature of where/when these actions can exist. Forgive me if I'm getting to philosophical. :)

bekasu’s picture

mmmm

Arrows could represent a unified direction (a la workflow); however, I like the different colors concept.

Thinking further... a condition would turn from red (not passed) to green (passed) in a diagram explaining rules-eca.

An action could be tan for passive things (viewing a page) and gradiant up to orange for more active things (populate a field) -- OR
An action could be color coded based on its category (cck, node, system, etc.)

The multi-color aspect, used carefully is a more powerful idea.

I'd tip my hat to you if I had it on :)

amitaibu’s picture

I'm a -1 for gif animations. Not only it's not in core, IMO it doesn't have a professional look.

bekasu’s picture

Completely agree.
Animated gifs are usually 2 dimensional looking.

I much prefer something with a 3d look (appropriate shadows, reflectivity if going the realistic way) or (bright primary colors for iconic or cartoon approach).

fago’s picture

I like the idea of using gears, however we should not just use already famous gears from another OO project like KDE - as people would recognize that ;)

What about using gears like those http://commons.wikimedia.org/wiki/File:Cog-scripted-svg-green.svg and labelling each gear as a module, e.g. CCK, Token and Flag ? So it would show that "rules" are helping other modules to play together? (condition from CCK, token-enabled action, reacts on flag event). Perhaps we could do a gear in the middle, representing "rules" ?

But probably just "gears" are looking better and say enough.

or this one?
http://commons.wikimedia.org/wiki/File:Gnome-applications-utilities.svg

yoroy’s picture

Mind you that gears are already very often used to depict generic "settings" functionality. I'd suggest exploring other metaphors too, the ones that illustrate the cause-and-effect / chain-of-events aspect of rules. It's not really fair to expect an icon to explain the functionality though, it can only try and capture the gist of it.

Dominos?

fago’s picture

Status: Postponed (maintainer needs more info) » Active

>Mind you that gears are already very often used to depict generic "settings" functionality.
Hm, that's true.

> It's not really fair to expect an icon to explain the functionality though, it can only try and capture the gist of it.
Yep, it don't expect from it to explain the functionality.

@dominos: I'd prefer something that better represents the complexity of a system, so that there is not only a single part, but a lot of rules and events, each of it interacting with each other. (rule -> event -> rule .. ). Dominos make the impression of rules standing alone, but they do interact.

Perhaps we could just use a questionmark and some arrows, representing alternative behaviours depending on a condition?
Maybe we can identify good icons for the condition and actions first, then reuse them for the "rules icon" and do a condition icon with two arrows leading to two different actions?

mitchell’s picture

Assigned: Unassigned » mitchell
Category: feature » task
Issue tags: +Usability, +icon, +rules 1.0, +graphic design

The direction this is going right now is a Newton's cradle on a platform in a container. Similar to the http://www.37signals.com/ icons.

fago’s picture

Ok great, I'm looking forward to a first draft.. ! :)

nicelobster’s picture

StatusFileSize
new57.07 KB
new73.37 KB
new86.74 KB

Hey Peoples. Mitchell tasked me with coming up with a log for this. I'm attaching some of them. I like the yellow slanty one the best.

nica

nicelobster’s picture

StatusFileSize
new69.62 KB

Here is one other one I forgot to attach too.

mitchell’s picture

Status: Active » Needs review
bekasu’s picture

wow -
I wish I was so good in graphics.
IMHO - I prefer the green/blue versions rather than the gold. Since the base color for drupal icon is blue, it seems more related if we stay in the same color family.

I prefer no 'snowglobe' top. Rules/triggers/actions seems like it should be free and open rather than encapsulated.

If you use the tilted base, then the balls don't hang correctly (sorry for the double entendre). If you use the horizontal base, then the balls hang correctly.

Now for the nit. The string for the 'flying ball' doesn't seem like it is connected to the top horizontal bar. It looks like it is connected to the front vertical strut.

I'm not meaning to be overly critical. These are really small things, I just wanted to provide a little feedback.

bekasu

fago’s picture

Status: Needs review » Fixed

I also prefer no 'snowglobe' top - so I've just put picture 25 on the project page. Thanks a lot!! :)

Status: Fixed » Closed (fixed)
Issue tags: -Usability, -icon, -rules 1.0, -graphic design

Automatically closed -- issue fixed for 2 weeks with no activity.