童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

思路最重要!七大秘诀帮你设计出令人难忘的优秀网站

10月6日 心碎巷投稿
  失败的网页设计各不相同,但是优秀的网页设计则有着共通的特点。你需要思考人们想要的是什么,什么东西能够触动他们,让他们欲罢不能,无法忘怀。
  听起来似乎很简单,不是吗?取悦用户的关键在于像用户一样思考。并不是每一次创新、每一次重塑、每一种新技术都能让用户愉悦,那些真正易于理解、便于使用、降低难度的技术、设计手法和抓人的视觉元素,才是一切的关键。下面总结的7项秘诀,会让你的网页脱颖而出的。
  1、定制化
  定制化,或者说个性化,是今天网页设计中最典型的趋势之一。用户希望浏览网页的时候获得更加私人的浏览体验,无论是玩页游还是购物。
  看看世界上最著名的那些网站是怎么做的吧。Amazon为用户提供基于购买历史的产品推荐,Netflix则会推荐相关的作品、有待观看的下一部,并且基于用户Twitter上的内容来进行推荐。
  每一个微小的自定义设计,都能让用户感觉这些用户体验设计是为他们而做的。同时,这种设计也会给用户一种参与感和沟通的体验,从而加深用户的忠诚度。如此一来,用户会更好地融入整个网站的用户群或者社区。
  2、简练的动效
  另外一个大热的流行趋势,就是动效设计。它不仅能为用户带来惊喜,而且具备强大的引导性。
  动效设计的精髓在于简单。令人头晕或者不知所措的动效,应该不是你要的东西吧?动效应该是有目的性的,和其他所有的设计元素一样,有针对性,达成目标是它存在的意义。
  对动效或者说动画最熟悉的,无疑是迪士尼。FrankThomas的《生命的错觉:迪士尼动画》中,就详细总结了创造今天动画的12个原则:
  挤压和拉伸
  预期
  登台
  连续动作和姿态对应
  缓进缓出
  弧形运动
  次要动作
  时序
  夸张
  立体刻画
  吸引力
  3、使用约定俗成的设计模式
  对于常见的问题,设计模式就是可靠且可复用的解决方案。简而言之,最常见的信息和交互方式被整合到一个界面当中,比如点击按钮,滚动页面,滑动解锁,它们都是设计师模式。
  你需要熟悉这些常见的设计模式,并且在设计界面和交互的时候将它们用进去。这符合用户在体验上的诉求,也是易用性的最基本构成。
  同时你也要在自己的设计中创造设计模式,在不同的页面中使用相同、相似或者规则化的设计,让用户习惯。比如,不同页面中的CTA按钮的色彩保持一致,卡片式的元素使用相同的样式,等等等等。
  4、给设计以性格
  没人会喜欢单调无聊的设计。你的网站应当同你的品牌保持一致的性格,拥有独特的气息。
  要做到这一点,通常需要用到微妙走心的文案和亲切自然的语调如果你真的不知道怎么做,可以看看MailChimp是怎么做的。(请注意他们的文本和图片是如何无缝地连接到一起的)
  5、在屏幕内思考
  用户同网站交互都是在屏幕内进行的,无论是桌面端还是移动端,整个体验都是围绕着屏幕进行的。
  这并不是一句废话。屏幕是一个区域,它界定范畴,赋予概念,创造隐喻。这也解释了为什么视差滚动和卡片式界面是如此的流行。这两种概念将一定量的信息合理地放置到屏幕这个容器中,让用户随之同下一个元素进行互动。
  如何运用好这个概念其实并不是那么容易。一个屏幕内应当承载多少信息,需要仔细考虑。一个桌面端页面所能承载的信息量在移动端屏幕上,可能需要划分到几个页面当中去。
  从屏幕的角度来考虑问题,可能会让你的计划更加庞大复杂,但是这种考量是有价值的,这种基于屏幕或者基于设备的考虑能让用户感觉更加便捷贴心。
  6、一体化的内容和交互
  视频、游戏、测试都争取让用户能与之进行互动,这种互动的目的在于驱动用户参与到设计中来。用户与界面交互的越多,用户所获得的体验就越好。
  不过,有趣的元素能让这一切截然不同。
  让交互内容尽量简单,不要牵扯太多,让用户可以一目了然,让他们轻松获得反馈的信息,不用在冗杂的体验中沦陷。这其实和美剧的5分钟原则有着异曲同工之妙。
  7、轻松有序的设计
  最后一个秘诀并非不重要,它甚至可以说是最基础的原则:让你的设计保持干净、整洁和有序。使用栅格可以让每一个页面元素都有准确的位置。将响应式设计落实到每一个元素,能让页面能从一个设备兼容到另一个设备。
  简约风和极简风能成为设计趋势是有道理的。用户可以更轻松理解这一切。简约的视觉设计更容易交互。没有复杂信息并且被精心设计的界面能更好地运作,赋予更好的体验。
  苹果的官方AppStore和GooglePlay都推荐过的游戏TwoDots就是个典型案例。谁都可以拿起手机毫无障碍地开始玩儿,它设计简单干净,容易互动,视觉元素周围有足够的空间,无需担心误触。同时,其他游戏所具备的东西它也有有趣好玩,可以共享得分,能分享到社交媒体。
  结语
  界定一个网站的体验与否有的时候并不是单一的标准,而今天所推荐的7条秘诀本身也更接近于基本的Guideline,了解用户,熟悉趋势才能提供优秀的体验。
  
