{"id":29059,"date":"2025-04-14T14:39:53","date_gmt":"2025-04-14T09:09:53","guid":{"rendered":"https:\/\/www.inspirenignite.com\/mh\/314005-ui-or-ux-design-syllabus-for-data-science-4th-sem-k-scheme-msbte-pdf\/"},"modified":"2025-04-14T14:39:53","modified_gmt":"2025-04-14T09:09:53","slug":"314005-ui-or-ux-design-syllabus-for-data-science-4th-sem-k-scheme-msbte-pdf","status":"publish","type":"post","link":"https:\/\/www.inspirenignite.com\/mh\/314005-ui-or-ux-design-syllabus-for-data-science-4th-sem-k-scheme-msbte-pdf\/","title":{"rendered":"314005: Ui or Ux Design Syllabus for Data Science 4th Sem K Scheme MSBTE PDF"},"content":{"rendered":"<p align=\"justify\">Ui or Ux Design detailed Syllabus for Data Science (DS), K scheme PDF has been taken from the <a href=\"https:\/\/econtent.msbte.edu.in\/curriculum_search\/\" style=\"color: inherit\" target=\"_blank\" rel=\"noopener\">MSBTE<\/a> official website and presented for the diploma students. For Subject Code, Subject Name, Lectures, Tutorial, Practical\/Drawing, Credits, Theory (Max &amp; Min) Marks, Practical (Max &amp; Min) Marks, Total Marks, and other information, do visit full semester subjects post given below. <\/p>\n<p align=\"justify\">For all other MSBTE Data Science 4th Sem K Scheme Syllabus PDF, do visit <a href=\"..\/msbte-data-science-4th-sem-k-scheme-syllabus-pdf\/\">MSBTE Data Science 4th Sem K Scheme Syllabus PDF Subjects<\/a>. The detailed Syllabus for ui or ux design is as follows.<\/p>\n<p><h4>Rationale<\/h4>\n<p id=\"istudy\" style=\"text-align:center\">For the complete Syllabus, results, class timetable, and many other features kindly download the <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=ini.istudy\/\" target=\"_blank\" rel=\"noopener\">iStudy App<\/a><br \/><b> It is a lightweight, easy to use, no images, and no pdfs platform to make students&#8217;s lives easier.<\/b><br \/><a href=\"https:\/\/play.google.com\/store\/apps\/details?id=ini.istudy&amp;pcampaignid=pcampaignidMKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/play.google.com\/intl\/en_us\/badges\/static\/images\/badges\/en_badge_web_generic.png\" alt=\"Get it on Google Play\" style=\"height:65px\"><\/a>.<\/p>\n<p><h4>Course Outcomes:<\/h4>\n<p>Students will be able to achieve &amp; demonstrate the following COs on completion of course based learning<\/p>\n<ol>\n<li>Explain design thinking concept.<\/li>\n<li>Interpret user requirements.<\/li>\n<li>Select appropriate visual design for given problem.<\/li>\n<li>Create interactions using design tool.<\/li>\n<li>Create innovative design prototype for given applications.<\/li>\n<\/ol>\n<p><h4>Unit I<\/h4>\n<p>Design Thinking Fundamentals 1.1\tIntroduction to Design thinking &#8211; Concept, Purpose, 5 stages of design thinking &#8211; Empathize, Define, Ideate, Prototype, Test 1.2\tIntroduction to User Interface \/ User Experience (UI\/UX) &#8211; Definition of Design with respect to digital media, User Interface, User experience, Difference between UI and UX. History of UX. Need of UI and UX\n<\/p>\n<p><i>Suggested Learning Pedagogie<\/i><br \/>\nChalk-Board Demonstratio Presentations Flipped Classroom\n<\/p>\n<p><h4>Unit II<\/h4>\n<p id=\"istudy\" style=\"text-align:center\">For the complete Syllabus, results, class timetable, and many other features kindly download the <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=ini.istudy\/\" target=\"_blank\" rel=\"noopener\">iStudy App<\/a><br \/><b> It is a lightweight, easy to use, no images, and no pdfs platform to make students&#8217;s lives easier.<\/b><br \/><a href=\"https:\/\/play.google.com\/store\/apps\/details?id=ini.istudy&amp;pcampaignid=pcampaignidMKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/play.google.com\/intl\/en_us\/badges\/static\/images\/badges\/en_badge_web_generic.png\" alt=\"Get it on Google Play\" style=\"height:65px\"><\/a>.<\/p>\n<p><h4>Unit III<\/h4>\n<p>User Interface Design 3.1\tStoryboarding, User journey mapping 3.2\tGestalt principles of design &#8211; Aesthetics in UI design &#8211; Using Light, Color and Contrast Effectively in UI Design 3.3\tIntroduction to any freeware design tool such as Figma 3.4\tVisual Communication Design &#8211; effective visual communication for graphical user interface\n<\/p>\n<p><i>Suggested Learning Pedagogie<\/i><br \/>\nChalk-Board Demonstratio Hands-on Presentations\n<\/p>\n<p><h4>Unit IV<\/h4>\n<p>User Experience Design Tool 4.1\tIntroduction to User Experience design 4.2\tUX design open source tool such as &#8211; Figma features &#8211; Navigations, interactions, Buttons Creating library 4.3\tGamification, micro-animation 4.4\tCreating visual identity of the project &#8211; design system, design theme\n<\/p>\n<p><i>Suggested Learning Pedagogie<\/i><br \/>\nChalk-Board Demonstratio Hands-on Presentations\n<\/p>\n<p><h4>Unit V<\/h4>\n<p id=\"istudy\" style=\"text-align:center\">For the complete Syllabus, results, class timetable, and many other features kindly download the <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=ini.istudy\/\" target=\"_blank\" rel=\"noopener\">iStudy App<\/a><br \/><b> It is a lightweight, easy to use, no images, and no pdfs platform to make students&#8217;s lives easier.<\/b><br \/><a href=\"https:\/\/play.google.com\/store\/apps\/details?id=ini.istudy&amp;pcampaignid=pcampaignidMKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/play.google.com\/intl\/en_us\/badges\/static\/images\/badges\/en_badge_web_generic.png\" alt=\"Get it on Google Play\" style=\"height:65px\"><\/a>.<\/p>\n<p><h4>List of Experiments:<\/h4>\n<ol>\n<li>*Use Design tool for user requirement collection and analysis  Visit minimum 5 websites\/ Apps of the particular category. Identify problems in overall navigation, look and feel of websites, relevance of the information. Record all findings using Design tool\t4\tC C<\/li>\n<li>Use Design tool for user requirement collection and analysis of various interfaces such as kiosks  Visit minimum 5 interfaces. Identify problems in overall navigation, look and feel of the interface, relevance of the information. Record all findings using Design tool\t4\tC C<\/li>\n<li>*Recreate a given user interface using any open source design tool (For example, to recreate the first screen of personal mobile phone etc.) 4\tC C C<\/li>\n<li>* Create grid system for the given screen using any design tool (For example dashboard of particular application\/ welcome screen of any blog portal etc.) 4\tC C C<\/li>\n<li>*Design given user interface using various components such as auto-layouts in the design tool (For example, design sample login page\/ design registration form etc.) 4\tC C C C<\/li>\n<li>*Use horizontal scrolling to create pages for given website\/ App (For example, page(s) in social media Apps\/ tourism related webpage(s) ) 4\tC<\/li>\n<li>*Use vertical scrolling for a given website\/ App (For example, Retail website\/App or food ordering Apps etc.) 4\tC<\/li>\n<li>Recreate given website for UI design, color, images, interactions, menu\t4\tC C C<\/li>\n<li>*Create navigations for the given website\/ App (For example, create navigation in App using bottom menu etc.) 4\tC<\/li>\n<li>Design a quiz for given user interface (For example, quiz for LMS \/ government web site \/ retail web sites etc.) 4\tC<\/li>\n<li>Create any two gamification effects for given user interface in given scenario (For example, racing effect etc.) 4\tC C<\/li>\n<li>Create gamification for task completion in website such as LMS\/ retail website\/ banking website (For example, popping up effect\/ releasing balloons in the air etc. once a task is completed) 4\tC C C<\/li>\n<li>Create any five micro animations for the given user interface in given scenario (For example, progress bar effect\/ waitin for reply or responce effect\/ status bar\/ welcome page or opening page animatio etc.) 4\tC C<\/li>\n<li>*Create prototyping with different interactions &#8211; tab, click, hover, delay. for the given user interface\t4\tC C<\/li>\n<li>Convert created prototype in HTML page(s) 4\tC<\/li>\n<\/ol>\n<p><h4>Self Learning<\/h4>\n<\/p>\n<p><i>Micro Project<\/i><\/p>\n<ul>\n<li>The micro project has to be Industry Application Based, Internet-based, Workshop-based, Laboratory-based Field-based as suggested by Teacher:<\/li>\n<ol>\n<li>Prepare a prototype for online blog:<\/li>\n<ol type=\"a\">\n<li>Prepare a competitive analysis of similar website<\/li>\n<li>Define user persona and prepare user journey mapping using any design tool<\/li>\n<li>Construct prototype using &#8211; navigation, interaction, frames in design tool<\/li>\n<li>Validate the prototype by checking navigation and conditions given<\/li>\n<li>Convert the design prototype into HTML code<\/li>\n<\/ol>\n<li>Reconstruct given user interface such as kiosk system:<\/li>\n<ol type=\"a\">\n<li>Observe the given user interface<\/li>\n<li>Identify improvement in the user interface in terms of &#8211; look and feel, navigation, interactions<\/li>\n<li>Prepare affinity mapping using design tool<\/li>\n<li>Reconstruct the given interface using various components in design tool<\/li>\n<\/ol>\n<li>Prepare a prototype for food ordering App:<\/li>\n<ol type=\"a\">\n<li>Prepare a competitive analysis of similar Apps<\/li>\n<li>Define user persona and prepare user journey mapping using any design tool<\/li>\n<li>Construct prototype using &#8211; navigation, interaction, frames in design tool<\/li>\n<li>Validate the prototype by checking navigation and conditions given<\/li>\n<\/ol>\n<li>Rebuild smart TV user interface layout<\/li>\n<ol type=\"a\">\n<li>Visit existing interfaces of smart television<\/li>\n<li>Record findings related to color scheme, theme, look and feel, location on display of existing interfaces<\/li>\n<li>Record minimum 10 different user reviews regarding the smart television user interface (chose user from dif backgrounds)<\/li>\n<li>Record improvements in look, navigation, and interactions<\/li>\n<li>Redefine user persona for existing interface<\/li>\n<li>Rebuild the interface prototype using design tool<\/li>\n<\/ol>\n<\/ol>\n<\/ul>\n<p><i>Assignment<\/i><\/p>\n<ol>\n<li>Prepare a case-study report &#8211;<\/li>\n<ol type=\"a\">\n<li>Identify any dedicated interface such as Automated deposit cum Withdrawal machine.<\/li>\n<li>Perform a user requirement analysis through any research method (e.g. Interview\/ Questionnaire etc.).<\/li>\n<li>Define user persona for the same.<\/li>\n<li>Prepare a low fidelity prototype for it.<\/li>\n<\/ol>\n<li>Prepare user storyboard and user journey mapping for given user interface &#8211;<\/li>\n<ol type=\"a\">\n<li>Identify user requirements .<\/li>\n<li>Perform a user requirement through research methods (e.g. Interview\/ Questionnaire etc.).<\/li>\n<li>Define user persona for the same.<\/li>\n<li>Prepare a user journey mapping for the same.<\/li>\n<li>Prepare a storyboard for the user interface.<\/li>\n<\/ol>\n<li>Prepare low, medium, and high fidelity prototype for given user interface &#8211;<\/li>\n<ol type=\"a\">\n<li>Identify user interface.<\/li>\n<li>Collect user requirements by any two methods (e.g. Personal observation\/ expert review etc.)<\/li>\n<li>Define user persona for the same.<\/li>\n<li>Prepare a low fidelity prototype on paper for the same.<\/li>\n<\/ol>\n<\/ol>\n<p><i>Other<\/i><\/p>\n<ul>\n<li>Following are some suggestive self-learning topics or any relevant topics suggested by the Teacher:<\/li>\n<ol>\n<li>Prepare a feature-based detailed report of similar types of website\/portal(such as Flight\/ bus Reservation web MIS \/ e-commerce web sites \/ educational institutions websites etc).<\/li>\n<li>Prepare affinity mapping in any design tool (e.g. FigJam) for user requirements in given domain of the proje<\/li>\n<li>Define user persona and perform requirements mapping using design tools in any of the following category booking kiosk\/ Online examination system \/ Quiz App.<\/li>\n<li>Prepare user journey mapping for given scenario in the given project<\/li>\n<li>Prepare low, medium, and high-fidelity prototypes for a given scenario using any design tool.<\/li>\n<li>Prepare a library\/repository of design components using any design tool like Figma.<\/li>\n<li>Reconstruct any ticket booking website to address improvements in look and feel, ease of use within it.<\/li>\n<\/ol>\n<\/ul>\n<p><h4>Laboratory Equipment<\/h4>\n<p id=\"istudy\" style=\"text-align:center\">For the complete Syllabus, results, class timetable, and many other features kindly download the <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=ini.istudy\/\" target=\"_blank\" rel=\"noopener\">iStudy App<\/a><br \/><b> It is a lightweight, easy to use, no images, and no pdfs platform to make students&#8217;s lives easier.<\/b><br \/><a href=\"https:\/\/play.google.com\/store\/apps\/details?id=ini.istudy&amp;pcampaignid=pcampaignidMKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/play.google.com\/intl\/en_us\/badges\/static\/images\/badges\/en_badge_web_generic.png\" alt=\"Get it on Google Play\" style=\"height:65px\"><\/a>.<\/p>\n<p><h4>Learning Materials<\/h4>\n<ol>\n<li>Jesse James Garrett\tThe Elements of User Experience: User-Centered Design for the Web and Beyond\tNew Riders Publishing, 201 West 10 Street, Indianapolis, IN 46290 800-5 5914 ISBN:978-0-321-68368-7<\/li>\n<li>Falk Uebernickel, Li Jiang, Walter Brenner, Britta Pukall, Therese Naef\tDesign Thinking: The Handbook\tWorld Scientific Publishing Co Pte No.16, South West Boag Road T. Na Chennai 600017, INDIA ISBN-10: 9811203504 ISBN-13: 978-9811203503<\/li>\n<li>Fabio Staiano\tDesigning and Prototyping Interfaces with Figma\tPackt Publishing Ltd, Grosvenor Ho 11 St Paul&#8217;s Square, Birmingham, B 1RB ISBN-10: 180056418X ISBN-13: 978-1800564183<\/li>\n<li>Kilian Langenfeld\tDesign Thinking for Beginners\tPersonal Growth Hackers ISBN-10: 3967160629 ISBN-13: 978-3967160628<\/li>\n<\/ol>\n<p><h4>Learning Websites<\/h4>\n<ol>\n<li>https:\/\/aim.gov.in\/pdf\/Design_Thinking.pdf\tDesign thinking phases and learning resources<\/li>\n<li>https:\/\/www.ideou.com\/pages\/design-thinking-resources\tDesign thinking resources<\/li>\n<li>https:\/\/www.figma.com\/resource-library\/what-is-design-thinki ng\/\tDesign thinking and its stages<\/li>\n<li>https:\/\/www.figma.com\/resource-library\/what-is-ui-design\/\tKey elements of UI design<\/li>\n<li>https:\/\/youtu.be\/-wzNTPXVIyM?si=zET5z3GpIPl-cAry\tUser Experience and research methods<\/li>\n<li>https:\/\/youtu.be\/XT152i5asdQ?si=jPdLFFExnaZO8NRs\tUser Experience and research methods<\/li>\n<li>https:\/\/usabilitypost.com\/2008\/08\/14\/using-light-color-and-c ontrast-effectively-in-ui-design\/\tUsing Light, Color and Contra Effectively in UI Design<\/li>\n<li>http:\/\/web.cs.wpi.edu\/~matt\/courses\/cs563\/talks\/smartin\/int_ design.html\tEffective Visual Communicati for Graphical User Interfaces<\/li>\n<li>https:\/\/youtu.be\/Y9ixRTTx5iU?si=vSCsbCr6gXD5eG-n\tVisual Communication Desig<\/li>\n<li>https:\/\/youtu.be\/K-DRTBMnzm8?si=DaUPM4iLW2CU3oSU\tLow fidelity design<\/li>\n<li>https:\/\/youtu.be\/KCYLE78w074?si=xZsvSnO9qx7iVE2S\tHigh fidelity design<\/li>\n<li>www.figma.com\tFigma &#8211; Design Tools &#8211; Figma FigJam (Freeware)<\/li>\n<li>https:\/\/www.figma.com\/resource-library\/design-basics\/\tDesign basics using Figma (Freeware)<\/li>\n<li>https:\/\/wireframe.cc\/\tSingle-page, public wireframe without user account available free version.<\/li>\n<li>https:\/\/drive.google.com\/file\/d\/1Od0G1mtlRHz5LkxgT3GPr7wDEIw 7GV05\/view\tDesign Thinking and user experience research (Notes by NPTEL)<\/li>\n<li>https:\/\/www.mindmeister.com\/\tCollaborative mind mapping t<\/li>\n<li>https:\/\/miro.com\/\tUX tool<\/li>\n<li>https:\/\/www.hotjar.com\/\tUIUX tool<\/li>\n<\/li>\n<\/ol>\n<p align=\"justify\">For detail Syllabus of all other subjects of Data Science, K scheme do visit <a href=\"..\/category\/msbte\/ds\/\">Data Science 4th Sem Syllabus for K scheme<\/a>.<\/p>\n<p align=\"justify\">For all Data Science results, visit <a href=\"https:\/\/www.inspirenignite.com\/mh\/msbte-results\/\">MSBTE Data Science all semester results<\/a> direct links.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ui or Ux Design detailed Syllabus for Data Science (DS), K scheme PDF has been taken from the MSBTE official website and presented for the diploma students. For Subject Code, [&hellip;]<\/p>\n","protected":false},"author":2351,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"categories":[118,141],"tags":[],"class_list":["post-29059","post","type-post","status-publish","format-standard","hentry","category-4th-sem-msbte","category-ds"],"_links":{"self":[{"href":"https:\/\/www.inspirenignite.com\/mh\/wp-json\/wp\/v2\/posts\/29059","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inspirenignite.com\/mh\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inspirenignite.com\/mh\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inspirenignite.com\/mh\/wp-json\/wp\/v2\/users\/2351"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inspirenignite.com\/mh\/wp-json\/wp\/v2\/comments?post=29059"}],"version-history":[{"count":0,"href":"https:\/\/www.inspirenignite.com\/mh\/wp-json\/wp\/v2\/posts\/29059\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.inspirenignite.com\/mh\/wp-json\/wp\/v2\/media?parent=29059"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inspirenignite.com\/mh\/wp-json\/wp\/v2\/categories?post=29059"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inspirenignite.com\/mh\/wp-json\/wp\/v2\/tags?post=29059"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}