2023成都品茶交稿qt设计海选文案工作室三大要素

北京/设计爱好者/2年前/438浏览
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
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

5
Report
|
收藏
Share
相关推荐
SoVG2025全球AI视觉研讨会 创意影像 by ZayG
Homepage recommendation
内容含视频
获奖AI作品《她的定义》
Homepage recommendation
内容含视频
用AI做《永劫无间》CG概念延展
Homepage recommendation
内容含视频
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
DEMO REEL
Homepage recommendation
内容含视频
AI广告-欢迎来到异次元空间
Homepage recommendation
内容含视频
AIMV-主角游戏
Homepage recommendation
内容含视频
用AI创作了一条CG丨《SECRET》
Homepage recommendation
内容含视频
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
韶音OpenFit 2+
Homepage recommendation
相关收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
小家电
小家电
小家电
小家电
精选收藏夹
作品收藏夹
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
精选收藏夹
作品收藏夹
IP形象——动物类
IP形象——动物类
IP形象——动物类
IP形象——动物类
精选收藏夹
作品收藏夹
一些小动物
一些小动物
一些小动物
一些小动物
精选收藏夹
作品收藏夹
平面线条
平面线条
平面线条
平面线条
精选收藏夹
作品收藏夹
大家都在看
Log in