Abhijit someworks

146 views

Published on

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
146
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Abhijit someworks

  1. 1. 123Greetings abhijit das I user researcherabhijit dasSome snippets of my work on UI architecting usingUCD principlesAbhijit Das
  2. 2. 123Greetings abhijit das I user researcherabhijit dasSunlife Insurance Monitoring Application01
  3. 3. 123Greetings abhijit das I user researcherabhijit dasTASKAn internal application to monitor insurance flow. The Investigative Services Unit of Sunlife needs to identify and monitor fraud cases at member,claimant and provider levels.Unfortunately, the existing provider database will not meet the needs to accomplish their goal, therefore, a new provider database and userinterface was required. The interface should provide functions to assign various status to different levels of facilities. It also need to beaccompanied by a admin panel to power user privileges.METHODOLGYIn order to showcase a design solution, for which we followed the below methods:•Questionnaire: This will help us in identifying the needs of users on broad level, depict overall approach for GUI including branding, navigation,workflow and style guide. Questionnaire should be address by stake holders or end users. Carrying this activity required on-site coordinating andclient conf calls with other experts at offshore.•Prototyping: This is broadly divided into two parallel activities, low fidelity and high fidelity prototyping. We need to analyze if we have enoughbandwidth to perform both the activities. Here low fidelity was achieved as paper prototyping during several brain storming sessions and latertranslated to high-fidelity was achieved by Visio based skeletons that depicts the work flow of application, page level details.•Visual Design: Based on the High-fidelity prototyping which evolved out of the many iterations we derived the Visual Designs of the screens.Since iterations where much handled in the previous process, thus this step we went further on and started preparing the visual guidelines inadherence with Sunlife Branding Guidelines.•Heuristic Testing: Heuristic testing will help us in understanding the % satisfaction of users we have achieved by the proposed GUI. It’s a sort ofexpert review/evaluation where users/stake holders give their ratings to different categories. Categories include Visual Design, Workflow,Information Architecture, User Experience, and Navigation. Outcome of this activity is a graph that will depict the end user feedback and areas ofimprovement if any.•UI Standards & Guidelines: In continuation with the Visual Guidelines we set the complete UI guidelines, which were later adhered to achievethe front-end production of the application, this will explain the UI standards and guidelines of the application that can will be always in use bytechnical team in coding phase too.Artifacts-Questionnaire-Wire-frame mock-ups-Visual Designs-Heuristic Evaluation-UI Guidelines Doc
  4. 4. 123Greetings abhijit das I user researcherabhijit dasQuestionnaire
  5. 5. 123Greetings abhijit das I user researcherabhijit dasScreenBelow is a screen to show the functionality of a search screen of the application, this was derived during the business analysis stage.
  6. 6. 123Greetings abhijit das I user researcherabhijit dasPrototypingOn the basis of the business requirement document, we took upon the UI analysis and start prototyping various screenflows. Iteration are handled the best in this process.Below is the search screen – derived depiction of a task flow analysisLow fidelity is most efficient for finding & resolving problems, but high fidelity is most effective for persuading stakeholders.
  7. 7. 123Greetings abhijit das I user researcherabhijit dasPrototypingSearch screen
  8. 8. 123Greetings abhijit das I user researcherabhijit dasPrototyping
  9. 9. 123Greetings abhijit das I user researcherabhijit dasVisual DesignVisual design of the search screen
  10. 10. 123Greetings abhijit das I user researcherabhijit dasVisual DesignVisual design of the search screen
  11. 11. 123Greetings abhijit das I user researcherabhijit dasA comparison of the search screen after UI solution
  12. 12. 123Greetings abhijit das I user researcherabhijit dasSome other screens of the application
  13. 13. 123Greetings abhijit das I user researcherabhijit dasSome other screens of the application
  14. 14. 123Greetings abhijit das I user researcherabhijit dasHeuristics AnalysisHeuristics evaluation is a metrics driven fact sheet and is based out of Jacob Nielsen’s 10 Heuristics points
  15. 15. 123Greetings abhijit das I user researcherabhijit dasHospitality Management Application02
  16. 16. 123Greetings abhijit das I user researcherabhijit dasPrototypingOn the basis of the business requirement document, we took upon the UI analysis and screen prototyping using paperprototyping and later translating it in to wireframes using BalsamiqBelow is a login screen design with forgot password functionality.
  17. 17. 123Greetings abhijit das I user researcherabhijit dasPrototypingBelow is one of the main screen of the application, which is the patient search screen
  18. 18. 123Greetings abhijit das I user researcherabhijit dasVisual DesignTranslations of the basic wire-frame mock-ups into visual design
  19. 19. 123Greetings abhijit das I user researcherabhijit dasVisual DesignTranslations of the basic wire-frame mock-ups into visual design
  20. 20. 123Greetings abhijit das I user researcherabhijit dasVisual DesignTranslations of the basic wire-frame mock-ups into visual design
  21. 21. 123Greetings abhijit das I user researcherabhijit dasStarTrac – a Business Tracking Application03
  22. 22. 123Greetings abhijit das I user researcherabhijit dasSome other sample screens after UI architecting
  23. 23. 123Greetings abhijit das I user researcherabhijit dasSome other sample screens after UI architecting
  24. 24. 123Greetings abhijit das I user researcherabhijit dasSome other sample screens after UI architecting
  25. 25. 123Greetings abhijit das I user researcherabhijit dasSome other sample screens after UI architectingAn example of a Current data entry screen
  26. 26. 123Greetings abhijit das I user researcherabhijit dasSome other sample screens after UI architectingView of Dashboard screen for Integrators
  27. 27. 123Greetings abhijit das I user researcherabhijit dasSome other samples04
  28. 28. 123Greetings abhijit das I user researcherabhijit dasSome other sample screens after UI architecting (design as per citimortgage sitelaunched in end of 2006)Below is the homepage screen, which was derived after working over with a lot of the UCD methodologies. Below is a sample view of the homepage screendepicting a before and after scenario.Before After
  29. 29. 123Greetings abhijit das I user researcherabhijit dasSome other sample screens after UI architecting (launched in end of 2008 and designstill continuing with minimal changes)Below is the homepage screen, which was derived after working over with a lot of the UCD methodologies. Below is a sample view of the homepage screendepicting a before and after scenario.Before After
  30. 30. 123Greetings abhijit das I user researcherabhijit dasJP Morgan Chase05
  31. 31. 123Greetings abhijit das I user researcherabhijit dasWorked on developing parts of significant change which Chase brought about in public domain by changing their homepage and revamped their branding.Many internal pages of Chase are still being developed as continuous processwww.chase.com
  32. 32. 123Greetings abhijit das I user researcherabhijit dasBanking industry is strict with privacy so many of my work goes within their secured environment and are hard to project them inpublic.Unless you are one of the customers of Chase bank, thus will enable you to view some of my application design.The following below is login screen of JP Morgan Online Banking or private banking.
  33. 33. 123Greetings abhijit das I user researcherabhijit dasUCD in practice06
  34. 34. 123Greetings abhijit das I user researcherabhijit dasSome thoughts on UI architecting using UCD principlesMaking software with keeping 5 main goals in mind is very important as it determines the success and failure of the software:•the ease and efficiency of using the product;•the learnability of the product;•the memorability of using the product;•error handling in the product; and•satisfaction and emotional value in using the productThe Returns on Investment (ROI) that accrue from a engaging user experience process in software product can increase productivity up to160%, decrease drop-off rates in e-commerce up to 150% and reduce internal training costs up to 100%This diagram describes the need and involvement of user experience management from the discovery or the inceptionphase of a product life cycle. The user experience runs parallel along with the product cycle and monitors it and analysesit continuously and thus keeping that human factor alive in the whole development.
  35. 35. 123Greetings abhijit das I user researcherabhijit dasSome thoughts on UI architecting using UCD principlesThe type user experience process can be engaged according to the need and the requirement and also the phase in which thesoftware development cycle is currently in; from the discovery or the inception stage right up to the delivery stage and also afterit the user experience can be involved. In various stages, user experience process involves various tasks in it, as for example(note: describing in brief, elaborate description and process is not shown in details)•Discovery or Inception phase: it involvesa)User understandingb)Target audience analysis and focus groupc)Interviews and questionsd)Task flow analysis and data analysise)Heuristic evaluations•Prototyping Phasea)Sketch, rough design over visio etcb)Visual designsc)UI testing and observations, which can again involve step A mentioned aboved)Low level and high level designse)Design documentation and standardizationf)Usability testinga)Developmenta)Complete html with css, adhering to standardsb)A clickable prototypec)Accessibility and other testing•Testing and DeliveryFeedback gathering keeps on going even after delivery for user experience group to gather information on the released product, so thatthe next phase or version can be built on those feedbacks.Thus product development without the involvement is user experience in current software development cycle is like baking a bread withoutputting yeast in it, it will not be liked by the people who use it or they will take it initially but it will not last.
  36. 36. 123Greetings abhijit das I user researcherabhijit dasThank You

×