建站常识
案例—减少用户的思考
2010-09-03 15:20:00
介绍
QQ空间相册的个性化利器,能对照片进行效果的优化、文字编辑等等。
从设计上使用了创新的手法,尽量减少用户的思考。其中,通过界面的特殊表现,让用户更容易学会使用。在使用的过程中,也避免了复杂的操作方式,降低使用门槛。
·定位
了解用户需求
·用户期望照片编辑工具拥有“玩”照片的成分;
·大多数用户反映,最需要的功能是旋转、裁剪、添加照片的边框;
·能给照片添加文字、装饰品;
·对照片进行颜色或其他效果优化。
…
分析用户需求
除了可以对照片进行简单的角度旋转,尺寸裁剪、调整;同时可以给照片添加边框、文字🐬、装饰品;还能够进一步对照片处理亮度、模糊等等…众多功能已经足ဣ以让照片编辑工具显得复杂,并且带来的是较高的使用学习成本。
作为相册的照片编辑工具需要易学、易用。甚至只需要一些简单的优化步𝄹骤已经ﷺ足够满足需求。即使是熟练使用Photoshop优化照片的用户,选择照片编辑工具也只是想方便、快速实现一些简单的个性化效果。
·设计
对照片编辑工具的要求,从基础的优化照片,到照片的特效处理,并尽可能多的个性化照片功能。但前提下需要让用户可以很容易找到基础的优化功能,界面需要直观且容易使用。当然,不是一个摆满所有🌺功能的编辑器,并附带一份使用教程。
界面布局能让用户理解
界面设计传🧸达给用户的亲身感受是最直接的。🌜界面的功能太多、复杂,则会让用户在使用照片编辑工具时有很高的学习门槛。从界面布局入手,设计界面的布局结构。
简化并设计布局结构
设计照片编辑工具的界面,尝试将所有功能分布在三个不同的区域:
1.对照片的简单效果优化
2.可添加到照片上的个性化装饰
3.照片预览区
把所有的功能呈现在界面上,让用户逐步尝试每一个功能𒁏对照片的变动,然后再找到他所需要的功能;或者说在众多的功能下找到需要的某一个功能,也不是一件易事。若对于仅仅只是想把方向颠倒的照片旋转矫正、裁剪尺寸,会把ꦫ一些多余的功能占据了照片预览区。
如何合理得地归类功能♛,调整一个合适的布局结构,让界面理解起来更加简单,却不会让更多个性化的功能淹没?
编辑照片,所见即所得、核心的内容则是照片预览区,其次是提供一个固定的编辑照片功能区:把所有功能集中在固定的区域,可以更容易找到。
功能区
依据大部分用户朴素的需求,把最常用的功能放置在最容易发现的位置。当需要更个𝕴性化照片的时候,同样可以很方便找到入口。
可扩展的功能区—添加装饰
考虑到“添加装饰”功能会有很多装饰品,需要一个固定并且明显的位置。照片编辑工具的核心是让用户可以在简单优化照片之余,还可以“玩”照片。所以这个区域的设计是让用户在需要的时候打开使用,通过技术上的特殊处理,同时也能让用户自行控制,切换为固定的可添加装饰的区域。
#p#
一个有序的学习过程
这样的界面设计让用户在第一次使用照片编辑工具时降低了门槛。界♉面布局的简化能让用户更容易理解,对照片的编辑、优化、等更多的操作,都能在固定的一个位置,更容易找得到。整个使ꦯ用过程都是可预知的。
避免复杂操作
众多的功能,如何让用户每一个都能学会使用,也是一个棘手的问题。
例如:常见对照片的优化,都会使用复杂的“模式化对话框”(比如:调整亮度)。
模式化对话框“好处”
双重保险,调整到合适的效果后,再确定;不满意,取消。可避免大部分的误操作。
“坏处”
需要完成当前操作,当前的操作若不“确定”或“取消”,则无法进行其他操作,对话框被模式化,挡住了背后的其他操作。
操作越多步骤越多,每个操作都需要确定一次,显然不是每一个操作都需要,甚至会造成用户的困扰。
对于照片编辑🌄工具,我们需要的是更简单,并且便捷的操作过程。尽量避免模式化对话框,成为设计上的禁忌;当然,并非一味想办法把模式化对话框都“cancel”。
在对功能进行归类的同时,把复杂并且容易出错的操作,是更需要“双重保险”的:比如照片裁剪功能。裁剪功能往往不是一步到位的操作,需要多次调整图片的裁剪区域并确认裁剪范围后,才会保存。🐟📖若有不满意的情况,需要让用户从头再来或放弃。
“撤销”操作缓解了误操作
撤销上一步的𝄹操作,对发生误操作或操作后不满意的情况下,比起每次操作都需要“确定”,使用过程会更加方💯便。
比如锐化、对比度、亮度,这些操作都是显而易见,也是比较容易让人可以猜到🗹的。而正当需要使用这些操作的大多数情况都是很直接的。如果对调整的效果不满意,将滑动块移回初始状态即可;由于设计上使用了下拉菜单这类型的轻量操作,在发生了误操作,撤销上一步的操作可以回到原先的效果。
比如:点击模糊功能>展开调整菜单>调💙整完成后>不小心点击了菜单外其他区域或转到其他功能时>菜单收起,照片效果变了。
那么此时可通过撤销操作来恢复调整前的效果:
…
·最后
我们将会在体验这一块不断去思考💟、尝试,进一步提高易用性。至少,我们的思考能减少用户的思考,会是让产品更有利健康地成长。
体验一把:qzone相册中点击照片编辑器或查看照片时点击编辑打开照片编辑器。
近期更新
- [2025-02-11 14:34:54] 加拿大预测网-在线预测:青岛高端网站定制化设计
- [2023-06-25 23:22:29] 加拿大预测网-在线预测:优秀网站设计的五大特点
- [2023-04-27 14:05:55] 加拿大预测网-在线预测:Html 5 响应式网站设计制作
- [2023-04-10 11:07:30] 加拿大预测网-在线预测: 网站建设制作流程知多少
- [2022-10-14 10:11:30] 加拿大预测网-在线预测:做网站设计应该更看重框架搭建还是视觉观感?
- [2022-08-09 15:57:48] 加拿大预测网-在线预测:以“产品”思维搭建网站!
- [2022-08-08 09:12:57] 加拿大预测网-在线预测:一家公司的网站应该有哪些板块内容?
- [2022-08-05 09:28:06] 加拿大预测网-在线预测:企业网站建设为什么要设置新闻板块?
- [2022-07-04 15:58:06] 加拿大预测网-在线预测:网站加拿大预测网-在线预测设计的好看,这个网站就成功了一大半!
- [2022-05-20 09:34:19] 加拿大预测网-在线预测:网站后台管理系统是什么?有什么作用?
- [2022-05-17 11:29:32] 加拿大预测网-在线预测:作为消费者,应该如何选择一家水平高的网站建设公司
- [2022-05-17 11:27:01] 加拿大预测网-在线预测:高端网站定制与模板化网站应该怎么选择?
延伸阅读
- [2010-11-11 08:22:00] 加拿大预测网-在线预测:基础控件和交互设计元素的层级
- [2009-05-26 08:09:00] 加拿大预测网-在线预测:电子商务网站的非登陆用户处理
- [2009-11-03 15:01:00] 加拿大预测网-在线预测:用户体验的时间尺度
- [2010-07-01 08:18:00] 加拿大预测网-在线预测:短兵相接勇者胜—紧张项目管理策略
- [2010-05-07 08:20:00] 加拿大预测网-在线预测:用户,需要赞美和鼓励
- [2007-10-30 14:53:00] 加拿大预测网-在线预测:三大招聘网站之用户体验比较
- [2008-01-27 09:58:00] 加拿大预测网-在线预测:交互设计中的视觉引导
- [2010-08-25 15:55:00] 加拿大预测网-在线预测:面向用户,管理功能前台化
- [2009-04-23 08:05:00] 赵小姐的二三事
- [2009-06-21 09:02:00] 加拿大预测网-在线预测:读《用户不会记得点了多少下》有感
- [2009-10-09 08:13:00] 加拿大预测网-在线预测:社会化网络用户界面(UI)的9个重要特征
- [2010-08-24 17:38:00] 加拿大预测网-在线预测:头像web版交互设计总结
解决方案
加拿大预测网-在线预测: 轮胎行业网站设计解决方案 加拿大预测网-在线预测: 机械行业网站设计解决方案 加拿大预测网-在线预测: 房地产行业网站设计解决方案 加拿大预测网-在线预测: 科技企业网站设计解决方案 加拿大预测网-在线预测: 电子家电网站设计解决方案 加拿大预测网-在线预测: 食品行业网站设计解决方案 加拿大预测网-在线预测: 集团公司网站设计解决方案 加拿大预测网-在线预测: 企事业单位网站设计解决方案 加拿大预测网-在线预测: 外贸行业网站设计解决方案 加拿大预测网-在线预测: 健身运动网站设计解决方案 加拿大预测网-在线预测: 美容与化妆品网站设计解决方案 加拿大预测网-在线预测: 建筑设计行业网站设计解决方案 加拿大预测网-在线预测: 物流行业网站设计解决方案
TAGS关键字
图形网格 青岛网站制作 用户界面 空白和简洁的设计 网站规划 加拿大预测网-在线预测:青岛开发区建站公司 青岛网页制作 良好的导航 加拿大预测网-在线预测:企业网站为什么要备案 高端轮胎网站设计 加拿大预测网-在线预测:青岛网站设计哪家好 建站常识 SEO 加拿大预测网-在线预测:网站建设的步骤有哪些 加拿大预测网-在线预测:青岛轮胎网站设计公司 加拿大预测网-在线预测:青岛抖音小程序开发 交互设计 网站开发 网站设计 网站动画 网站策划 加拿大预测网-在线预测:青岛高端网站建设公司哪家好 企业网站建设 企业建站 视觉灵感 海信网络科技 英文网站建设 外贸网站建设 苹果系统 色彩心理学