1. <form id='VJjI73'></form>
        <bdo id='VJjI73'><sup id='VJjI73'><div id='VJjI73'><bdo id='VJjI73'></bdo></div></sup></bdo>

          • 首页 > 建站资源 > 网站运营 > 交互设计自查表:可用性优化实录

            交互设计自查表:可用性优化实录

            时间:2018-07-04    来源:人人都是产品经理

            相信不少同学都尝试过建立自查表,但最后是否有真正利用起来呢?这一次就和大家分享一下,我们团队所用的自查表的迭代优化过程和结果。

            一. 自查表1. 0 的问题

            首先,我们还是要了解一下优化前自查表的表现(如下图):

            建立自查表1. 0 时的部分思路:

            1. 交互设计的一些基本法则,如架构要合理、层级要精简等,是设计师需要掌握的基础理论,而我们的自查表建立更侧重解决设计师对特殊场景、交互细节容易遗漏的问题,所以在内容上以场景列举和说明为主。

            2. 自查表均分为两个部分:场景完成性和流程完整性,这是设计师通常容易遗漏的方面。

            3. 邮箱大师有四个平台需要同时规划,而每个平台的特性有所差异,因此为四个平台各自建立了单独的自查表,内容有通用的,也有差异的,方便各平台设计师分别查看。

            存在的问题

            (1)文档使用路径长

            因为使用了Excel电子文档,虽然对内容进行扩展很方便,但是每次要找到和打开这个文档都是一个漫长的过程,【在电脑桌面/某个文件夹找到这个文档 – 双击打开 – 等待程序启动文档打开】每一步都在增加使用成本;

            (2)阅读体验不佳

            首先整个文档结构没有处理好,第一眼看不懂,导致设计师对内容缺少一个整体的认知,查找起来也比较累;其次,内容阅读同时包含横向和纵向的结构,有时还会需要操作滚动条,这样读起来也比较累;

            (3)内容更新不及时

            这个不用说了,都没有人用,自然也不会有人来关心它的更新了,导致很多新的设计问题没有反应在上面。而且一共有四分文档,每改一个地方,都要同时改四份,想想这个工作就不轻松。

            二. 自查表2. 0 的建立

            锁定问题后,就看如果解决了,这里我从两个方面来对自查表进行优化:文档格式和内容结构。

            1. 文档格式:从线上到线下

            我希望这份自查表可以让设计师随用随取,而不需要一个复杂的查找等待的过程,那么,我想到的一个比较好的办法就是可以打印出来,从线上作业转为线下作业,直接放在手边,时不时就可以拿出来瞄上一眼,还可以根据需要进行标注。

            而在此基础上,也对内容设计提出了一些要求,比如所有内容必须承载在一张A4 纸的大小上,甚至最好不要超过 1 页,否则还要分页或双面查看,也不方便。

            2. 内容结构:马里奥的交互自查表

            内容结构的设计,很重要的一步就是对自查项的整理和分类。但同时,我也考虑到另外一个问题:邮箱大师涉及的自查项关键词有几十项,如何让设计师更好的对文档结构留下印象,甚至记住它们呢?这里,我引用了一款经典游戏《马里奥》的界面来配合内容结构的搭建和介绍。

            如上图所示,是一张经典的马里奥游戏画面,而在这里,我们可以把这个画面拆解为 3 大部分:背景环境(蓝天白云部分)、游戏路径(城堡障碍部分)、操作角色(马里奥本体)

            而借此,对应自查表的 3 大模板:

            • 环境:硬件环境、软件环境、邮箱环境(邮箱大师支持各种类型的邮箱,而不同邮箱下,支持的功能存在或多或少的差异)

            • 流程路径:入口、页面和控件、前进表现、后退表现、提示信息

            • 用户操作:手势、鼠标、键盘、其他(Touchbar、触控板、语音等)

            相关推荐
            性能优化:来自工程师的8项Web性能提升建议
            网站的分页设计如何做得让用户体验更愉悦?
            WEB产品设计须理清脉络 引导用户做正确选择
            用户注意力与交互设计的简单分析
            13个国内知名互联网公司的产品设计团队博客网址
            网站页面重构中如何创建良好的用户体验
            互联网产品设计之影响用户体验的4个因素
            交互设计的细节分析之分页设计
            以移动应用设计为例讲解符合用户预期的设计思路
            什么是响应式网页设计?
            20大UI设计原则 设计师必备宝典
            新浪潮下产品交互设计的三个新趋势浅析
            如何在6个月内自学成才成为一个互联网设计师?
            产品设计中认知心理学分析其交互设计
            案例分析情感化设计对用户体验的影响
            B2B行业网站导航菜单的易用性设计原则
            细说用户体验设计背后的“黑暗模式”
            10条有效提高网站可用性的经验技巧分享
            互联网产品设计理念:产品即有机生命体
            遵循用户需求的设计:最美APP的9条闪光定律
            扁平化交互设计让用户体验更棒
            如何让网站更“值得点击”?五大用户体验要点可搞定
            从电商网站应用设计中学到的九个成功秘诀
            作为一个顶尖产品经理必备的6大特征!
            60个以小见大的互联网产品设计细节汇总
            对话谷歌交互设计师:Google是怎么做设计的
            细节决定成败!提高用户登录体验的5个细节
            VXPLO:一款快速实现网页交互设计的工具?
            网站设计的10大金律:帮你更好的留住用户!
            我与交互设计这十年:交互之外的那些事儿
            2014年八个最棒UI设计灵感:你最中意哪个?
            Web APP与原生APP有哪些交互设计区别?
            访谈:关于锤子科技 你不曾了解的有趣一面
            戏说“愉悦”强迫症:真的交互设计满足需求
            产品实用技巧:交互说明中容易忽略的几件事
            华为总监:18条交互设计和心理学之间的联系

            精彩推荐

            热门教程