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

        对于现在的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

相关推荐

  • iOS10交互设计启示

    数十万互联网从业者的共同关注!作者:MOGU_Dribbbler。作者授权早读课发表,转载请联系作者。来源:站酷。欢迎投稿到早读课,投稿邮箱:mm@zaodula.com背景前段时间被一篇名为《从iOS10设计指南变化看设计的新趋势…

    2017-08-04
  • 实例分享:交互设计如何赋予产品安全感

    作者:高广淦全文共 4235 字,阅读需要 8 分钟—— BEGIN ——做互联网金融交互设计的这两年,也算是用过上百款竞品了。尤其是一开始做设计的时候,满世界的下载注册体验竞品,以至于我这两年的投资收益还是很可观的,…

    2017-08-04
  • 如何机智地向外行人解释交互设计到底做什么的

    破除对交互设计师的三大误解,交互设计师不等于视觉设计师不等于美工,且不会几分钟做个logo,机智向外行解释交互设计师到底做什么

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

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

    2017-08-01
  • 交互设计自学攻略

    交互设计是一个现在很热的岗位,工资待遇,发展前景都比较好。一些学工业设计,计算机,心理学及相关专业的人都想加入其中。 但国内大学只有少量开设相关的专业,而且集中在设计名校,如(清华,西交大,北理,江南…

    2015-08-19
  • 在考虑入行交互设计之前,先来搞清楚一些基本概念

    一直以来,经常有学生来问我,“是该选产品设计好还是交互设计好?”或者“过去是做产品设计的可不可以转交互设计?”“是不是视觉设计转交互或者界面设计方便点?”等等诸如此类的问题。笔者注:“产品”既可以是物质化的…

    2017-08-10
  • 交互设计GSM数据模型浅析

    交互设计GSM数据模型浅析GSM Data Model Analysis Of Interaction Design你是否记得:“那年那天那间会议室,激情四射,实际是射击狮与产品狗在设计方案上斗的你死我活”你是否还记得:“老板、甲方、PM对你的质疑:设…

    2017-08-04
  • 帅气的YouTube改版交互设计,获Adobe大奖

    美国设计师Ziarekenya Smith为Youtube制作的概念交互设计,获得2014年Adobe设计大奖。项目视频↓↓↓Ziarekenya Smith一人承担了设计、动画、音效所有内容.新Logo,一个简洁的取景器,更强调用户UGC特色新的登录页面新…

    2017-08-02
  • 史上最完整交互设计基本原则|推荐收藏

    下面的原则对于有效的用户界面的设计和实现都是最基本的,不管是针对传统的图形用户界面还是针对任意的可联网的智能电子设备都是有用的。有效的用户界面是视觉明显的并且宽容的,会带给用户一种控制感。用户能很快…

    2017-08-01
  • 12个很不错的UI交互设计动效灵感

    转自:设计达人(ID:shejidaren888)链接:http://www.shejidaren.com/ui-interactions-01.htmlUI动效设计是每位设计师们的一个进阶技能,我们做动效时,不仅仅要有用,而且还有好看哦,今天达人分享来自muzili整…

    2017-08-02