User Interface design of mobile based project sharing platform
- 2. Introduction Software designed to run on mobile devices such as smartphones and tablet computers. Mobile user interface (UI) Design plays the most important part in engaging with the user Several constraints are taken into consideration during the design phase.
- 3. Objective To design an interface for a project or portfolio sharing, mobile based application. To make use of the data perceived from assessment of existing platforms.
- 4. Motivation Better understanding of projects undertaken Develop a sense of competitiveness Act as a bridge between students and faculty members Will result in more happening academia
- 5. Steps: Concept Design ------------------------------------------------------------------- Programming Launch Marketing
- 6. Methodology Heuristic evaluation Personas and storyboard Card sorting Paper prototyping and wireframe Visual design
- 14. Card sorting 1. The cards were made. 2. The sorting was done to separate the similar and dissimilar functions 3. The cards after sorting
- 15. Paper prototyping and wireframe The pictures show the flow of the application, linking different pages
- 16. Visual design
- 18. Final Design
- 19. Logo Evolution of the logo Free hand sketches of logo • A sphere of network • Entities are connected • Uneven stroke, just like a chalk
- 20. Colour scheme Colour picker Final colour scheme : Blue-Grey Hex codes: • Blue ( 0383e6 ) • Grey ( acacac ) • Dark grey ( 7f7f7f ) • Dark blue ( 0277bd ) • Black ( 000000 ) Reasons: • Calm, relaxing • Encourages innovation • Fades in background
- 21. Font Calibri was chosen, keeping it professional Reasons: • It is associated with stability. • Renders beautifully on computer screen • Less congested
- 22. Salient features Transparency: The user is totally aware what he is doing. Self-Exploration: The user is guided by its own intuitions, rather successfully. Fading background: The background gets blurred while accessing the dashboard and messaging option. Drag and drop: To upvote, comment, share or collaborate with a particular project, one has to drag and drop the options available below on it Network building: This application is based on a strong student-faculty-alumni network which gives its unique identity.
- 26. The digital prototype was created using Marvelapp, the link to which is: https://marvelapp.com/5cg2i0e/screen/27589918
- 27. Conclusion and future scopes Developed by looking at the current problem of having no such facility at institute level This concept is appealing in spite of being relatively new Develop a strong happening network, where exchange of ideas would be the prime focus Linking it with other sister colleges could considered a possibility Can be linked with other databases
- 28. References www.uxmag.com www.designshack.net www.behance.com www.pinterest.com https://en.wikipedia.org/ www.marvelapp.com www.creativebloq.com www.shortiedesigns.com www.uxplanet.org www.thinkwithgoogle.com www.designmodo.com Readings provided by Dhananjay Bisht sir.
- 29. Thank You