I'm developing a new web app. The app's core is mainly a system for managing business data.
And because there are a lot of fields to manage (list, view, edit, delete, organize, ...), I was thinking of creating a web app with horizontal scrolling instead of vertical so I can have e.g. the
edit form pop up next to the
list view instead of changing the page and loading the
edit form as a single page.
Let me illustrate it for you:
This image only shows one level of menu popping into the right, but it can have multiple menus popping up next to each other making the horizontal bar significantly small and generating a big wide screen like 12000 px x 900 px.
Secondly, this app may have it's own version for mobile devices (IOS, Android, Windows Mobile) and will be accessible throw mobile browsers.
So what I'm asking is, what are the pros and cons for user experience in having a web app where it's main way of navigation is horizontal?
The purpose of having multiple menus popping next to each other is to maintain a coherent line throw the root (starting from one of the company projects) and descending throw its hierarchy of sub-projects, tasks and actions.
One of its structure could be the following one:
dashboard-> List of all projects
selectsProject A ->
opensList of All Sub-Projects from Project A
selectsSub-Project C ->
opensList of All Recent Activity of Sub-Project C
selectsManage Tasks ->
opensList of All Tasks
selectsTask X ->
opensList of All Activity Related to Task X
selectsManage Task X Notes ->
opensList of All Notes assigned to Task X
selectsEdit Note Y ->
opensEdit Form to Update Note Y