| This work belongs courses | Links courses |
|---|---|
| Where the job requires | Link job requirements |
| The target job | Understand and learn to use prototyping tools, learn through needs analysis, the use of prototyping tool designed to approximate the entire framework of the project |
A common prototyping tools
Three common prototyping tools: blade, Axure RP, Mockplus
a. blade [Baidu Encyclopedia] [1]
- advantage
- Personally, I think for some of the early white for high efficiency
- Free version carrying member, the interactive function, the mobile terminal can basically meet the design requirements of prototypes
- Controls are based APP, as well as system platform IOS and Android
- Shortcoming
- Only the mobile terminal prototype, the interaction effect, the selection of the combination, the operation panel is also not as Axure flexible and does not apply to the PC
- Because the effect is switched by way of connection, the feeling is likely to cause confusion to the user experience influence the design of
- If you want to create more powerful features to share, such as teamwork, stand-alone download, you will also need to pay for
b.Axure RP [Jane book] [2]
- advantage
- "Freedom" on the control, material control, through a strange Axure design dynamic effects
- Visually simulate real site usage scenarios
- Shortcoming
- The material is relatively small, it takes some time to collect
- Dynamic panel is very complicated, if you want to get to know, take some time
- Only support the local design, if you need to take home painting, you need to also be installed on the home computer
c.Mockplus
- advantage
- UI designers can help complete the prototype in the shortest possible time chart design
- From the performance and maturity terms, mockplus superior
- mockplus not rely on the network more flexible
- Shortcoming
- Working interface restrictions
- Because the effect is switched by way of connection, the feeling is likely to cause confusion to the user experience influence the design of
- mockpuls want more features, then, you need money to upgrade
Personal view: When we are in the communication process and the user, the user can only speak their thoughts usually 80%, but we hear a maximum of 60%, but only 40% understand, the result of the execution, only 20% a. The hearts of the idea may be perfect, but the implementation of it, it sweeps clean,
This is the "communication of the funnel" caused, it is necessary to take the appropriate methods to overcome this "funnel" phenomenon, namely the cost of the so-called communication. Demonstration prototype production costs and relatively low cost, it has demonstrated a prototype, at a glance, the user according to their judgment, combined with
Description presenter, to understand not so strenuous. By prototyping, we can determine their own software meets the needs of users, it can be found insufficient to describe the demand, thereby further to improve our software products to meet the actual needs of the user.
[1]: https://jingyan.baidu.com/article/d7130635f9ec7513fdf475f6.html "墨刀和axure的区别"
[2]: https://www.jianshu.com/p/81bd1a859219 ''工欲善其事必先利其器：墨刀和axure使用经验分享''Second, demand analysis
I chose the second project, the following project profiles
- Major groups: All classes blog teachers, teaching assistants, students are potential customers, in addition to all the computers have similar professional teaching needs of teachers and students may also be potential customers.
- Demand: rough statistics class blog blog garden of about 3,000 active users. (Use class blog has not yet estimated the potential user)
demand classification
| overall | Need to be more convenient to use the class blog on the phone sometimes need to view certain content in the case of off-line need to be more simple and beautiful interface for the phone to adapt to the need to improve information alerts class blog is much more systematic and more complete classification, will more user-friendly to find what they need |
|---|---|
| teacher | We need to be more convenient for members of the class, teaching content and student achievement management |
| Teaching assistant | Need better access to members of the class to manage, communicate with students, evaluation of students |
| student | We need to be more convenient to communicate with each other, to complete the job |
Specific analysis is as follows:
- Target group: all classes blog teachers, teaching assistants, students and computer professionals with similar education needs of teachers, students
- Background: The teacher and teaching assistant in the management of student achievement as well as on the usual exchanges and student communication is not convenient, the student is not easy at the time to complete the job
- System features:
- Teachers
and students exchange, communication
view has joined the class of students blog
View Class student achievement
publish course content and change - TA
View class of their own to join
to see the management class
management class members
to communicate with students
evaluation of students - Students
see their own classes to join
to see the students have joined the class blog
exchanges between the students
complete the job
browse other people's blog garden technology blog
to keep some blog, no network, it also can be viewed
- Teachers
- Solve the problem
- Teachers and students can communicate anytime, anywhere
- Teaching assistants, students can complete the job at any time on the phone
- Evaluation of students at any time
The following is a prototype design (blade free because only built 20 temporary page so some features did not write):
Click to login or register, if you click on the login, enter the following interface
Because the model is not required to verify the account password, click Login to enter the Home again, the default login for the first time for students to log on, click if it is registered, it will enter the following interface
Therefore, because of the number of pages of the two steps is omitted. Let's look at home, the equivalent of a scaled-down version of the blog garden, in which there can browse other people's blog, and collection and other operations, as shown below
Click on my classes, you can enter the chat interface, this interface is similar to QQ, as students join the class will have such a group chat, so it is easy to share, learn
Click on me, you can enter the following interface
On this page we can see that we added classes, as shown below
You can also view our job to join the class issued, the upper right corner you can choose to join the class, as shown below
Click homework, then you can select and unfinished work currently selected class has been released
If you click on the assistant / teacher certification, can be carried out by staff or student ID number and password verification, validation by next picture will become appropriate assistant / or teacher, after verifying the above functions will be a little bit of small change
If verified as assistant, then the interface will work release button one more job for publishing jobs
Also there, teaching assistants will be one more button as my management class class has been added, can be evaluated in class management student from here
If verified as a teacher, then work the interface is to look at the results and publish jobs
Has been added to the class, the teacher to student achievement can be viewed at the same time you can view the classes that you create, and manage
Web client, then, is used to the teacher, the teacher can also view student achievement through web pages, management class students, teaching and publishing content
The following are members of the class management
The following is a class performance management
The following is a release of teaching content
There is a class blog, in here we can see, the other students in the class published a blog
