首页 > 优化 > 关键词 > Web设计最新资讯 > 正文

以用户为中心思维下的Web设计

2014-12-23 09:57 · 稿源:AnyForWeb

“轻轻的将手肘撑在桌子上,托着脸来看这个世界,眼前的一切似乎也会随之有所不同。我们观看世界的视角与感受世界的方法可能有千万种,只要能够下意识的将这些角度和感受方法运用到日常生活中,就是设计。”

读了原妍哉的《设计中的设计》,或多或少有些感触,设计师的工作一直是在追求艺术与设计的融合。而设计,无所谓你华丽或纯净的表现手法,都必须完成其所承载的或商业、或用户诉求等目标。Web设计的核心与目标便是“以用户为中心的设计”,追求极致的用户体验。

一、banner的设计

 在WEB项目设计中,我们经常会有banner设计需求,一般而言首屏Banner及其相关区域也是整个网页设计中非常重要的部分。

优化前:

优化后:

优化前:

1.优化前网页首屏图片自动切换交互方式之外,用户可以点击圆点按钮手动切换图片。但考虑到图片本身的展示空间和效果,圆点按钮设计的比较小,造成用户点击该按钮时不方便。

2.banner切换图片时,会存在图片背景或主色调与 banner上的文字颜色融合,造成文字的视觉焦点会被弱化,降低文字的视觉吸引力问题。

优化后:

1.图片的手动切换方式,优化为左右两侧的箭头切换。用户鼠标放置于图片上时,会在图片两侧出现切换按钮,切换按钮用矩形且带有箭头标识,视觉上比较醒目,而且大大增加了点击与光标触发区域,保证了鼠标点击的有效性,使得图片的切换更加方便。

2.优化后在banner上对广告文字增加颜色背景处理,这种手法本身是一种Metro设计风格,符合目前WEB设计潮流。增加背景之后,最大限度的降低了图片背景和主色调与文字色彩上的融合,更加凸显文字的视觉表现力。

二、交互设计

本案例是AnyForWeb为国内某知名软件公司的核心产品进行的界面和交互设计。

优化前:

优化后:

优化前:

传统的文件上传交互很简单:一个文件域要求用户选择文件,一个提交按钮实现上传功能。

这种方式有很多缺点,比如选择文件后看不到预览,一次只能选择一个文件,上传过程看不到进度。

优化后:

上传前:上传文件前可以查看已上传文件,选择布局、来源等。

上传中:上传大量文件时,可以添加文件描述,移除不需要的文件。上传文件过程中最基本的需求是上传进度显示,大批量上传时不易导致用户烦躁。

