pharmaR / riskassessment

Risk Assessment Demo App: https://rinpharma.shinyapps.io/riskassessment
https://pharmar.github.io/riskassessment/
Other
98 stars 24 forks source link

Make hex or favicon in conjunction with `riskmetric` #161

Closed AARON-CLARK closed 1 year ago

AARON-CLARK commented 2 years ago

Hi team,

I'm in the process of converting RAA into a package, and realized we'll need some sort of branding to include with our beta release... so some icon or hex that people can associate with our package. From there, we'll be able to display that in the app, on the browser tab, and in our documentation (README).

I've had great success making a hex or two with colin fay's hexmake application. If you are feeling creative, feel free to develop something that encompasses the essence of the app! I checked riskmetric and it appears they don't have any hex or icon branding, so we'll have to create something original!

Thanks! Feel free to brainstorm and share drafts here!

Robert-Krajcik commented 2 years ago

OK I'm searching for an icon that encompasses risk assessment for R packages.

Robert-Krajcik commented 2 years ago

These are all royalty-free stock photos, to give you some ideas. I'm trying to find something that would be relatively easy to create. I like the first one the most.

image image image image

Robert-Krajcik commented 2 years ago

Or maybe use this one and put the four wooden blocks to the left

image

AARON-CLARK commented 1 year ago

Useful link to create hex logos: https://connect.thinkr.fr/hexmake/

AARON-CLARK commented 1 year ago

Please be cognizant of the design the riskmetric team is brainstorming too. Collectively, our hex logos should be aesthetically similar. See: https://github.com/pharmaR/riskmetric/issues/233

Jeff-Thompson12 commented 1 year ago

I've come across a couple images using a balance scale of some sort. I think a balance scale is a really simple visual that communicates a lot about what the risk assessment application is all about.

https://www.123rf.com/photo_60634867_risk-assessment-icon-symbolizing-with-scale-weighting-alphabet-cubes-of-risk-in-red.html

AARON-CLARK commented 1 year ago

@Jeff-Thompson12, I like the idea of a scale. It brings back memories of the original Charlie & the Chocolate Factory, when the geese were sorting the golden eggs, and Veruca Salt was deemed a "bad" egg, haha. Here is a mock up of what that scale looked like:

image

image

I like this illustration because it implies there is sorting happening, measuring risk, and even doing it as a community (several geese working together)! Although, we'd obviously want to stay away from language like "good" and "bad". Reflecting on this, I now I understand Eric's hex logos which included different color hexes, to imply sorting R packages into similar groups (based on risk).

AARON-CLARK commented 1 year ago

Speaking of a scale, perhaps lady justice holding the scales is more applicable. She is not only more globally recognizable, but has the same goal of sorting the good/bad eggs, but in a more communal effort (via the court system). In our context, each company/organization uses the riskassessment app to set up the infrastructure for their own court system. So maybe her + sorted hexes would make sense.

image

Thanks, I'm just jotting down ideas!

imran3004 commented 1 year ago

hex-risk assessment

Just an idea. Will need work.

  1. Image will have to be an SVG so that it scales well.
  2. Colour gradients will have to be corrected.
AARON-CLARK commented 1 year ago

Hi all,

I made a working draft based on everyone's clear interest in having some sort of scale/gauge. For riskassessment, I think having three distinct colors in the scale/gauge highlights the app's goal is to categorize packages into three groups: low, medium, and high risk. I was thinking the riskmetric version could have a more continuous gradient of colors to reflect the quantitative nature of the risk score. If people thinks that's a good idea, let me know and I'll try to work something up for riskmetric. I made a light and dark version below for fun:

image

I think another idea to make the hex logos look different would be to share the same color for the work "risk" in the title, but have different colors for "metric" vs "assessment".

I used this icon as a base, but customized it quite a bit to include embedded hexes

Robert-Krajcik commented 1 year ago

I like these, @AARON-CLARK I think they embody the three overall levels of risk we have in the app, and it's not an overly-complicated design. Think good gestalt (And if you were selling a house, you would go for the light pastel background on the right 😁 )

imran3004 commented 1 year ago

Good work @AARON-CLARK ! I prefer the one on the right for the light-coloured background; it looks like it contrasts better with the text.

Also, I wonder if the arrow indicator would be more conspicuous if we had it in filled black instead of only a black border.

AARON-CLARK commented 1 year ago

Hi all,

Along my thought pattern shared above, here are a few {riskmetric} ideas, with a continuous color gradient, and some corresponding {riskassessment} ideas (below) as well. You'll notice I created a bunch of border/hex/title color variations to choose from. I presented these to the {riskmetric} team today and they chose 3 & 4 (top right and bottom left) as contenders. We'll submit these to the RValHub Exec committee next week for a vote. The intent is make sure that one of the logos is light and one is dark, so they are more distinguishable from one another. For example, if they are both white, the hex logos will be too similar and difficult to tell apart. So we'll make sure one is dark grey and one is white or cream-colored.

image

And for the {riskassessment} options: I changed the gauge's needle to a cursor, and enclosed the gauge inside a browser window. Of course, the hex tiles on the gauge only show up in three colors, to reflect the user decision, assigning pkgs with a 'low', 'medium', or 'high' risk category.

image

Thoughts?

AARON-CLARK commented 1 year ago

fyi, I consolidated the decision down to the two options, the hex logo pair on the left or the right: which do you prefer?

image

imran3004 commented 1 year ago

We have issue #276 for allowing custom categories. Do you think the 3 categories reflected on the icon will be incongruous once this feature is implemented?

Jeff-Thompson12 commented 1 year ago

I feel like I was asked to give my favorite color. I don't really have a preference. The both look great Aaron. If I had to choose, I would say that the light background with the dark window is more aesthetically pleasing to me than the dark background with a light window. So I guess I prefer option number 2.

AARON-CLARK commented 1 year ago

Do you think the 3 categories reflected on the icon will be incongruous

@imran3004, that's a good point! I think we're okay as long as it conveys pkg-hexes being grouped, which is the main intent/goal of the app. So, regardless of if the user wants to change it to 2 or 10 categories, I think this logo is still applicable. Also, the default & recommended behavior will be 3 categories.

Robert-Krajcik commented 1 year ago

Is the top row for the riskmetric app the the bottom for our riskassessment? Given a choice, I prefer lighter backgrounds.

AARON-CLARK commented 1 year ago

Is the top row for the riskmetric app the the bottom for our riskassessment?

@Robert-Krajcik: Correct, but if they RValHub Exec team chooses light for one pkg, the other will have to go dark. That's why I asked if you like the pair on the left of the pair on the right.

AARON-CLARK commented 1 year ago

Latest Iterations. If these are suitable, we'll use the web browser as the favicon for the app.

Image

AARON-CLARK commented 1 year ago

closed with #349