|This assignment belongs to which course|
|Where this assignment is required|
|Team name||Code Crafters|
|The goal of this assignment||Prototype Design|
|The link of prototype|
|The link of presentation|
After discussion and negotiation, we found points and challenges that may arise during the assignment
Goal and Audience Analysis: Understanding the goals and target audience for the webpage is crucial. Different user groups may have varying needs and preferences. Ensure the team has a clear consensus on these aspects.
User Experience Design: Designing a user-friendly interface is paramount. Focus on the layout, navigation, interaction, and overall usability to ensure users can easily accomplish their tasks.
Design Principles and Style Guidelines: Ensure the team shares consistent design principles and style guidelines to maintain visual coherence. This includes aspects such as colors, fonts, and icons.
Responsive Design: Ensure the webpage displays well on different devices, including desktops, tablets, and mobile devices. Responsive design is now a standard practice.
Content Strategy: Ensure the content on the webpage is clear, concise, and meets the audience's needs. Consider how to effectively present information so that users can easily understand.
Data Security and Privacy: If the webpage involves user data, ensure appropriate security measures for data collection, storage, and processing, while complying with privacy regulations.
Collaboration and Communication: Effective collaboration and communication among team members are key to success. Ensure there's an efficient communication channel, and clarify each member's responsibilities.
Project Management: Effective project management is crucial to ensure tasks are completed on time. Establish clear milestones and timelines, ensuring each team member understands their tasks and deadlines.
Technical Implementation: If the webpage involves technical aspects, ensure the team has sufficient technical knowledge to handle challenges such as front-end development, back-end integration, etc.
User Feedback and Testing: After the initial design, obtaining user feedback and conducting testing is critical. This helps identify potential issues and allows for necessary adjustments.
Budget and Resource Management: Consider the project's budget and resource constraints. Ensure the team has adequate resources to complete the task while being mindful not to exceed the budget.
Change Management: During the project, there may be changes in requirements or design adjustments. Establish an effective change management process to ensure any changes undergo thorough discussion and approval.
|Student Name||Student ID||Task Description||Contribution|
|陈堃||832102218_21125261||Look for material||8%|
|汪郑贤||832102211_21124744||Look for material||8%|
|王心怡||832101201_21124477||Collaboration and Division of Labor & Modification||9%|
We use Mockplus for prototype design. It is a very excellent prototype and interaction design software. Its core advantage is that when it is necessary to show the interface jump logic and deduce the operation process, a considerable degree of fidelity prototype can be made clearly and quickly for the team to play with, and it has collaborative function and compatibility.
Demand analysis: This is to make relevant functions and corresponding page design that meet the requirements when designing our software, and this task has been completed in the fourth assignment.
Look for materials: Prototype design is the first impression of the viewer to contact the web page, so its design style should be consistent with the overall page, the color collocation should conform to people's visual habits, and coordinate with the overall tone of the page. Look for suitable materials for our software is important.
Prototype design: It is a platform for visitors to communicate with the web page, because it has a special position in the web page, so its design should follow certain principles. The first is simplicity, simplicity is to facilitate users to use, understand the content of the web page. The second is clear security, which refers to the information that intervenes in the system when the user makes a dangerous choice. Finally, it is flexible and user-friendly, which means that users can use it easily and quickly.
Test: This is to make the page design more popular, can better enhance the user experience. Our team first used the interface, and collected opinions for optimization, and strive to complete a better design.
Goal and Audience Analysis:
User Experience Design:
Design Principles and Style Guidelines:
Data Security and Privacy:
Collaboration and Communication:
User Feedback and Testing:
Budget and Resource Management:
In the subsequent results presentation, we will make an objective assessment of whether the above problems are solved
In order to facilitate the process of recording the project, we use the form of log to present. By maintaining such a design log, we can track the entire design process, recording decisions, feedback, and improvement points to provide useful lessons for future projects.
The main objectives and expected results of the project are identified.
The expectations and aspirations of each member are shared.
Defines the target audience and their needs.
Determined the software for the Prototype Design (instant design)
Find inspiration individually, summarize and share design references.
[Week 2 (first 3 days)] - Session 2: Design reference sharing and preliminary ideas
Members shared the design references and inspirations they found.
Begin to form a preliminary design idea, discussing layout, color, font and other elements.
Create preliminary sketches with instant design tools that highlight key design elements.
[Week2(The last 4 days)] - Session 3: Preliminary design and user feedback
Members presented their preliminary design.
Initial feedback from team members was collected, with a particular focus on suggestions for user experience.
Collate the feedback and make any necessary adjustments.
Start thinking about the interactive details of your page.
[Week3(first 3 days)] - Session 4: Interaction Design and Technology implementation discussion
The interactive design of the page is discussed, including buttons, navigation, etc.
Technical members shared possible technical implementation issues.
In-depth study of technical problems and discussion of solutions.
Refine interaction design and create high-fidelity prototypes.
[Week3(last 4 days)] - Session 5: final design confirmation
Present the final design and ask for final comments from team members.And prepare the results for presentation