投诉 评论 转载

情绪渲染在产品设计中的作用在相同设计架构的前提下,即便是最简单的表格样式,也能因为资源图片不同的表现力而带来不同的情绪渲染,这会影响用户对产品的直观判断,无论是否在主动或者被动的前提下,用户很都难离开直……产品经理,你是否给业务留了后路?业务复杂,做业务的产品更复杂。越复杂的业务产品,所依赖的外围系统可能就越多。假如突然有一天,依赖的外围系统挂掉了,少侠你是否给业务留了后路?可能前面的话听上去有点晕,到底……十大技巧快速提升原生APP开发性能移动应用市场用户争夺战日益激烈,原来做APP拼想法拼创意拼是否抓住用户痛点。现在,精细化用户体验成为了一个APP能否留存用户的关键问题,一旦用户觉得体验不畅,马上就有竞品APP……3种不友好的注册登录设计几乎每个产品都有注册登录的模块,然而即使是这么普遍的一个设计模块,也是需要精雕细琢的,设计师需要根据不同的产品情境来设计不同的流程。比如有些产品不想投入过多的资源来维护账号,因……智能电视用户体验设计分享之焦点篇入智能电视行业一年半,先后在传统电视品牌和互联网电视新秀品牌的用户体验部门工作,具体工作是电视端App,Launcher的交互和视觉设计,手机端电视相关App设计。两年前……思路最重要!七大秘诀帮你设计出令人难忘的优秀网站失败的网页设计各不相同,但是优秀的网页设计则有着共通的特点。你需要思考人们想要的是什么,什么东西能够触动他们,让他们欲罢不能,无法忘怀。听起来似乎很简单,不是吗?取悦用户……译文UI动画中的微交互详解在UIUX设计中,微交互(Microinteraction)是其中的重要关注点之一。这些微交互也许能够最好的证明:注意细节可以给(用户)很好的效果。大多数UIUX相关的书籍或者……产品经理需要懂的技术丨3分钟了解个性化推荐算法如果去商场里买东西,我并不愿意听导购小姐讲的话,但是电商网站上的推荐,我还真的愿意看一看。【猜你喜欢】,好,那你就猜猜吧。推荐这种体验除了电商网站,还有新闻推荐、电台音乐……图形设计的优势在于激发用户的好奇心如果设计师没有理解图形的根本用途,仅仅是从外观做为考量,将资源图片套用在一个又一个的产品之中,对用户而言,这样的设计并不会带来对产品功能的理解,反而加深了使用中的疑惑。这不仅违……译文交互设计的基本元素文章译自usability。gov,转载请先询问笔者意见并注明出处。交互设计专注于以深思熟虑后的措施来创造引人入胜的用户界面。了解用户和技术之间如何相互交流是这个领域的基……深度社交软件的直接交流和间接交流一、什么是直接交流?1。1直接交流的特点直接交流比较好理解,例如两个人面对面的谈话,或者视频通话、语音通话,或者用微信、QQ等社交软件文字聊天,还有收发电子邮件,甚……被误用的移动体验设计模式序言伴随著移动端的迅速发展,移动端的设计也越来越多样,为了做出差异化,设计师们与产品经理绞尽脑汁想带给用户不同的体验。然而,在使用者习惯与创新设计上,两者的确很难权衡与拿……
产品改版需要注意的五点问题产品设计中的那些谎言01:考核用户需求的DACE法则PM该做的减法:不是每一款APP产品都需要封面手机APP界面设计规范:如何定义视觉规范天天挂“用户”在嘴边,到底谁才是“用户”?10个APP设计的必备要点,让用户更好地理解你的产品两个工具,找到产品设计切入点(一)一个优秀的设计师,应从用户角度看设计4个设计APP产品不得不知道的心理学原理设计心理学:揭露高级设计师秘密百度网盘web新版设计:新视界新体验在产品中最简实现优惠券系统猫粮放冰箱保存可以吗能不能把猫粮放冰箱保存大学爱情诗经18岁结婚生子的表姐好妈妈必须学说的五句话从东方红到太阳升再现激情燃烧的岁月知青博物馆以产品经理视角认识行业(1):医美行业知识与入局机会青岛遇见梅好王者荣耀怎么自定义操作界面面板精选教师节快乐作文800字九篇如何破解EXCEL工作表保护密码忘记密码怎么办听力不好该怎么选配合适的助听器?植培施八仙花Hydrangeamacrophylla落。。。

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界