I usually asked about how Apps or Web Application/Services are developed.
This my approach, and it is not the only approach norvthe only correct one but it worked for me especially when I outsourced the development to offshore or freelancers
This my approach, and it is not the only approach norvthe only correct one but it worked for me especially when I outsourced the development to offshore or freelancers
Phase I
1. Study the market for similar or competitive services and identify 3 to 5 services as my Reference Service Models.
1. Study the market for similar or competitive services and identify 3 to 5 services as my Reference Service Models.
2. Do Service Comparative Analysis listing all functions/features along with my wish list across all Reference Service Models and cross reference them with the Services to get the most common dominator features along with my enhanced features. This becomes my service requirement.
3. Finish the Project Definition Document "PDD", which is a high level design document stating the expected features and most importantly identifying the Service Models whose features are to be copy-cat and enhanced.
Phase II
Design the service Wireframe that shows the pages of the service, what attributes (fields) and information to captured/displayed on each page, and how pages are navigated from/to.
Wireframe will show the color theme used but NO database connection.
Design the service Wireframe that shows the pages of the service, what attributes (fields) and information to captured/displayed on each page, and how pages are navigated from/to.
Wireframe will show the color theme used but NO database connection.
Wireframe is a way to design a website/service at the structural level . A wireframe is commonly used to lay out content and functionality on a page which takes into account user needs and user journeys.
experienceux.co.uk
experienceux.co.uk
A Wireframe is the laying out the business needs from content/information perspective and how the user will interact with it, but without the backend (database) connection, and without the detailed Business Logic.
Wireframe is an excellent tool to communicate the UI of the project to developers. Complemented with business logic and rules in project definition, developer's job becomes much easier to develop the App/Web and build the Database for it.
Wireframes + Business Logic/Rules stated in the Project Definition Document (PDD) enable the Developer to estimate the effort that need to be put into the project, to arrive at its cost and duration.
Phase III
1) Convert the Wireframe into actual web HTML and App Pages
2) Develop the Database backend with all required business objects and relationship.
3) Connect the UI/UX with the backend database to have a full workable service (Web App or Mobile App)
1) Convert the Wireframe into actual web HTML and App Pages
2) Develop the Database backend with all required business objects and relationship.
3) Connect the UI/UX with the backend database to have a full workable service (Web App or Mobile App)
Of course the above steps requires constant interaction with the project owner to confirm his/her requirements, and this is what he/she wanted. Functional Testing, Stress Testing, Security Testing...etc. are all part of this phase.
@rattibha رتبها
Loading suggestions...