网站交互设计模式为什么值得读

        对于现在的web的发展来说,这本书优点旧了,里面的相关案例网站都是一些比较早的数据。但是这本书还是很值得一读。就像作者所说的,时间在流逝,模式会变化,适当改变信息密度,网站的基础核心架构没有变化。以下是对我比较重要的的笔记及小结,常读常新。

网站交互设计模式为什么值得读

过去

web的发展史

第一代:架构。第二代:广告。第三代:用户为中心(以用户为主心的关键主题:易用性、内容、性能、品牌价值、满意度)。第四代:用户体验。

现在

我们不再访问一个网站的种种原因:

1)有挫折感

2)认为网站导航太难用

3)认为没有所需的产品或者服务

4)得到一个不喜欢的大惊喜

5)链接到网站的页面太慢

从用户角度切入到网站设计

理解用户的业务需求业务培训:

1,容易学习和容易使用是不一样的

2,如果说易用是唯一的标准,人们就应该只骑三轮车,而不是骑自行车

3,我们并不是因为工具易用而去使用它,而是使用工具来完成任务

4,帮助人们成为专家


网站都有哪些模式


网站风格怎么定?

当我们拿来一个网站需求,产品经理会召开一个立项需求项目大会,我们要做一个什么范围的网站,是p2p、电商网站、着陆页等

一.电子商务始终要想这几个问题:

1)为什么要和我交易?

2)提供多种可以找到产品的途径

3)怎样引导用户购买?

4)避免意外

5)更高的要求

      我们要做的是做个撮合平衡,既要让产品卖得出去,又要让用户觉得产品可靠对自己有用,引导用户快速进行购买。我在要买一个火锅的时候,最先想的是在哪里购买。如果时间比较紧急今天就要用,我可能就会跑到实体店,就算架构有点贵也是可以接受的;如果这周末想和同事聚个餐用,时间还是蛮充裕的嘛!那我就在网上买。那问题来了,我该选择京东、还是淘宝天猫、或者是苏宁,可能我觉得京东比较靠谱,物流比较好,那我要选择哪家店铺的火锅?天哪!人生怎么会有如此多的选择!这时我们应该考虑价格、口碑、品牌等。这里考虑的是很多包括定位等问题。这里我们抛开一些不同模式的电商网站,用户进了网站就有购买产品的欲望,此刻就要提供给用户产品的路径。包括搜索(目的明确)、浏览(目的不明确)、促销等(主页入口、个人推荐)。再提供详细的产品描述对比。

       当产品产生购买,就需要提供一些人性化的服务,包括物流情况、收据、个性化留言以及退货。

二.社区网站我们需要考虑的几个问题

1)社区规则

2)是否要匿名

网站交互设计模式为什么值得读

3)同步或异步通讯(立即反应和之后反应)

同步的例子有即时聊天、聊天室、视频聊天等;异步通讯的例子包括电子邮件、留言簿等。

三.官网设计需要考虑的几个问题

官网设计一定要根据自己公司的业务和品牌。起到品牌宣传和信息呈现的平衡。我们在设计时,可以从以下的方法论展开:

1)八字箴言:了解、信任、价值、转化

2)头屏三要素:你什么?什么内容?有什么可以吸引我?

下面是这本书,我觉得在解决表格做的很好的模式,由用户群到问题任务到最后的解决方案,常用常新的表格。

网站交互设计模式为什么值得读

网站交互设计模式为什么值得读

导航要怎么设计?


导航的目的是为了防止用户在网页层级中失去方向,从而放弃关掉网页。所以需要我们时刻记住:我从哪里来?现在在哪里?要去何方?

1)全局导航

2)侧边栏导航

3)面包屑导航

首页怎样会比较好?

1)建立正确的视觉和感觉

2)建立网站商标和标识

3)提供有价值的内容

4)让导航易用

其他页面怎么在内容体验上做好?

怎么建立信任信誉?

一.网站商标:

网站的4个评分标准

1)内容质量:我希望这个网站有什么

2)容易使用:我是否能如想象的那样简单并有效的找到内容

3)性能:网站快么

4)满意度:是否满足所有体验

5)商业价值:是否提供重要和独特的内容

二.给自己的品牌五个练习:

1)写一段区分网站的叙述性蚊子

2)使用描述性名词建立商标

3)写10个用户在做什么场景

4)测试标识和色彩使用。

三.e-mail订阅

        e-mail可以和用户保持低成本联系的方法,有时候也会造成干扰,所以要研究什么时候用户喜欢点击,什么时候喜欢订阅。接下来如何做好邮件功能的设计,首先邮件的三种形式:1edm促销活动:考拉严选等 2.电子报:像知乎日报。 3.定期指示,包括隐私政策。

怎样设计好e-mail这个需求模块:

1)用倒金字塔样式写电子报等。

2 ) 使用基于文本的e-mail消息:首先最好使用文本内容,其次消息的行长不应该超过70个字符。

3)每一封e-mail中说明如何订阅如何退订。

电子商务的网站那些坑!


       电子商务网站设计需要问自己很多问题,要不然一些状况我们都会遗漏。

快速结账这个任务流程里会出现的一些问题。

一.一些潜在的事件包括

1)我们的订单何时发送

2)产品是否有货

3)我的货物的运输方式是什么

