2023成都品茶交稿qt设计海选文案工作室三大要素
我们是成都维193通过回忆8225以前的经验4684来寇记起知识成都然后去设计或者审查设计稿。所以很考验我们过去的经验和记忆力
不知道你会不会经常经历这个情况:
1.自己设计的交互稿,不知道能不能再优化。
2.审别人稿的时候,不知道提的意见是不是全面和更有价值的。
3.看别人作品,不知道怎么分析别人的作品,挖出有价值的点。
这些情况的出现我想是因为我们是成都维193通过回忆8225以前的经验4684来寇记起知识成都然后去设计或者审查设计稿。所以很考验我们过去的经验和记忆力,一旦设计的是一个不是很熟悉的需求,我们能回忆的知识点很少,那我们会去借助大量的参考去完成交互设计。
借助参考可以打开我们的思路,但过渡依赖参考,会导致你做用户体验的上限就是你参考产品的上限。所以找到参考的时候我们不能觉得它的交互合理就照搬,还要思考它的这个方式是不是可以再更优化。
所以我希望设计一套逻辑思维,去帮助自己知道怎么更好的分析自己的作品,达到更好的优化效果。同时也可以去分析其他的作品,获得更多的知识点,填补到自己的弹药库中。
利用这套思维逻辑,你可以做到:
1.可以全面快速的找到交互稿的优化点
2.可以更全面的分析别人的作品,获得有价值的知识点。
这套思维逻辑的三要素
这里说的三要素分别为 设计目的、交互规则、完成任务过程。(三要素的定义说明都以简单化的去举例,主要展示整体的思维方法)
设计目的
我们的设计交互是希望达到怎么样的一个目的。比如:只针对用户的话,简单的来说一般分两个大方面
1.帮助用户完成用户目标
2.在这过程中有良好的体验
交互规则
针对目的,会有一系列要遵循的交互规则,而要得出这些规则首先是要做一些用户调研的工作,调研又是一大篇幅,先不在这细讲。
我们先以一些可以满足大多数需求的通用性的交互规则来举例,比如:
1.追求效率
2.减少失败,尽量完成用户的目标
3.满足用户情感需求
完成任务过程
得到规则后,我们再去了解用户完成任务的一个过程,大致分为:
1.寻找信息
2.理解信息
3.进行操作
值得注意的是,这里的三个过程是不断反复的,比如【3.做出行为】可能是个输入行为,那输入完了又会开始进行【1.寻找信息】,所以【3.进行操作】有两个状态,一是过程型操作,像点击导航栏查看信息。二是结束型操作,一般是提交、完成的结束性动作。
完成任务的过程中,用户还会做以下工作
1.认知工作
理解产品的行为、文本以及组织结构
2.记忆工作
回忆产品的行为、命令、密码、名称,控件位置,对象之间的其他关系
3.视觉分解工作
从屏幕的哪个位置开始,找到一个对象、解码布局、区分视觉编码的界面元素
4.肢体工作
按键,移动鼠标、手势,不同模式之间的切换,导航点击
我们也可以通过这些工作去辅助思考得出优化点。
这套思维逻辑是如何工作的
以交互规则为出发点,从完成任务过程的三个阶段里找到优化点
完成任务过程的三个阶段
1.寻找信息
2.理解信息
3.进行操作
接下来展示这套思维逻辑的具体使用方法。
规则一: 追求效率
追求效率分为两方面,减少整体流程步骤与让用户用得顺畅
(一)减少整体流程的步骤
从【1.寻找信息】来说:
1.信息层级多,提供搜索
2.重要信息、常用工具位置前置
3.让系统来判断用户下一步需要什么,出现帮助提示
比如苹果手机截屏后,微信发送图片时,左下角会出现一个提示框,点击可以直接调整发送
...
手机截屏后,微信发送图片
从【3.进行操作】上来说:
1.减少操作,利用系统提前输入已知信息
2.系统提供帮助操作
比如:展示短信验证码点击后自动填入输入框,不用自己手动填入
...
输入验证码时,点击下方提示,可以直接填入验证码
(二)让用户用得顺畅
顺畅一般分为三方面
1.简单、易理解
2.迷惑时,能快速解决迷惑
3.不被打扰
从【1.寻找信息】来说:
a.让寻找信息变简单
1.视觉引导:重要信息、推荐操作可以通过颜色,字体放大等视觉引导让人更容易注意到
2.符合阅读习惯,加快浏览速度,比如左对齐阅读更顺畅
3.对用户目标无关的信息可以去除,保持信息简洁
5.对不熟悉的用户提供向导
...
(百度网盘的上传按钮会比其他按钮更突出明显)
b.提供标识,减少迷惑,方便记忆
*用户在进行多次寻找信息和操作后,在下一次寻找信息前,可能会产生疑惑,所以经常需要确认一些东西,
比如你晒衣服,有时候你晒着晒着,你再去找衣服,会确认还有多少件衣服。
1.提供导航,让用户回忆情况,比如:位置、进度
...
百词斩左上角信息会展现背单词的情况
从【2.理解信息】来说:
快速理解信息
文字:
1.文字信息熟悉
2.可视化设计,图形辅助
...
从【3.进行操作】上来说:
a.操作简单、方便、快速
1.直接控制比设置好
2.系统辅助输入,比如语音输入
3.选择 OR 输入
4.符合使用习惯:左上角放重要信息,右下角放重要操作
...
作者:李小凡_
链接:https://www.zcool.com.cn/article/ZMTU2Mjg2MA==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。



















































































