search

neuroanatomy / BrainBox

BrainBox is a web application that lets you annotate and segment 3D brain imaging data in real time, collaboratively.
https://brainbox.pasteur.fr
Other
96 stars 46 forks source link

Reorganise the user interface #189

Open katjaq opened 6 years ago

katjaq commented 6 years ago

Currently,

all implemented tools are available via icons in one tool bar close to the viewer, and a more global set of tools at the top of the screen. On hovering, tool tips will display the functionality behind each icon. screen shot 2017-12-12 at 14 38 45

What we would like to achieve

is a well organised user interface, which would work on all devices (including phones and tablets, where often hovering is not possible) where users will have an intuitive access to the tools they need and which will be able to scale. The main question is, how to organise our tools when we keep adding more and more? For this, it would be super nice, if neuroscientists and designers could work closely together to find a solution. Grouping icons? Distributing them instead of one tool bar? Making the pencil size icons (plain numbers) more clear?

We are looking forward to your suggestions and happy to discuss!

raamana commented 6 years ago

I think its difficult to support VERY broad range of devices, while maintaining full/consistent functionality.

Given the unique problem BrainBox solves, I'd personally vote for focusing on tablets (iPad Pro first, normal iPad second and other Android tablets), and use some sort of device type detection code to expose previously tested-to-work-well functionalities only.

I don't know the internals of BrainBox, but starting with universal bases classes with minimal functionality and adding derived classes with custom handling for each device type would be the way to go. But I am pretty sure you guys thought about this already.