Hello,
Our institution had to choose a new theme and we had users tests with teachers that lead to Fordson theme adoption with a high majority of preferences for this theme. Thank you very much for this great design ;-*
While performing these tests, we had some suggestions on the above action menu buttons : it is sometimes possible to reinforce button affordance.
First suggestion reinforce the edit action button with a hover scss.
Here is our scss suggestion :
.btn-success{ &:hover{color:#48a648!important;
background-color:#fff!important;
}
}
.btn-danger{ &:hover{color:#d9534f!important;
background-color:#fff!important;
}
}
Second, users suggested to put some space between site admin button and edit button :
.siteadminlink{ .btn{margin-left:4px;
}
}
Finally, teachers told us it is not clear the logo and title are actions buttons, so we also reinforced their affordance trough hover scss :
nav.navbar{
.logo {
img:hover{
filter: brightness(70%);
}
}
}
.navbar{
.site-name:hover {
text-decoration:underline
}
}
Hoping this suggestions will help
Zabelle