To build an organisational webapp, there are a number of standard steps that you need to go through to understand the structure of an organisation. Once you understand the organisational structure you can look at better organising its supporting information requirements and thus the design of the webapp.
It's best to do a first pass through all the design steps outlined below to get a sense of the organisation, and then keep looping back through them to get a clearer more detailed understanding.
It works best if you do this as a collaborative group session with the approriate members of the organisation.
There is a online sheet that can be used as a template when collecting your organisational information.
Example Design Sheet Example Relationship Overview Slide Example Design Document
Using a restaurant as an example organisation, we will now step through the design process ...
The first step is to identify the key roles you have within the organisation.
The roles will become the user types within the webapp and key to creating the best user experience.
User types for an example restaurant;
Now that you've identified the key roles, you can start to identify each roles's key activities (processes) and location of the activities.
Again using the restaurant as an example;
Role (User Type) | Activities (Processes) | Where |
---|---|---|
Customer |
|
Anywhere, out and about. |
Customer service |
|
Front-of-house |
Chef |
|
In the kitchen, occasionally anywhere |
Admin |
|
In an office, occasionally anywhere |
Management |
|
In an office, occasionally anywhere |
Now that you've identified the key roles and their key activities we need to identifiy any relationships and interactions between the organisational roles or external roles/services; and data needs.
For the example restaurant the interactions and data needs are;
Name | Interacts with Roles (User Types) | Needs this Data |
---|---|---|
Customer | Customer Service | Availability |
Customer Service | Customers, Management, kitchen | Customers |
Chef | Customer Service, Management, Uber Eats | Menu |
Admin | Customer Service, Management, Chef | Sales, Bank, |
Management | Customer Service, Chef, Admin | Sales, Expenses, Budgets |
Using the information collected in the Organisational Relationships section; identify what data this organisation needs to support the roles, processes and relationships?
Later we will map these data needs to existing objects available within the mydigitalstructure.cloud service.
Now that you have gathered the key organisational information and can start to bring it together for each role, which will form the basis for the structure of the organisational information webapp.
Using the Customer Service role as an example;
Repeated for each of the roles.
Now that we have a clearer picture of the organisation and how it works, we can to think about the user interfaces based on each of the roles (user types) you have identified and their assocaited summaries of what they do and what information they need and who they interact with.
At this point we are now potentially needing the help of a user interface designer to help with the layout. But for your understanding we will continue through the process.
Look & feel
The user interfaces will be different for each of the roles based on their needs and where they use the webapp - ie if need access to the information "anywhere" then a small user interface for use on a Smart Phone is best. If in the kitchen then may be designed for touch screens on a larger monitor.
To make it easier to build the user interface we recommend using the bootstrap framework; it has lots of templates that can be used as a starting point - like INSPINIA.
We also recommend taking screenshots of user interfaces you come across or browsing sites like wrapbootstrap.com
Data Storage
Once you have the interface designed and coded - ie you can click through it and see it in action. We can start to add the functionality that will retrieve and save the organisational data using the mydigitalstructure.cloud service.
This is where all the value of the mydigitalstructure.cloud service comes it as it will securely store all your data and make sure only the users that should have access do have access along with it's included organisational data objects.
Next step is map to the organisational data needs to existing data object ... using the restaurant as an example again...
Organisational Data | mydigitalstructure Object |
---|---|
Customer | Contact Person |
Reservations | Activity with Type equal to "Reservation" |
Need help to build the webapp you've designed or find out what it will cost to build it, then email us @ hello@mydigitalstructure.cloud
Or if building webapps is your thing or you would like to find out if it's your thing,
then head to the mydigitalstructure Quick Start guide!
Also check out our webapp build quick start guide.