设计智造：基于用户体验的交互界面！
文/李慧真手机界面设计是手机产品设计的重要环节之一 ， 不仅具有可视化展现作用 ， 还要确保使用者和产品之间的有效连接 ， 因此易用性和交互性成为界面设计的核心要素 。 现阶段用户对手机界面的易用性、交互性、舒适性等方面提出较高要求 ， 期望一个轻松、愉悦、流畅的使用体验 。
文章图片
而这种体验需要存在于使用过程中 ， 让用户更加主动直观地进行体验 ， 同时引导用户顺利完成操作 ， 既满足了用户需求 ， 也使用户获得了愉快的体验过程 ， 这便是基于用户体验的交互界面 。
文章图片
文章图片
用户在页面访问时 ， 其有目的及需求去进行访问操作 ， 用户在页面访问时 ， 首先会获取信息 ， 然后进行流程操作 ， 从而完成操作任务 ， 因此在不同的任务和目的下 ， 也决定了页面的排版布局是不一样的 。
文章图片
【设计智造：基于用户体验的交互界面！】例如：阅读类的产品是为了营造沉浸式的阅读体验 ， 所以在很多的阅读产品中都会在阅读的时候 ， 隐藏页面的一些操作按钮 ， 给用户一种沉浸式的阅读体验 。 在用户具有操作需求时 ， 轻点页面屏幕 ， 又能帮助用户很快速的获取这些操作按钮 ， 即可唤起操作栏 。
文章图片
文章图片
当梳理用户和产品方的需求后 ， 面对需求和展示功能的多样化 ， 如何对需求功能进行页面设计和分类 ， 或者我们很难从用户的角度进行组织分类 ， 可采用卡片分类法 ， 对挖掘信息组织进行分类 。
文章图片
例如：在设计一个商品的详情界面 ， 用户访问页面后希望能查看心意的产品详情：价格、规格、购买；查看用户评价 ， 与此同时 ， 产品方希望用户进入页面 ， 就能够进行购买并将商品信息分享给其他人 。
文章图片
在了解用户及产品方的需求后 ， 可使用卡片分类法 ， 来对产品的信息架构进行梳理 ， 将独立的功能模块写在一张卡片上 ， 然后让用户按照自己的理解进行分类 ， 用户会将商品预览图、价格、运费、规格、剩余数量、销量放到商品详情里面 ， 将收藏、分享、加入购物车、购买放到操作功能里面去 ， 并将购买数量、选择规格等放到操作详情里面 。
文章图片
具体的页面设计可以用卡片分类的方法来将有限的空间进行一个信息的布局与组织 ， 来帮助用户更加快速理解页面上的内容 。
文章图片
文章图片
在一个操作界面上会同时分布很多信息 ， 每个信息的重要程度都不同 ， 但每一个信息又不可缺 ， 这就需要在同一界面上进行重要度区分 。 在一个界面中可从用户的认知模型角度分析 ， 对各类信息的排布和标重方式做一个对比 ， 再通过信息模块的位置、大小、色彩或状态等形式对其重要度进行区分 ， 确定哪种排布和标重方式最优 。
推荐阅读
- 二台格物设计的与时俱进
- 大数据邦选址很关键，新基建之大数据中心规划设计原则和内容
- 手机大魔王大杯 超大杯设计，颜值再次达到巅峰？，荣耀最新旗舰，中杯
- 「华为」华为EMUI11抢先亮相，基于安卓11系统打造，深度集成HMS
- 科普大世界新一代载人飞船的返回与降落表现如何？载人飞船总设计师：满分
- 上观新闻疫情不改发展进程 协同创新推动“智造”加速跑，“机器人”核心部件实现自主研发
- 科技娜评纯粹与沉浸之美！华为P40系列ID设计成艺术高地
- [物联网]物联网顶层设计出炉，给你三只纯正标的，要不要？
- PingWest品玩低价向右，苹果的营销“新政”：设计向左
- 科学技术宅试用荣耀新机之后，发现大挖孔设计方向错了！，小米高管表示