15
Polymind
- 2019 - Concordia - 2 Month - Individual work
- UI/UX design - Coding - Application
- Divers Web languages - Atom
Polymind is a networked webpage optimized for smartphones and Tablets. It is a display that extends and helps to communicate. Originally designed for brainstorming, it should helps people talk about and explore all kinds of topics. People are gathered around a central area - the main "pool"- defined by an IPad and they can interact with this area through their own space which is defined by their phone. The idea is to initiate debates. Each participant is able to create and add thoughts to the main pool. The main pool gathers all the ideas, making them available to discuss and interact.
- The pool
The main pool is the center of the Application. There you'll have the choice to open a new project or retrieve an old one. The different projects and their elements are stored in a database. You'll have the possibilty to choose how many people (from two to four) are going to participate.
Once the elements are created by the user and sent to the main pool, they are moving around freely. The participants have the possibilty to stop them and display them as they wish, or to link different items together by clicking on them, draging and droping them. Just clicking on items would display more information about the particular items. Users can also drag and drop items to their individual interface to modify them.
Once done, participant would have the possibilty to save their brainstorming session into a pdf or other an format and have it send to their email address.
- The Phone
The phone represents each individual space. Users are able to connect themselves to the different user ports: one to four. There are able to add new thoughts throught this space. Elements can have different styles and sizes. Each Element has different components, a main keyword or title, three hashtags and a paragraph of description.
Once done, users can send their item to the main pool by the "drag and drop function" which add a gameplay aspect. The direction and the speed are defined by the movements made. Each element created is directly displayed on the main screen and stored in the database.
- Process
- User Test
User testing allowed me to test my phone wireframe, but mostly helped me define what were the movements that adapted best to each feature on the main screen. Taking the feedback into account I assigned movements to the different tasks Due to the complexity of the numerous features, I decided not to implement them all for the moment.
- Technologie
My entire project was based on simultaneous communication between different users. Therefore, I used therefore node.js and the library Websocket which allowed me, through diverse requests to the server, to have a dynamic and multi user webpage. Once the connection “handshake” was implemented, I focused on the other functionalities: Choosing the number of users and creating data.
To achieve that, I used SQLite to create my data base,some Ajax to make request in order to get the data from the database and some JSON to convert and interpret it easily. Once I managed to have the server retrieve the information and send it back to the different clients' pages I focused on implementing it into a working prototype with the principal functions: "drag and drop", "hide and show", "stop and play".
