Your SlideShare is downloading. ×
0
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Designyantra case studies
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Designyantra case studies

315

Published on

Content presented with permission. For inquiries regarding other projects; please contact me directly or send me a note on twitter (@designyantra)

Content presented with permission. For inquiries regarding other projects; please contact me directly or send me a note on twitter (@designyantra)

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

  • Be the first to like this

No Downloads
Views
Total Views
315
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Engaging Experiences - by design
  • 2. WHAT I DO About Me 4 Services I offer 5 MY DESIGN PROCESS My Knowledge of Design 7 Design Process 9 Client List 11 CASE STUDIES & WORK SAMPLES Varian Medical Systems 13 Bit Torrent 22 Alcatel Lucent -- Juniper Networks -- You-i-Labs 29 Dimdim Inc. 41 Intracom Telecom 53 Logitech -- OTHER DESIGNS Template Based Applications 37 Real Estate Applications 51 Desktop & Web Based Applications 66 Visual Designs 70 Confidential Confidential Confidential
  • 3. What I do I follow a diligent and a methodical process when designing
  • 4. I am a freelance User Experience Architect based in Ottawa, Canada. My main areas of expertise are User Experience, Information Architecture - Workflows, Interaction Design - Personas and Wireframes, Visual Design
  • 5. Project Planning, Stakeholder Analysis & Design Strategy Workflows and Information Architecture Interaction Design, Wireframes & Visual Design Customer Management & Training Production Content and Project Delivery
  • 6. Design Process From product strategy to development & delivery; I can help you all along
  • 7. What I know about Interaction Design and Product Design... How a UX design takes place from conception to implementation How to work with stakeholders What value personas and product use cases bring to the project How information mapping and workflows help How to identify mental models How to translate requirements into wireframes and visuals How to translate visuals into working comps and implementable designs The importance of collaboration – with stakeholders, vendors, developers and designers How to work closely acting as a bridge between all How timelines can be missed How mistakes can happen and how to damage control Working with external vendors Managing Expectations – internal and external
  • 8. User Experience Practice Is a combination of... Planning Strategy Organizing Managing Design & Development Education Delivery
  • 9. Design is a process of inter-connected work methodologies...
  • 10. Strategic Planning ‣ Understanding the CONTEXT ‣ Providing a VALUE PROPOSITION ‣ Help Define BUSINESS GOALS ‣ Planning a DESIGN APPROACH ‣ Planning DELIVERY ‣ Explaining the WORKING PROCESS to Customer ‣ Planning SCHEDULE ‣ Planning COSTS Design Process ‣ High Level INFORMATION ARCHITECTURE ‣ Initial SKETCHES ‣ Low/Hi Fidelity WIREFRAMES ‣ Usability TESTING ‣ VISUAL DESIGN ‣ Design STYLE GUIDE & Production GRAPHICS ‣ Graphics CHECK LISTS ‣ Developer CO-ORDINATION
  • 11. Partial list of projects...
  • 12. Case Studies An insight into how we apply our process to actually design and deliver products
  • 13. Varian Medical Systems Aria - iPad application for medical specialists monitoring cancer patients
  • 14. Varian Medical Systems Role: Lead Designer Varian Medical System of Palo Alto, California, is a manufacturer of medical devices and software for treating cancer and other medical conditions with radiotherapy, radio-surgery, proton therapy, and brachytherapy. The company supplies informatics software for managing comprehensive cancer clinics, radiotherapy centers and medical oncology practices. The ARIA oncology information system was designed for, Meaningful Use-certified EMR designed to streamline oncology care delivery and support the unique needs of oncology providers and patients. ARIA currently delivers the medical chart to every member of the care team, giving them immediate access to patient information at any workstation. Now ARIA extends the reach and power of the EMR by delivering the patient’s chart directly to the physician’s iPad. As an oncologist, one can use ARIA and the iPad application to view up-to-date clinical information anywhere in the department, enabling users to discuss treatment options with your clinical staff and patients at the point of care. Whether in the exam room or treatment area, ARIA provides mobile connectivity to make the user mobile. ‣ View schedule and tasks ‣ View patient demographics ‣ Access the radiation oncology EMR ‣ View chart notes, patient medications and drug lists ‣ View treatment progress and treatment summary ‣ Access and view treatment verification images ‣ Full featured demonstration mode includes these features and more Case Study
  • 15. Initial Planning ‣ Design Workshop ‣ Client/Stakeholder Input ‣ Product Analysis ‣ Domain Knowledge Gathering ‣ Client Site Visit
  • 16. Information Architecture “Start by initial level work flows and information architectures that help define the structure of the application. This process is extremely useful in defining the stages of implementation as it helps to visualize the scope of the application design”
  • 17. Workflows, Use-cases & Personas
  • 18. User Workflow
  • 19. Wireframes & Design
  • 20. Healthcare Application -Varian Medical Systems Schedules Tasks Patients LinksLogout Last Updated 10:22AM DemographicsSummaryChemoSummaryHistoryNotesRTSummarySummary Constantine, Androus DOB: 9/19/1944 (65 yrs) ID 1 123-456-789 ID 2 456-098-12-A Clinical Alert Allergic to Sulpha drugs Patient Alert None Diagnosis Lung CA T1N0M0 Clinical Alert DNR PrimaryMalignant neoplasm of prostate Code: 185 Stage II 10/15/2011 Pt2a, N0, M0, G1 Neoplasm of unspecified nature of bone, soft tissue, and skin Code: 239.2 Stage I 10/15/2011 Diagnosis Patient Details 335 445 545 1-508-357-9090 Social Security Number: Patient Cellphone: (none) (none) (none) 4/26/2011 New On File Patient I/O Status: Room Number: Admission Date: Last kV/mV Image: Last kV/mV Status: Directives: Prescribed Total Dose: Delivered Total Dose: Current Fraction: Projected Completion Date: 6000 cGy 1800 cGy 9 of 30 Aug, 18, 2012 Dose Summary Allergies: Latex Clinical Alerts See MD before treatment 07/12/2011 12:42 Patient Alerts Treatment: Expected cycle/days: Current Day: MVAC (v2.0) - Phase 1 - C3 - D1 8 x 28 days Apr 11, 2011 Cycle 3 - Day 1 Prochloperazine Edisylate 10mg Injection daily for 1 day Methotrextate Sodium 30mg/m2 Intravenous daily over 30 minutes for 1 day in NS 100.0 ml (2) Chemotherapy Summary Schedules Tasks Patients LinksLogout Last Updated 10:22AM DemographicsSummaryResultsMedicalHistoryRTSummaryNotes Constantine, Androus DOB: 9/19/1944 (65 yrs) ID 1 123-456-789 ID 2 456-098-12-A Clinical Alert Allergic to Sulpha drugs Patient Alert None Diagnosis Lung CA T1N0M0 Dose Information Dose Summary Dose Per Fraction Total Dose to Date Total Planned Dose 2.080 35.324 43.500 Plan 1 0.560 16.450 19.600 Plan 2Plan LAO Field 237.46 MU Plan 1 0.431 PTV* 0.080 Rectum LPO 311.21 0.456 0.100 Ant Iso 311.21 0.456 0.100 R Lat Iso 311.21 0.456 0.100 LAO 237.46Plan 2 0.431 0.080 Prescriptions PROSTATE Dose Per Fraction Phase Technique NaN Prime 4 Field Box # Fractions 23 Approved by Dr. Firstname Lastname 10/7/2011 11:15:27 View RT Prescription Monday December 15, 2009 Timeline
  • 21. Healthcare Application -Varian Medical Systems Final Design as seen in iTunes App Store. (Note: This visual design was created by another team member).
  • 22. Bit Torrent Android Application for content download
  • 23. BitTorrent creates advanced, innovative technologies to efficiently deliver large files across the Internet. Through an orchestrated ecosystem of software, devices and content, the company is dedicated to simplifying the digital lifestyle. BitTorrent's two main products today include the original BitTorrent software and the tiny-but-mighty µTorrent, which combined boast over 100+ million users. BitTorrent is based in San Francisco, California. The main intent of the company was to bring this application to main stream by changing is image from a “Channel to get pirated content” to a place to go and get any freely downloadable content (legal content) from the web while keeping the experience simple and yet very exciting. Their intended audience was to be expanded common users than just teenagers. They wanted to achieve this by starting with an Android Tablet version of the application BitTorrent Role Sr. User Experience Consultant Case Study
  • 24. Android Tablet UI Design - BitTorrent Initial Sketches for the Android Tablet torrent application for Bit Torrent.
  • 25. Android Tablet UI Design - BitTorrent
  • 26. Android Tablet UI Design - BitTorrent Type: XXXX, YYY XXX MB Lorem ipsum Dolor sit amet, consectetur adipiscing elit... Type: XXXX, YYY XXX MB Lorem ipsum Dolor sit amet, consectetur adipiscing elit... Type: XXXX, YYY XXX MB Lorem ipsum Dolor sit amet, consectetur adipiscing elit... Type: XXXX, YYY XXX MB Lorem ipsum Dolor sit amet, consectetur adipiscing elit... Type: XXXX, YYY XXX MB Lorem ipsum Dolor sit amet, consectetur adipiscing elit... Type: XXXX, YYY XXX MB Lorem ipsum Dolor sit amet, consectetur adipiscing elit... Type: XXXX, YYY XXX MB Lorem ipsum Dolor sit amet, consectetur adipiscing elit... Type: XXXX, YYY XXX MB Lorem ipsum Dolor sit amet, consectetur adipiscing elit... Type: XXXX, YYY XXX MB Lorem ipsum Dolor sit amet, consectetur adipiscing elit... Video: XVID, AVI 780 MB The Yes Men Fix The World Lorem ipsum dolor sit amet, consectetur adipiscing elit... Choose View Cloud Charts ListGrid GlobalTime XxxxxXxxxx Audio Books Xxxxx Xxxxx Xxxxx XxxxxXxxxx Books Xxxxx Xxxxx Xxxxx XxxxxXxxxx Games Xxxxx Xxxxx Xxxxx Graphic Novels Xxxxx Xxxxx Xxxxx Xxxxx Xxxxx Xxxxx Xxxxx Xxxxx Xxxxx Wireframes for the Android Tablet torrent application for Bit Torrent.
  • 27. Android Tablet UI Design - BitTorrent Visual Design for the Android Tablet torrent application for Bit Torrent.
  • 28. Android Tablet UI Design - BitTorrent Visual Design for the Android Tablet torrent application for Bit Torrent.
  • 29. You-i-labs Android Application with OpenGL and proprietary uSwish technology
  • 30. Video Carousel‣ The first use case demonstrates the use of the existing carousel with some improved functionality. ‣ Intent - The users will browse through the carousel which can be rotated giving the device a feel of 3D and a Gyrometer experience. ‣ The user will be able to tap on a selection which will zoom in and start playing “video” content. Video to start playing with content zoom’s in. Single Tap on the carousel will zoom in the video. Double tap on the video stops it and zooms out back to carousel. Fully zoomed in Video Android Application UI Design (Integrated Framework) “Initially we do very high level sketching and annotations. We use paper and pencil to draw the initial level sketches. This helps envision the design and materialize it very quickly. At this stage it is easier to go through multiple iterations”.
  • 31. Contact Cards Carousel‣ The second use case demonstrates the use of the existing carousel with a little bit of design/behaviour tweaks. ‣ Intent - The users will browse through the carousel like a DRAWER where they can browse through a set of contacts. ‣ The user will be able to tap on a selection which will bring up the contact card. Single Tap on the a card will bring that card in focus and display the information. Concept of a Card Drawer Contact Cards pulled or pushed in a straight line carousel Android Application UI Design (Integrated Framework)
  • 32. Android Application UI Design (Integrated Framework)
  • 33. Android Application UI Design (Integrated Framework)
  • 34. Android Application UI Design (Integrated Framework)
  • 35. Discover Ottawa Tourist information application for residents and visitors
  • 36. Application UI Design for iPhone Discover Ottawa - A project by theCity of Ottawa, Canada
  • 37. Application based on templates Interaction Design and Visual Design for a start-up offering “Platform as a Service”
  • 38. Application UI Design for iPhone
  • 39. Application UI Design for iPhone Hotel Services Application
  • 40. Application UI Design for iPhone Election Campaign Application
  • 41. Dimdim Inc. Browser based web-meeting software
  • 42. Proposed designs for Dimdim.com Web Meeting Application - DimDim
  • 43. Proposed designs for Dimdim application UI and Portal UI. Web Meeting Application - DimDim
  • 44. Web Meeting Application - DimDim Dimdim Brand and Identity
  • 45. Baby Growth Tracker iOS Application
  • 46. Application UI Design for iPhone Baby Growth Monitoring Application
  • 47. Application UI Design for iPhone Baby Growth Monitoring Application
  • 48. Survey Application Wireframes and Workflows for survey applications in iOS
  • 49. Wireframes for iPhone Application UI Design
  • 50. Real Estate iOS Mock up for a Real Estate Application
  • 51. Real Estate Concept for a real estate application in iOS
  • 52. Application UI Design for iPhone
  • 53. iTV (Interactive TV & IPTV) Design project for set-top-box broadcasting
  • 54. INTRACOM TELECOM is a leading telecommunications solutions provider, headquartered in Athens, Greece. More than 100 customers in over 50 countries select INTRACOM TELECOM for state-of the-art products and tailor-made solutions. Intracom’s fs|cdn® – Intelligent Personal TV fs|cdn® is an integrated IPTV middleware solution allowing service providers to deliver linear and on-demand TV, DVR, chat, email, messaging, and next-generation interactive services that drive new revenue opportunities as well as increase customer loyalty. I was approached by Intracom Telecom in late August of 2009 to design a brand new interface for their fs | cdn IPTV solution.As an IPTV integrator Intracom was considering their approach regarding the IPTV User Interface and wanted to proceed with the artistic aspects of such an interface with the possibility to outsource this work. The collaboration for this project was entirely remote. The process included 4 stages of deliverables: Proposal (RFP) Deliverable 1 – Basic Concepts and wireframes Deliverable 2 – Finalized concepts and partial prototype Deliverable 3 – Complete Ui Design, Visual Design, Design elements like iconography, graphic backgrounds etc., complete animated prototype Intracom Telecom Role: Sr. User Experience Consultant Case Study
  • 55. Design Strategy Initial interviews / workshops with the prime stakeholders at Intracom understanding of the business requirements Primary use case scenarios and first conceptual design Agreement of proof of concept with stakeholders Changes modifications to initial concepts and creation of more concrete designs Creation of Low / Hi-Fidelity prototypes if required Final Approval Delivery of design elements - graphics, iconography, style guides etc. Note: Wireframes and UI Interaction was provided by Intracom
  • 56. Main Level Navigation Menu
  • 57. Main Level Navigation Menu (Option III)
  • 58. Program Guide - Single Channel SelectedView
  • 59. Video on Demand
  • 60. Video on Demand Details
  • 61. Iconography
  • 62. Markettools Inc. Survey creation and panels management
  • 63. Markettools Inc. Sr. User Experience Designer Markettools Inc. offers better ways to understand customers, markets and business opportunities—in context. Their solutions provide breakthrough quantitative and qualitative online research capabilities, based on needs and objectives, that combine technologies and research expertise with broad and innovative market reach to deliver new levels of insight. I had an opportunity to work within the User Experience group and help explore, create and map some of the interesting experiences in survey taking and survey creation. My job consisted of creating and writing functional UI specifications, use cases, creating Information Architecture maps and workflows, design documents and design elements required for the implementation of features within Zoomerang, the flagship product for Markettools. Case Study Markettools Inc.
  • 64. Set Link Options S011 My Surveys Z004 Save for later Submit Survey Launch Confirmation Share Results with Others S016 Survey Launch Confirmation S017 Submit (dialog box) OK S019 Launch Survey My Surveys Z004 My Surveys Survey Launch Complete Edit Survey S001 Web Greeting S007 Thank You Page S008 Share Results with Others Set Link Options How to Deploy Your Survey S009 S016 S011 Modify Survey Modify your web greeting Modify your thank you page Share results Edit Change Deployment Options Marketing Site ZPRO signup form NEW User ZPRO signup form Signed In BASIC User ZPRO+MOBILE signup form NEW User ZPRO+MOBILE signup form Signed In BASIC User Mobile upgrade form Signed In ZPRO User Application page BASIC user R002a R002b R003a R003b R004b Upgrade to Mobile Mobile upgrade form User SIGN IN Email campaign to zPro users Sign up for zPro Sign up for zPro+Mobile R004a Sign in Thank You Purchase confirmation Receipt R020 form processing Sign In zpro or basic? Member home Signup successful Sign In Application page ZPRO user Upgrade to Mobile ZPROBasic R030 Z001 UI Information Architecture
  • 65. MY ACCOUNT REGISTRATION AND UPGRADE PATHS PURCHASE CREDITS Info Site ZPRO signup form NEW User ZPRO signup form Signed In BASIC User ZPRO+MOBILE signup form NEW User ZPRO+MOBILE signup form Signed In BASIC User Mobile upgrade form Signed In ZPRO User Application page BASIC user R002a R002b R003a R003b R004b Upgrade to Mobile Mobile upgrade form User SIGN IN Email campaign to zPro users Sign up for zPro Sign up for zPro+Mobile Purchase Additional Credits R030 Application page MOBILE user Purchase additional credits My Account Z009 M Purchase confirmation R031 Continue R004a form processing Purchase successful Error Sign in Thank You Purchase confirmationReceipt R020 form processing Sign In zpro or basic? Member home Signup successful Sign In Application page ZPRO user Upgrade to Mobile ZPROBasic Receipt R030 R030 SELECT KEYWORD Member home My Account Select Keyword How to Deploy Your Survey Z009 S009 Select Keyword Z001 Z001 M M M Screen refresh Member Home Z001 Address Book: Overview Z002 Create Surveys Z003 My Surveys Z004 new survey my surveysaddress book Base a survey on one you’ve already created: Select a Survey Edit Survey File Name S000 Create a survey from scratch Personal Social Templates Z007 Personal Social Templates Business Templates Z005 Business Templates Community Templates Z006 Community Templates Education Templates Z008 Education Templates Edit Survey S001 Submit (dialog box)Edit a Question S005 Edit Properties S004 Edit Title S003 My Surveys Z004 Survey Preview S002 Save; Add Page; Change Design Theme Submit Delete; Delete PageInsert; EditEdit PropertiesEdit TitleSave for later Edit Survey (Select template) (Select template) (Select template) (Select template) Account Information Z009 account info Continued on AB01… Continued on MS01… Continued on AI01… Skip Logic – Page X S006 Add Skip / Edit Skip S001 ContinueSubmit ContinueBack Submit Continued on S02… Refer a Friend Refer a Friend Preview M M MM M M UI Information Architecture
  • 66. Desktop and Web Applications Projects requiring designing for applications made for desktop or web browsers
  • 67. Desktop App - Dental Software Concept This is a mock- up for a dental application that helps Dentists plan implants for their patients
  • 68. This is a design for an application that helps lawyers track the various court cases they are working on. The intent of this design exercise was to improve the look and file while continuing to use the existing frameworks. Web App
  • 69. Web App - Position 2 This is a wireframe for an analytics application that helps companies draw information from the web about sentiment of their Brand. This design included creating a information dashboard and drilling down of the information in to deeper details.
  • 70. Miscellaneous Visual Designs Ideas, Concepts and Freebies
  • 71. Concept for a Mobile IPTV App
  • 72. Concept for an iPhone App
  • 73. Metal Date Time Flipper
  • 74. iCloud Login Page
  • 75. Icon Design
  • 76. Icon Design
  • 77. Android Tablet UI Design Concept - Cisco This is a visual design mock-up for Cisco’s CIUS tablets that are planned to be used as screens that can be docked in the telephone base stations. The intent of this visual design was to showcase the start page and display all the relevant and immediately required information at finger-tips. This design was intended for Android.
  • 78. Android Tablet UI Design Concept - Cisco
  • 79. Menu and live wallpaper idea Sample of a design produced for a company that uses OpenGL and their custom framework to bring Flash technologies to iOS.
  • 80. Thank you Amit Tungare Principal Designer amit.tungare@designyantra.com +1-613-291-6728 Skype: a_tungare

×