|
|
|
|---|---|
|
|
|
|
|
|
1. Comparison prototyping tool
1. blade
1) blade is a professional, reliable, simple, easy to understand online product prototyping and collaboration platform, to quickly complete the product design, the more time left to think.
2) blade is very good to use, built a lot of material, according to their actual needs flexible access, you can also save frequently used material together to form their own component library, ready to reuse. I also found that the use of the process, the color of the ink knife will save the most recently used records, this is very good, not one by one in front of me turned what used fonts RGB Yes.
3) blade has its flaws, because the blade is a cloud version, the development of technology is unstable, slightly more complex to collapse; and software vendors do not provide the source files, can export images or create a prototype, but no prototype source file.
2.mockplus
1) mockplus is a simple and rapid prototyping diagram design tools for software teams, for personal use in the design phase of software development. Its lo-fi, without learning, get started quickly and be able to express myself very well designed.
2) mockplus is also very suitable for beginners, easy operation and high efficiency is completed, the Internet can find a lot of instructional videos, is also a PC version of its operations than Axure RP is much simpler, also supports a key export, team sharing, let the team higher performance.
3.Axure RP
1) Axure RP is a professional tool for rapid prototyping, let the experts responsible for defining requirements and specifications, design features and interface to quickly create wireframe software application or Web site, flow diagrams, prototypes and specifications document.
2) Axure highest professionalism, the most comprehensive, but it is really good to get started, and newcomers learn the cost will be high, regardless of cost or time cost of money. On the prototyping and the other two most different is that it not only can be saved to a local, but also a return to the various versions of editing for professional designers, this function is favorably.
Comparison of the three tools above, I think that if only used to study entry , then the ink knife are three of the most convenient because it does not need to download, you can directly edit online, and get started fast, with a lot of h5 platform very similar. If it is non-professionals occasionally want to use, I recommend mockplus, its interface and features are loved by everyone, and put the user experience first. If you later want to be PM, PD , you can go in-depth study RP Axure , because it is the most professional, most comprehensive, essential piece of software professionals. After professionals learn these three tools, according to the actual design requirements, to choose the best tool to achieve results.
2. Requirements Analysis
Project requirements are as follows:
Students and administrators for the general community, a collection of information about each community, is active browsing features and registration, as well as publishing activities, audit and inform, but also has added to the community, within the letter transmitting station and other functions.
Background and solve pain points:
Lack of student just Ru Xinan Petroleum University community understand the long-term, convenient channel; number of public associations scattered throughout the article; the group made the event registration questionnaire easily past water, but also to fill in information about each are similar.
Community administrators do not have a very good tool in the management of members, to publish events, statistics registration staff to notify changes and other activities.
Social Union in the management of all societies, the audit activity application, review the application space, star ratings, and other aspects of the material charge there are some difficulties.
Therefore, we hope to build a software to connect students, community and society together, according to different user needs, we plan to show the community, event registration and other functions on the phone applet end, put most of the functions of community management in the web client.
Project-oriented user:
Applet: mainly for Southwest Petroleum University students, community management functions, the president and other community-oriented administrators.
Web client: The main president for community and other administrators, but also for the community linked.
For the latter only need a simple prototype design, requirements analysis start with the following two aspects:
(1) User: Who would use this function?
Students, community administrator, community-linked administrator
(2) Scene: under what circumstances the user would use?
Ordinary students : browse societies, browse community activities, registration activities, join associations in the transmission station information.
Societies Administrator : Publishing club activities, change notification, statistics, audit enrollment, issued a notice.
Social Union administrator : audit activities, review the application site, star ratings, to receive the materials.
Finishing availability of functional requirements :
Applets:
| The average student | Log in, browse community information, browse community activities, registration activities, join associations in the transmission station information |
|---|---|
| Community administrator | Includes all the features of an ordinary student, publishing community activities, editing activities, edit the information society |
Web client:
| Community administrator | Log in, post community activities, see all launch events, change notification, statistics, audit enrollment |
|---|---|
| Social Union administrator | Log in to view all launch events, collect material, audit activities, review the application site, star ratings |
According to the needs analysis, I applets and web client were allocated concept of functional requirements.
First, whether it is a small program or web client, user interaction should be carried out prior to login . Since the user needs of their students, and therefore to design a registered interface to verify the true identity of the students.
For small program
I will be a small program is divided into three modules: Home, community, my .
Home module can be seen in the latest community activity information , click activity after can view the messages, and event registration .
Associations module lists all of the community, and can search communities you're looking for. After clicking on the corresponding societies, associations can enter the details page to view the community profile, move into the new QQ group, click join associations , fill in to join the community application ; you can also click activity , view the society released activities , and event registration .
My modules can view the community I joined (whether approval), activity I applied to enter the security center can change the password associated mailbox, change tied to the phone. Send news station can provide information feedback, if community administrator, click on the community administrator may be appropriate for community background operation, such as publishing activities.
Applet all functions are as follows:
- For web client
I will end the page is divided into two parts, login if it is community administrator , then enter its corresponding admin interface, including interface to view all events, view the enrollment, released a new event, change event notification, submit the audit materials and Security Center these six plates .
If the login is a community with an administrator , it's admin interface includes a view of all audit activities, audit activities, the star rating, charging activities and venues to apply materials, and Security Center five blocks .
All web client functions are as follows:
3. prototyping
The work I use the blade to complete the prototype.
Applet : Hi associations applet
Web client : Hi community web client
4. Tips
The work on the prototype spent a very long time, although not difficult to learn to use a tool, but think about how to build this interface, or to spend a lot of thought. Although the future is not considered as PM, but this design had a handful can be considered design addiction, the initial prototype design products have a deeper understanding.