Responsive UI Redesign

[james-hanks]

Responsive UI redesign for mobile, tablet, and vertical monitors

Toolbar

• New toolbar elements need threshold to resize/convert to hidden
• 3 toolbar components
• • Left justified OHIF logo, patient info
• • Center justified tools
• • Right justified statement of use, settings

Related issues

• Viewports in OHIF V3 can be reduced to zero and unusable small widths #3159
• Measurement tracking confirmation prompt buttons get clipped for thinner browser windows #3161
• Bottom border of the last row of viewports gets clipped in V3 at smaller widths #3160

[KeiOne]

Hey James, when do you think the team will tackle responsive UI design and when do you think it'll be finished ?
I'm thinking about forking and doing it but i'm not very well versed in react and have problems figuring out the layout and components of the project. So I wanna know if I should just wait or try my hand on it.

[dan-rukas]

Hello @KeiOne! I'm working as a UX designer on the OHIF Viewer. The mobile and responsive design is what I'm working on next as our v3.8 design pieces are getting wrapped up. Our upcoming roadmap will likely include some details on what version and when this may be released into the OHIF Viewer.

There are a number parts of the viewer that are being reconsidered from a UX perspective to work responsively. We're also doing some user research to understand how people will use the Viewer in mobile/responsive. Let me know if you are interested in talking about your project or use case. We could setup a short meeting, Slack chat, or whatever works.

[fmrcenter]

Hi @dan-rukas Please consider reviewing the great UI of ioviyam2

http://oviyam.raster.in/ioviyam2.html

Its a bit old with small screen consideration but have a great concept to begin building new mobile UI.

[itcthienkhiem]

Dear @dan-rukas,
OHIF now v3.8.0, how long fixed UI/UX for mobile version?

[sedghi]

closing in favor of #4099