这一系列的交互,看似简单却需要后端复杂技术的支持。用户的操作少了,上传文件更加方便了,也许就是这些细节,提升了软件的用户友好度。

  • 相关推荐
  • 大家在看
  • 榕树贷款:AI加持优化用户体验 满足用户多样金融需求

    金融科技对金融业的影响愈加广泛,对金融业务全过程都产生了深刻影响,新业务模式对传统业务和服务的影响更加深入。总结来看,金融科技在金融行业的发展中扮演了重要的角色:一是推动开展了新的业务,创新了竞争的赛道;二是提高信息传播效率,逐渐替代传统金融机构的作用;三是促进金融机构改进工作流程。 随着金融科技创新进程不断加快,专家认为,只有产生实际效果、增强消费者获得感的金融科技创新,才是有效的。消费者体验是

  • 消费金融潜力突显 榕树贷款精准匹配优化用户体验

    在我国经济由高速增长转向高质量发展的当前阶段,消费经济日渐成为经济发展最重要的引擎之一,我国实际上正步入消费驱动型经济体。有行业报告曾指出,无论基于政策理论,还是国际经验分析,消费金融在一国经济转型过程中具有重要作用,适度发展消费金融有助于拉动消费增长。 相比于传统金融服务,消费金融的最大特性在于其用户体验的全面优化,从用户申请、审核、资金发放等流程的高效、便捷,到消费金融平台充分发挥自身技术优势

  • 如何将访客转化为潜在客户?这个8个网站优化策略了解下

    你是否已经将自己的网站优化到最佳状态了呢?通过优化来产生潜在客户是转化网站已经获得的流量的最好方法之一。然而,如果你认为在网站的主页上添加几个“点击这里”的CTA策略(注:Callto Action,行动呼吁),就能获取更多的潜在客户,很遗憾的说,这个想法大错特错。

  • 设计实战 赞扬设计服务带你探究LOGO设计

    我们都知道,每个公司都有着它自己的独特性,这种独特性是由它的发展历程和特有的服务细节所塑造的,也正是因为这种独特性的存在,设计师们才能基于它们来为这些公司企业进行LOGO设计。LOGO绝对是最能够直观的体现一个公司属性和风格的东西之一。专门设计一个独立的、与众不同的LOGO是一件很艰难的事,因为就目前市场上存在的公司企业和五花八门品牌LOGO实在是太多太多了。LOGO设计的独一无二,对公众而言,能够看一眼就能快速的想起某一?

  • 丐帮设计打造人人共享在线设计平台

    受疫情影响,互联网经济整体增速放缓,新的营销困境也随之而来。流量是企业的核心困境,而营销渠道是流量的新动能。丐帮设计率先打破了数字化营销的技术壁垒,通过强大的人工智能技术,研发出能随时满足用户需求的设计共享平台。人人都是设计师提到设计,我们会想到什么?是长城、金字塔那样的伟大建筑?是每年巴黎时装周的高定新款?还是埃舍尔的矛盾空间?是,却不止如此。工薪族如何做出精美被老板夸赞的PPT?自媒体人怎样作图?

  • iOS 14、iPadOS新细节曝光:重新设计UI、优化手写功能

    明天凌晨开幕的WWDC开发者大会,iOS 14等一大波儿新系统可能并不是苹果的重点,而真正的是主角是基于ARM自研Mac处理器。据最新消息称,即便重点不在新系统上,但苹果依然为iOS 14准备了不少新

  • 百度推出“高考放心搜计划”:清理2. 6万个恶意网站

    6 月 10 日,百度推出「高考放心搜计划」,为高三考生及家长提供信息和智能搜索服务:包括上千场高考直播、高考搜索大数据、闪电估分以及智能志愿助手等。考生和家长在百度App搜索「高考」、「高考直播」等关键词即可获取上述服务。

  • 设计师的福音,超高颜值的ConceptD 3设计本

    对于众多设计师而言,一款专业的笔记本必不可少,但在笔记本市场上符合设计师需求,轻薄、性能、色彩与颜值都满足设计师群体的笔记本少之又少,如何选择选择一款适合创作的笔记本成了众多设计师们的难题。2019年,宏碁针对设计师群体推出了ConceptD系列设计本,在保持轻薄的同时拥有高性能,并为设计师们带来精准的屏幕色彩,提高创作效率,成为众多设计师的不二之选。并在今年618京东购物节之际,宏碁开启限时优惠,618期间购买Co

  • 设计好看就是可以为所欲为

    在汽车历史上有一款很神奇的车,它性能平平,做工粗糙,售价还很贵;它声名狼藉,恶评如潮,卖的也不好;它早早停产,却名留青史,成为一个象征未来的艺术符号。

  • 特斯拉正邀请中国设计师为其设计汽车 新车将面向全球销售

    【TechWeb】6月17日消息,据国外媒体报道,特斯拉正在为其小型版新电动汽车征集来自中国汽车设计师和业余设计师的设计方案。特斯拉是通过其官方微信发布的公告,邀请来自中国的汽车设计师和非汽车设计师为其新车提交设计。该公司将考虑中国设计师提交的设计方案,被选中的设计未来可能会在其上海超级工厂下线。外媒报道称,虽然这款车将在中国设计和生产,但特斯拉的目标是在全球销售。到目前为止,特斯拉及其CEO埃隆·马斯克都没

  • 特斯拉邀请中国设计师设计汽车!造“中国风”特斯拉

    随着特斯拉国产步伐的加快,特斯拉在中国市场变得越来越活跃。6月16日消息,据外媒报道,特斯拉正在邀请中国的专业汽车设计师和分专业设计师提交方案,制造出小型版新电动汽车。事实上,早在

  • 车轮"加油"频道,深入优化客户体验

    近年来,得益于我国经济高速发展,人们的生活水平稳定提升,汽车消费呈现井喷之势。众所周知,汽车的使用离不开汽油的支持,因此,汽车加油成为用车养车中的主要消费项目。而使消费者在加油中感到便利和实惠,在当今社会人们日益忙碌,压力越来越大的情况下,显得尤为重要。专注于全国汽车生活服务领域的移动互联网公司车轮互联想车主所想,解车主之难,在全国范围内推出了加油服务,"价格优惠"和"一键加油"是其服务的亮点。目前,

  • 这个比QQ空间还古老的网站,是多少女孩的精神家园?

    ​你多久没有上网冲浪了?你还记得第一次和因特网的亲密接触吗?仔细算算那些诞生于 1999 年的网站,已经整整二十岁了。

  • OPPO主题设计大赛正式启动,招募优秀设计合伙人一起“绽放无边界”

    6 月 23 日,OPPO主题设计大赛正式开启招募。OPPO通过大赛招募优秀设计合伙人,共同探讨科技与艺术人文的智美融合,挖掘个性化主题设计与壁纸设计的艺术价值和商业价值,为OPPO用户打造独具一格的美学与交互体验。 OPPO主题设计大赛是由OPPO主办的一场设计美学盛会,旨在将“科技”与“艺术人文”的融合及畅想触达全球,让优秀设计师、插画师突破常规,施展创作灵感。本次大赛以“绽放无边界”为题,特邀知名插画师特浓TN、Lost7

  • IBM云服务出现故障 导致全球多个客户网站瘫痪

    太平洋时间 6 月 9 日下午,IBM Cloud的用户报告了一次故障,导致全球许多网站没有响应,目前该问题已经解决。

  • 这个网站靠帮人们分析怎么在网上赚钱,月入近3万

    不少想要搞副业的人,曾经花费大量时间和精力尝试在线赚钱,但最后才发现自己白折腾了。eBiz Facts 是一个小团队,该平台花费大量时间研究和审查各种在线赚钱方法是否靠谱,然后给用户一些建议,让他们避免被骗,以及浪费时间、精力和金钱在一些容易“踩坑”在线业务,并做出更明智的决策。

  • 电子书免费,写评论还奖励60美元,这家网站靠什么赚钱?

    对于喜欢阅读的用户来说,OnlineBookClub绝对是一个好地方。这个已经有着十多年历史的在线图书俱乐部,不但为用户提供免费的电子书,而且用户如果为电子书写评论,每条最高还可获得 60 美元的报酬。它甚至都不需要用户具备高级评论家的水平,只需要通过Online Book Club注册一个账户,注册成功后,你只要选好你喜欢的图书类型,然后从可供选择的图书中选择一本书,按照说明下载,然后提交评论就可以了。

  • 设计没灵感?使用免费的Billfish搭建个人灵感库试试

    设计师是一个“创意”至上的职业,很多设计公司的核心理念就是“无创意,不设计”,折射出的是设计师对创意,对创新的极致追求。然而,有很多设计师苦于自己的创意“贫乏”,在工作中苦苦的挣扎。我们经常在提倡创新,但其实内心最清楚,我们设计的很多作品只是在沿用以前的设计思维,特别是一些产量和产值为中心的设计公司。面对如此的市场环境,个人设计师如何快速的找到灵感,常用的方式便是借鉴于各大平台网站,久而久之很难形

  • 牛商网营销型网站:传统企业接到百万总统府邸大单

    牛商网的营销型网站助力13000+企业成功转型互联网,为传统企业转型互联提供无限可能。合肥市某专注于冷暖设备工程的传统企业,通过牛商网的营销型网站,单月销售额达 100 万,公司网络销售业务达到千万大关,通过网络成交的业绩占公司总业绩的90%,并通过牛商网制作的营销型官网接到了 5000 个平方的国外总统府邸工程订单。一起来看下牛商网是如何助力这家企业实现弯道超车的吧:传统做得再好,也要布局新跑道!这家冷暖设备工程公

  • 百度输入法设计师生态成形,打造优质皮肤原创内容生态圈

    随着第三方手机输入法用户规模不断上涨,用户对键盘皮肤的个性化需求也越发多元化。作为行业头部厂商,百度输入法通过引入原创设计师,大力布局皮肤内容生态,不仅为亿万用户带来视觉与交互的双重享受,也为行业打造原创皮肤树立了典型标杆,引领输入法皮肤的发展方向。(百度输入法原创皮肤) 据悉,百度输入法此次引入了森林集、少年维特、Eddie、鲲鹏、HERE180 等数十位顶尖设计师,来扩充皮肤的“新玩法”。其中,此前一经“官?

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议

热文

  • 3 天
  • 7天