Vivek Tripathi | Portfolio


Published on

Design Portfolio of Vivek Tripathi | User Experience and Interaction Designer | Usability Engineer |

Published in: Career
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Vivek Tripathi | Portfolio

  1. 1. Design Portfolio<br />Vivek Tripathi<br />User Experience and<br />Interaction Designer<br />Usability Engineer<br />
  2. 2. Process<br />
  3. 3. Final Designs (green theme)<br />LSCC (LIBSYS customer care) <br />Duration 4-5 weeks<br />Project : Redesign of LSCC ( LIBSYS Customer care portal ) a in-house software in LIBSYS for managing customer support.<br />Role : Design Lead<br />Blue Theme<br />
  4. 4. LIBSYS Ltd. Website<br /><br />Duration 6-7 weeks <br />Project : Website of LIBSYS Ltd.<br />Role : Design Lead and Developer <br />(Work included creating user personas, wire frames, visual UI mockups, designing graphics for website, html and css development, building jQuery and flash interactivity, providing cross browser support. )<br />Final Design<br />UI Options<br />
  5. 5. LIBSYS Technologies Website<br /><br />Duration 6-7 weeks <br />Project : Website of LIBSYS Technologies<br />Role : Design Lead and Developer <br />(Work included creating user personas, wire frames, visual UI mockups, designing graphics for website, html and css development, building jQuery and flash interactivity, providing cross browser support. )<br />Final Design<br />UI Options<br />
  6. 6. Mobile Yellow Pages <br />Project in collaboration with Microsoft IDC India<br />Duration 4 months, Guide : AnkurJhawar, UX Researcher, Microsoft<br />Project aimed at exploring possibilities of empowering people in emerging economies with the use of low end mobile phones. We worked in the field of M- commerce and looked into the area of Mobile Yellow Pages directory targeting SME’s and SMB’s in an Indian market context.<br />Wire frames<br />Prototypes<br />Final Application<br />Flow Diagram<br />System modeling<br />Flow Diagram<br />
  7. 7. MILLEE , CMU, USA<br />Mobile and immersive leaning for literacy in emerging economies<br />The Project was a part of my summer internship in Carnegie Mellon University, USA. The research group MILLEE aims at implementing a human-centered approach in building immersive, enjoyable, language learning games on cell phones modeled after traditional village games that rural children find familiar. The project was to design and develop mobile games solving various research questions the group encountered in there last field study. <br />These games were developed for Flash Lite and Brew Supported phones and were later deployed in a field testing in India.   <br />Marakothi: Building support to solve interruption in an immersive gaming environment designed for  learning. A module to save, pause game states<br />JantarMantar- Immersive Language learning game with support for sharing within  gender (for girls).  Competency addressed in game was identifying objects and relating them to their English names (Word to Semantic association).<br />
  8. 8. Effects of multi input SDG on computer literacy of students in case of collaborative learning<br />( Bachelor thesis project )<br />Duration : 8 months, Guide : Prof. Ravi MokashiPunekar)<br />Learning is the outcome of purposive behavior in a specific environment that is designed for learning.<br />Recently studies have been conducted on use of shared computing using multi input SDG as supplement to<br />classroom education in developing nations. Our project focused on Empirical analysis of the effects of using<br />shared computing (Microsoft multipoint) on student’s computer literacy. <br />Publications on this Project :<br />Early stage analysis of the effects of shared computing (CSCL) on computer literacy in<br />emerging economies. <br />Vivek Tripathi, DivyanshuBansal, Ravi MokashiPunekar. Published in IndiaHCI 2010/IDID 2010 conference proceedings held at IIT Bombay, India.<br />Challenges in using ICT for educating children in classrooms of Rural India.<br />DivyanshuBansal, Vivek Tripathi, Ravi MokashiPunekar. Published in International Conference on Education Informatics (EDUMATICS-2010) proceedings held at Chandigarh, India. ( Awarded best poster presentation )<br />Experiments designed to measure various perceptual <br />load on a child using multi point.<br />
  9. 9. Login page<br />Destiny <br />A browser based chat application<br />Recognition of chatting activities in social interactions is useful for constructing human social networks. This Project aims at designing a browser based chat application using an immersive gaming model. This application uses the real world scenario of friend making to generate a virtual model and use it to make chatting more immersive and exciting experience.<br />This chat application calculates your odds of meeting a person online based on the probability which is decided by the compatibility calculated between the two chatting parties. The compatibility is calculated in real time based on the understanding a user gains about his chatting partner as well as the interest shown by the users during the chatting. The Application is built using Flash Media server, Flash Actionscript , PHP and MySQL for database. We have used an iterative design process by testing the application several times in IIT campus. The interface is made adaptive using fluid Layouts.<br />Home Page<br />
  10. 10. Event page<br />Prayas<br />View prototype<br />Prayaas uses creativity, innovation and technology to help reach the voice of different NGOs and Non –Profit organizations to as many people as possible.   <br />The project is a web based interface between the NGOs and users of Social networking website that may act as potential volunteers for these organizations. Facebook application of this project is under development.<br />The application automatically filters events of social welfare based on preferences set by you. The new task flow reduces the time user needs to find a event of social welfare on internet and participate in it to a great extent. <br />Task flows<br />Information Architecture<br />System Model<br />
  11. 11. Virtual avatar to navigate the website<br />Alcheringa ‘09 Website<br />View website<br />Designed and developed a web based interactive interface for Alcheringa’09, the Annual Cultural festival of IIT Guwahati using immersive game behavior. The web interface uses geographical metaphor to create a 2D virtual environment and an interactive avatar to navigate through the information/content.   <br />Avatar navigating the website<br />Home page<br />
  12. 12. Destination ‘x’<br />Designed a Mission game using Geographic metaphor (world map).The mission of the game is to reach a final destination while moving and roaming through different cities in world. The map is explored as the game proceeds.  It started with making an algorithm to generate maps considering shortest path algorithm using different permutations of cities and then story boarding the game. <br />The maps are disclosed to participants in steps during the game depending building a immersive behavior through surprise element.    The game and its back ground question bank evolved as a result of endless group discussions, dry runs and continuous improvements. Finally the game interface was made in on flash using an interactive user centered design process.  <br />Main page (visualization <br />of the movements of player on the map and also slowly uncovering of the cities.)<br />Questions and scoring<br />
  13. 13. GupShup – Tool for office fun<br />This is not a tool for office work collaboration, this tool deals with the fun part. Moving away from a MS Outlook Model we thought of application (browser based as well as standalone) that deals with the fun part of a office environment.   <br />Inviting friends for coffee, pool, and foosball or dedicating, sharing videos and songs, or teasing you colleges using fun emotions.  This application is built using Flash Actionscript and Flash media server.   <br />Designing part is based on an iterative user centered design process, and a detailed analysis of the office culture and environment was done in data gathering and analyses phase to model our application based on it.<br />Refined version<br />login<br />Initial version for testing<br />
  14. 14. Branding and Corporate Identity<br />Project included complete branding of a start up Oil Company and creating its corporate identity. Branding included Logo, letterhead, Posters, Brochures, Website, Packaging Design.  <br />Print Media - Paper, color, font, layout, specification, Printing Instructions, Selecting Images, Designing on Photoshop and Illustrator.  <br />Website - Studying similar solutions, Design Plan, Concept Generation, Paper prototyping and Wire framing, Testing and Generating iterations.<br />Website<br />Poster, pouch, logo designs<br />Blue Theme<br />
  15. 15. Website UX design, <br />Intern Project, First Usable.<br />Project was to redesign the Web Interface of a poly-training institute. The institute caters variety of users ranging from Professionals to primary school kids and so as their Web interface. <br />The work included studying the existing design keeping in the mind the persona on the Clients and expected users. The design process involved heuristic evaluation of the existing site, redesign plan, paper prototyping, wire framing, low fidelity prototyping, concept testing and designing information architecture.   <br />In later phase user testing was involved for the final delivery to the client.<br />Final Design<br />Wireframe<br />Site map <br />
  16. 16. ALFAAZ Poster (annual Literary festival of IITG)<br />Event Brochure Alcheringa’09<br />Alcheringa’09<br />Poster <br />
  17. 17. LIBSYS 7 Brochure<br />
  18. 18. LSNet Promotional Posters<br />LSEase Brochure<br />