网页交互设计笔记，网页交互设计实例
最全的弹窗种类介绍及设计应用-产品设计笔记
最全的弹窗种类介绍及设计应用：模态弹窗 警告框：用于提醒用户处理重要信息，会阻断用户的操作流程。模态对话框：常用于用户进行判断操作，包含遮罩层，用户点击空白区域或关闭按钮可关闭，如版本更新提示和系统清理弹窗。
Feed流：通常以单列或沉浸式形式出现，注重内容的深度展示和用户体验。瀑布流：以双列呈现，展示内容丰富，便于用户快速浏览和发现感兴趣的内容。Feed流设计考虑因素：场景需求：根据应用场景的需求选择合适的feed流形式，如单列沉浸式适合深度阅读，双列则适合快速浏览。
信息流形式大致可分为feed流和瀑布流。feed流以单列或沉浸式形式出现，而瀑布流以双列呈现。在技术驱动下，它们都能实现个性化推荐，但视觉效果和体验各有优势。选择哪种形式，取决于场景需求和用户体验。在实际应用中，如小红书采用双列feed设计，考虑了其UGC内容社区的定位。
作为设计师，我强烈推荐Notion，一款多功能的笔记软件，不仅适用于设计师，也适合所有寻求高效协作和知识管理的人。它的目标是通过优秀的工具提升学习、工作和生活的效率。
有哪些界面UI交互设计的比较好的app
良仓则是一款专注于生活美学的应用。它的设计风格偏向于简约而不失质感，通过精心挑选的图标和色彩搭配，营造出一种舒适的生活氛围。在交互设计上，良仓也充分考虑到了用户的习惯，使得用户能够轻松浏览和购买自己感兴趣的商品。黄油相机则是一款以摄影为主题的APP。
Sketch是一款强大的界面设计工具，专为UI设计师打造的软件，可让你的界面设计变得更简单，更高效。如果你是一个UX或者UI设计师，那么你一定知道Sketch这个强大的UI界面设计软件。如果你想转行做UI设计师，那么你一定不能错过这个好用的设计工具。
UI设计软件主要有Pixso、Figma、Sketch、Adobe XD等。Pixso：全平台覆盖、精细化矢量设计、智能化布局、团队组件样式共享、社区和资源库、多人实时协作、高保真原型交互动画、成果一键交付、用户问题实时反馈、中文语言环境、本土设计系统、数据私有化。
Pixso可以多人云端协作设计，实时同步字号、边框、颜色等各种细节。Pixso不仅是一站式产品设计协作工具，更是一款专业的UI/UX设计工具，更多矢量网格、布尔运算、样式创建、智能排版等高阶功能，使设计师真正专注于创造本身。
通常，策划会使用visio或者word、Excel之类的先把功能区域和按钮画好，交给美术来制作皮肤。对美术来说，Photoshop就足够用了。不过现在比较成熟和有经验策划会提出更多对于交互体验的设计要求，使用GUI Studio或者Axure RP都是不错的交互界面设计软件。
百度网盘笔记功能使用体验
1、修复笔记页面意外关闭问题：确保视频切换时笔记页面不会意外关闭，提升用户的使用体验。优化返回功能设计：确保“上一个”操作能够正确返回到上一个视频，减少用户操作的困扰。完善题目选择功能：修复全选复制题目时导致文档空白且不可编辑的问题，提升用户编辑题目的便捷性。
2、虽然整体上百度网盘的笔记功能已具备基础可用性，但提升空间依然巨大。它需要更深入挖掘用户需求，尤其是考虑到多场景下的使用体验，以期达到“有用”、“易用”、“好用”、“流畅使用”和“品牌认同”的更高层次。正如梁宁所言，一个产品能激发用户思考，引导用户行为，才是真正的成功。
3、推荐一款软件给想要随时随地做笔记的大家。那就是百度网盘，百度网盘的“笔记”功能可以随时随地记录各种信息，支持文字，图片编辑。同时，它支持多端永久同步储存，即便大家换了设备，笔记内容仍然能直接同步到新设备里。首先打开百度网盘，找到热门工具右滑，找到笔记。
4、其中笔记功能是百度网盘的一大亮点，它支持用文字、图片、待办清单编辑笔记，记录学习生活工作点滴，高效又轻便。而且你在其它APP看到的好内容，通过分享功能发送到百度网盘或复制链接后打开网盘客户端，就可以把碎片化的知识永久存在网盘，统一管理。
5、打开百度网盘App：首先，确保手机上已安装百度网盘App，并打开手机中的百度网盘应用。进入笔记功能：在百度网盘App的主界面或底部导航栏中，找到并点击【笔记】图标，进入笔记功能页面。创建新笔记：在【全部笔记】页面中，点击右上角的【笔】图标，这是新建笔记的入口。
6、今天小编就来和大家分享一下百度网盘上笔记功能的具体操作步骤，有需要的小伙伴可以看一下！步骤：第一步：进入到主页面后，点击笔记功能；第二步：进入笔记界面后，点击右下方的编辑图标，新建笔记。
交互设计知识点——可用性测试
1、所以可用性测试主要是为了从易学性、效率、可记忆性、错误率和满意度五个维度 衡量产品可用性 ，同时 定位产品问题及产生原因 ，进而优化产品。 再有一点，设计需要平衡产品与商业之间的关系，所以可用性测试也与公司商业目的紧密相关，只有这样，测试才能成为解决问题和寻求机会的有效工具。
2、测试过程包括七个步骤：规划测试，确定参与者，准备测试材料，搭建测试环境，执行测试，分析数据，以及报告结果。例如，只需要少量参与者（如5个）即可发现80%的问题，而实验室测试、游击测试、远程测试等类型各具特色，适用于不同的阶段和需求。
3、把所有需要测试的功能点列出来，对每个功能点进行任务设计。对于任务而言，用户最主观的感受就是两个：界面和流程。所以测试脚本又可以从这两个维度去细分。 需要注意的是，可用性测试中，问只是其中的一部分，观察是另外一个重要的内容，所以测试脚本不仅仅要有问的问题，还有需要撰写工作人员观察的注意点。
4、可用性测试的概念是：让一群具有代表性的用户对产品进行典型操作，同时观察员和开发人员在一旁观察，聆听，做记录。可用性有五个指标，分别是易学性、易记性、容错性、交互效率和用户满意度。
5、总之，交互设计是实现用户友好、高效产品的关键，它通过深入理解用户需求、构建合理的信息架构、优化可用性测试流程，以及持续迭代与优化设计，为用户提供卓越的产品体验。通过优秀的交互设计，产品不仅能提升用户的满意度与易用性，还能显著增强其市场竞争力，为用户提供真正有价值的产品与服务。
读书笔记_《交互设计精髓4》--设计原则
目标导向的交互设计反映了用户的心理模型。交互设计不是凭空猜想。第3章 不要让用户感觉自己愚笨。界面设计的关注点在于单个主要人物模型。第4章 设计产品行为前，首先定义产品会做什么。设计的早期阶段，假定界面是魔法。第5章 绝对不要向涉众展现你不满意的方案，那可能正是他们喜欢的。
《简约至上：交互式设计四策略》讲述如何从目标用户的需求和期望出发，结合人类本身的心理特征和行为特点，用最简单的方法创建易用、有效而且让用户愉悦的设计。划重点：书中阐释了合理删除、分层组织、适时隐藏和巧妙转移这四个令交互式设计成果最大程度简单易用的策略。
案例一：饿了么搜索功能的历史记录设计，方便用户查找。灵活高效原则：满足不同用户需求，提供高效服务。案例一：每日优鲜回顶部功能设计，提升用户体验。美学和简约设计原则：突出重点，简化界面。案例：饿了么与美团金刚区设计，强调重要功能。容错原则：提供错误恢复解决方案，降低损失。
你好，4W法则是交互设计领域中一种常用的设计原则，其全称为“What（什么）-Where（在哪里）-Who（谁）-Why（为什么）”法则。
触控技术（Touch）应用：0 方向是最利于操作者移动的方向，具有较好的视觉反馈，成功率相对最高；120 方向用户在操作时最为困难，在用户界面交互设计中应尽少使用；用户手指在各个方向的运动中，宽度低于 14 像素的 Touch 是用户体验最差的。
奥卡姆剃刀原理（Occam’s Razor） 泰思勒定律（Tesler’s law） 接近法则（The Law Of Proximity ） 新乡重夫防错原则（POKA-YOKE） 本篇为中篇。