4)运输费用是什么

5)退货的政策是什么

6)我需要缴纳税么

7)可否国际运输

8)可否进行礼品包装

9)可否发送多个地址

二.订单概要:

1)确保订单准备完全。在页面有一个进度条,显示订单当前的状态,并知道以前的状态和未来的状态。特别要注意的是,有时候有人会在确认订单的时候关掉页面要知道用户确切的状态,或者来个弹窗。

2)在完成订单时候要感谢一下用户,并引导继续购买

三.轻松退货:

1)在结账的页面要显示退货信息。用户要知道:公司有退货政策么,如果有任何理由都可以退么,退货需要什么前提条件,运输费怎么处理

2)提供退货的过程漏斗。

四.特色产品怎么设计:

1)在商品推荐中插入编者意见

2)提供不同类型的推荐

3)提供搜索的机会

4)为相关商品发表评论

5)在付账时出售相关商品

有没必要做一套移动网站?

关于网站要不要做移动端的选择?


1 ) 移动端用户群少,等到用户开始挑剔时再说。

2 ) 做网站适配(一般很难做好适配)

3 ) 重新设计移动网站,代价可能比较高,如果能产生一定价值值得怎么做。

4 ) 使用wap,有点手机端都适用,但是技术可行性难说。

5 ) App移动程序应用。代价根收益成正比

做好了网站才成功了一半

可行性测试、研究数据


网站交互设计模式为什么值得读

原创文章,作者:Tinadmin,如若转载,请注明出处:https://www.iamue.com/33905/

(0)
TinadminTinadmin
上一篇 2017-08-03 00:58
下一篇 2017-08-03 08:08

相关推荐

  • [交互留学]英国HCI方向交互设计院校推荐

    之前很多设计相关专业的小伙伴问马克君,是否能够申请HCI方向的交互设计专业,马克君给出的答案是肯定可以,但是你在准备时需要比申请IxD方向的交互要更偏重提升自己的计算机方向的能力。对于HCI和IxD两个交互方向…

    2017-08-02
  • 交互设计的未来

    数十万互联网从业者的共同关注!译者:小媛作者:Terry Cao ,发表于DESIGN & DEV译文地址:http://www.jianshu.com/p/daaa353e6d95译者授权早读课发表,转载请联系译者。欢迎投稿到早读课,投稿邮箱:mm@zaodu…

    2017-08-04
  • 看了都说好!如何建立交互设计自查表?

    强烈推荐!很多同学做设计的时候经常会漏掉这个漏掉那个,等到开发来问的时候才想到。现在有了网易同学自创的自查表,可以把一些问题提前预防起来,文章系统全面,条理性强,是不可多得的实用好文呦。飞灵:对于移…

    2017-08-01
  • 牛X的交互设计稿应该具备的特点

    转自:UIUX设计工作坊(ID:UIUX-HUANG)作者:弘毅道还没有跨入交互设计的门槛时,总是想明确的知道一些客观、确定的事情。比如,想知道交互设计的具体流程是什么,交互稿到底长什么样子,Axure中的Case用例怎么用…

    2017-08-01
  • 艺计回忆录 | 交互求职

    前几天和胡老板聊起我们这一代人在北上广深踟蹰前行即将奔三时的焦虑,不可避免地说到了职业规划这个话题。 对我们这些刚工作但残留一张学生脸的职场小腊肉来说,现状基本是满意的,前路虽不暗淡却也少不得早早谋划…

    2017-03-07
  • 认知心理学与交互设计(1)--识别容易,回忆很难

    ♝点击上方“交互设计学堂”关注我们,送电子书这是一个新的系列,主要内容来自《认知与设计--理解UI设计准则》,经过重新整理并加入一些自己的思考。识别和回忆是记忆的两个重要功能,识别是指根据记忆对某个物体做出…

    2017-08-01
  • 【交互设计】信息图(infographic)的圆形表达

    信息图形(Infographic),又称为信息图,是指数据、信息或知识的可视化表现形式。信息图形主要应用于必须要有一个清楚准确的解释或表达甚为复杂且大量的信息。公元1958年,Stephen Toulmin提出了一种图形化的理论…

    2017-08-01
  • 产品经理、交互设计、UI设计师工作内容到底是什么?

    |沙龙精选自公众号交互笔记后台经常会有人留言问我一些问题,有的我回复了,有的没有回复,不是我故意无视,而是因为探讨那些问题需要需要些时间,而我当时正好比较忙,等闲下来的时候,这些留言已经被后台定期清空…

    2017-08-02
  • 2017年交互设计的10大趋势

    UI 设计的趋势是变化非常快的,有的时候我们的脚步总是可能慢了一拍。 随着 2016 年接近尾声,Lin. 为大家整理了外网大牛 Jamie Leeson 总结的 2017 年 UI 设计的 10 个重要的趋势。01. 沉浸式的全屏视频Campos Cof…

    2017-08-02
  • 交互设计:补上学校不教的这一环

    作者:郦橙 锦妖链接:https://zhuanlan.zhihu.com/p/25279058不知道其他专业有多么具体和细致,我自己的专业(CMU Mii-PS)是典型地抓大放小,各种设计实操细节统统不讲,全靠自己摸索。我也曾经狂看blog,看书,…

    2017-08-02