Chat--Real-time communication software prototype design

Prototype Display address: section Chat

Prototype design tool: Ink knife

Operating Environment: Android,web browser (chrome test)

Android Download:

Description: The product prototype is a frame design before the whole product is available, the prototype of the product is basically built on the frame structure, not attention to the beautification of the icon and the layout of the details.

Need

Branch Chat, as the name implies, do our own real-time communication software, convenient campus communication links, complete point-to-point instant communication, greatly meet the needs of hkust users.

Approach

With careful consideration, the tentative platform is based on Android for several reasons:

1. Mobile devices are easy to carry and meet the original meaning of instant messaging tools

2.Android for a large number of users, large base

The implementation method is mainly based on the chat framework, involving social circles and information exchange, detailed design see below.

Benefits

To realize the close communication between the Hkust friends and promote the cultural exchanges between the Ke friends;

Easy portability based on Android;

Set up a variety of features for chat.

Compettors

Instant communications before there are QQ, they have been large enough to the software to cover all aspects of the function, not our eyes, but I design "chat" prototype only to enhance campus communications to provide a trivial way, but also for advanced software engineering This course to hone their own.

Delivery

(If you want to promote) start with your own class, recommend the first batch of users and provide feedback, and then improve the software, and gradually expand the function, and then to other classes or labs or even the whole school-wide promotion, publicity and expansion, further improve the software architecture.

Mvp

Minimum viable product, I'll go deep into the basics of instant messaging software, develop new products with enough functionality to meet early adopters, and finally a complete set of features that are designed and developed only after considering initial user feedback.

prototype Design Basic structure Diagram

Start Interface

Home

Home page Default section chat tab;

In the bottom bar can switch "chat", "Contacts", "Find", "self" four tags;

View information to access the chat page.

go to the chat page

can see their chat information with friends, at the bottom of the keyboard input and voice input switching function, expression package management and more features;

Emoticons Pack

Left slide Toggle Emoji Pack, keyboard input and voice input can switch to each other

More Features

Picture Send

Call function

Send Location

Send Red Envelopes

Contact page

Friend info

Discovery Page

Circle of friends and family

Search a search

Own page

Wallet

Set up

(funny. jpg)

Some ideas about prototyping

1. Prototyping does not have to struggle with the UI processing, not necessarily the icon, the theme of the exquisite (that is the post-art thing), do not necessarily do the functions of the exhaustive. MVP's idea is to develop a new product or website with sufficient functionality to meet early adopters, and the final set of functions is designed and developed only after considering the initial user feedback.

2. In the process of using ink knife to be proficient in the use of the motherboard, with a good master many areas of the difficulties can be solved, but this is also difficult place. In this design I set up a sweep of the master, Chat page template, examples are as follows:

3. Skills and skills to be trained through this exercise:

Se:requirement

Programming:comprehension

Programming:disign

Personal Software Process

Direction Outlook

In the case of MVP, choose the first batch of people (such as the class), according to their feedback and then improve the software, beautify the theme, and gradually expand the function, and then to other classes or labs or even the whole school-wide promotion, promote the expansion, further improve the software architecture.

Chat--Real-time communication software prototype design

Above.

Chat--Real-time communication software prototype design