雅酷SEO论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 588|回复: 0
打印 上一主题 下一主题

以用户为中心思维

[复制链接]

635

主题

0

好友

6913

积分

论坛元老

Rank: 8Rank: 8

  • TA的每日心情

    2015-7-3 17:11
  • 签到天数: 139 天

    连续签到: 1 天

    [LV.7]常住居民III

    跳转到指定楼层
    楼主
    发表于 2015-4-7 15:29:12 |只看该作者 |倒序浏览
      读了原妍哉的《设计中的设计》,或多或少有些感触,设计师的工作一直是在追求艺术与设计的融合。而设计,无所谓你华丽或纯净的表现手法,都必须完成其所承载的或商业、或用户诉求等目标。Web设计的核心与目标便是“以用户为中心的设计”,追求极致的用户体验。pifubaiban.net
      一、banner的设计
      在WEB项目设计中,我们经常会有banner设计需求,一般而言首屏Banner及其相关区域也是整个网页设计中非常重要的部分。
      1.优化前网页首屏图片自动切换交互方式之外,用户可以点击圆点按钮手动切换图片。但考虑到图片本身的展示空间和效果,圆点按钮设计的比较小,造成用户点击该按钮时不方便。
      2.banner切换图片时,会存在图片背景或主色调与 banner上的文字颜色融合,造成文字的视觉焦点会被弱化,降低文字的视觉吸引力问题。
      1.图片的手动切换方式,优化为左右两侧的箭头切换。用户鼠标放置于图片上时,会在图片两侧出现切换按钮,切换按钮用矩形且带有箭头标识,视觉上比较醒目,而且大大增加了点击与光标触发区域,保证了鼠标点击的有效性,使得图片的切换更加方便。
      2.优化后在banner上对广告文字增加颜色背景处理,这种手法本身是一种Metro设计风格,符合目前WEB设计潮流。增加背景之后,最大限度的降低了图片背景和主色调与文字色彩上的融合,更加凸显文字的视觉表现力。
      二、交互设计
      传统的文件上传交互很简单:一个文件域要求用户选择文件,一个提交按钮实现上传功能。
      这种方式有很多缺点,比如选择文件后看不到预览,一次只能选择一个文件,上传过程看不到进度。
      上传前:上传文件前可以查看已上传文件,选择布局、来源等。zgnpxw.com
      上传中:上传大量文件时,可以添加文件描述,移除不需要的文件。上传文件过程中最基本的需求是上传进度显示,大批量上传时不易导致用户烦躁。
      这一系列的交互,看似简单却需要后端复杂技术的支持。用户的操作少了,上传文件更加方便了,也许就是这些细节,提升了软件的用户友好度。

    分享到: QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
    分享淘帖0 分享分享0 收藏收藏0 支持支持0 反对反对0
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    百度SEO教程|谷歌SEO学术|百度SEO谷歌|网站SEO优化|雅酷SEO论坛  

    GMT+8, 2024-11-2 06:33

    Powered by Discuz! X2.5

    © 2001-2012 Comsenz Inc.

    回顶部