Skip to content

Conversation

@ivan-aksamentov
Copy link
Member

@ivan-aksamentov ivan-aksamentov commented Aug 29, 2022

Followup of #972 (and based on that branch)

Common:

  • Introduce tabs for navigation between main, results, and tree pages
  • ...

Main page:

  • Adjust grid breakpoints for target audience. Nextclade is desktop-first app, so instead of having fine-grained of breakpoints for mobile, let's instead add more breakpoints for small and large desktops, small and large laptops. This targets to improve UX of laptop users.
  • Avoid layout shifts on main page. Here I removed text from main page, made navbar and footer fixed and is focusing on the central part of the application - dataset selector and analysis run interface.
  • Add text from main page and team info as separate pages
  • Make wizard buttons sticky on laptops and mobile, to avoid vertical scrolling.
  • Make file "upload" list scrollable
  • Cleanup navigation bar and button controls
  • Hide extra buttons under burger menu on small screens.
  • ...

Results page:

  • Cleanup navigation bar and button controls. Use space more efficiently. Merge 2 rows of buttons.
  • ...

Tree page:

  • Cleanup navigation bar and button controls. Use space more efficiently. Merge 2 rows of buttons.
  • ...

Nextclade is desktop-first app, so instead of having most of breakpoints for mobile, let's make breakpoints for small and large desktops, small and large laptops. This targets to improve UX of laptop users.
Here I removed text from main page, made navbar and footer fixed and is focusing on the central part of the application - dataset selector and analysis run interface.
@vercel
Copy link

vercel bot commented Aug 29, 2022

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated
nextclade ✅ Ready (Inspect) Visit Preview Aug 29, 2022 at 11:51AM (UTC)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

No open projects

Development

Successfully merging this pull request may close these issues.

2 participants