草根也移动 移动网站交互设计避免的“小”错误

  没有移动端支持的网站,就只是在等泥石流将其冲走。可见移动网站设计是多么重要,很多地方论坛都着手涉及客户端了,还有其它类型的网站。况且,你怎么知道百度不会根据移动端的访问量对网站进行评估呢?不急着优化,改善好移动网页,毕竟君子藏器于身,待时而动。草根们,是时候打造移动互联网的天地了。

  

  千万不要让你的客户等太久,用户的耐心就像大太阳下的水滴,很快就蒸发了。可是网页加载量大怎么办?从技术上来说,我们可以采用预载默认框架,简单而言,就是在用户下达指令并传达到服务器之前就跳出一个默认的框架,当然前提是你网页框架基本一致,除了内容不同罢了,这样等到数据返回的时候,从用户心理上感觉这速度是相当“快”的,这个很好地运用在了百度下载移动页上。其次,我们可以玩一些花哨,这些花哨也是一些老办法,就是在跳转过程中增加一个有趣的进度条,比如说移动的光标,或者是很可爱的卡通人物,这一点在以前非常盛行,毕竟你怎么知道用户是不是网络状况不好呢?总结这一点应该叫转移焦虑情绪,若是用心去做,说不定客户希望网速越来越慢,好好欣赏这个跳转间的有趣设计,这就要草根们各显神通了。

  

  触摸屏也是越来越大,所以有一个“拇指法则”,我们做不了所谓的单手模式,那就把常用的功能设置在上手指可触摸的范围之内。对于手机来说,为触摸进行交互设计,主要针对的就是拇指。所以我们经常可以看到很多工具条和导航条都在屏幕的下方,而PC端都是在上方的(如浏览器),这都是拇指可控范围内造成的。针对屏幕的用户,要让用户不误点,也得别点不到。我们应当在设计中将操作目标分视觉层,这样让用户感到很清爽快捷而实用,比如说IOS将编辑按钮放在右上角,方便点击又避免了误点。同时还要考虑怎样安排才不会让用户手挡住了主要内容,总结一句话要将内容呈现在屏幕的中上方。

  

  在一般网站中,搜索功能是一直被忽略但是很重要的一个功能。相比之下,在手机上盲打比在电脑上盲打难度要大得多,这也是让手机开发者很头痛的问题。所以我们要避免用户过多的输入,给客户更多选择。我们都知道你在百度搜索关键词的时候有下拉框,所以在设计搜索框的时候宁可让用户多花点流量也别让用户多打字,也就是智能给出参考。如果非要问个怎么智能法,可以分析大家都在搜索一些什么,当然如果愿意在首页开辟一个大家搜什么的栏目,或许也很省事。

  

  还有其他的一些细节,诸如桌面端与移动端差距不要太大,起码风格要一致。别让用户觉得换了一个环境,这样用户很难感受到这是一个网站的两个展示平台,这种困惑的设计会让用户接受感降低。至于其他弹窗之类的,这类就不要在移动设计上做了,这比桌面端弹跳更使用户讨厌。

  总结来看,已经做了移动用户端的,要不断地根据自身的需要和用户的需求加以改进;还没做移动网站的站长,要顺水推舟顺势而为地推出移动端,让用户在闲暇时关注你的网站。本文由http://www.cqacura.com 攥写,A5首发,转载请注明出处。站长们,是时候崛起了!

时间: 2024-10-04 10:57:58

草根也移动 移动网站交互设计避免的“小”错误的相关文章

网站交互设计实例:正确的引导赢得用户的忠诚

文章描述:网站交互设计实例:正确的引导赢得用户的忠诚. 网站上,用和主色调对比很强的颜色或质感很强的按钮吸引用户进行操作,从而促成交易,或浏览相关重要信息. 正确的引导,符合了人机工程原理,优化了用户体验,给用户以易用.互动性.从而使网站给用户留下了美好印象,用户倍感温暖,加大了第二次访问的可能性. 那么反之,不正确的引导--误导,会是一种什么情况.笔者上周曾去南京一趟,便在沪宁城际高铁常州站站台遇到了误导. 笔者是高铁5号车厢,可是在其旁边不远却有一个有明显的动车13号车厢,该标志很明显很清晰

手机网站交互设计中的信息设计

在手机上浏览信息,存在着太多的局限,手机屏幕小注定了一页不能显示太多的信息,环境光线的变化注定页面设计不能过于花哨,流量限制注定不能有太多的图片和样式. 如果让你的用户直接在手机上浏览为web所设计的网页,即使是经过一些手机浏览器的优化,体验还是会很糟糕,甚至有时候会让人难以忍受. 如何调整信息展现方式,使内容能在小屏幕的手机上也更友好的展现呢?接下来我将通过一些原理和实例来阐述自己的观点. 首先,老祖宗Ben Shneiderman的交互设计8项黄金法则我们要铭记于心,因为这些法则也是适用于移

设计理论:网站交互设计与购物习惯

先试后买的交互   每个人都应该购买过商品,按照人的购买习惯会先试用或者对比后觉得适合再购买这样一个流程,这是符合人的消费心理.现在互联网出现越来越多的新产品,网民就像选购商品一样,所不同的是网民所付出的是时间和体力,需要付出金钱的也有,但很多产品为了增加注册量,不管三七二十一访问首页第一件事就是让用户去注册,注册完后才能浏览网站和使用网站服务这样一个交互过程,假设注册流程又长又丑的话那对用户来说简直就是一种折磨.   近来比较火的开心网(又拿这个网来做例子呵呵),首页只有一些简单的文字介绍网站

12个常见的网站交互设计错误

  好的交互设计可以区分开有质量的网站和其他普通网站.然而,如果有明显的设计错误,它只会给予你本来想打动的用户以刺激和挫败感.下面是Speckyboy上总结的让人最不喜欢的交互设计错误列表,来看看你中枪了没! 1,缺乏对比 当浏览网站时,我们喜欢看页面设计展示出干净.清爽的对比.对比达到了一个重要的目的--它使内容可读,并毫不费力地在页面上指导用户.这是一个最基本的设计概念,只是很奇怪,有些网站似乎就是不明白. 没有足够的对比度的话,不管是颜色或整体展示,一个网站看起来,在最好的情况下,也会让你

以新浪微博为案例:网站交互设计初体验

9月初,我来到新浪微博UDC部门交互设计岗位实习.在接近四个月的学习时间里,我对交互设计行业有了深一步的了解,认识到了交互设计师的一些具体职责.鉴于之前接受的知识大多来自书本或网络上的文章,在校期间参与项目的机会并不多,因此,我对此次实习做了一些总结:一方面,希望鞭策自己,在以后的工作中有所进步;另一方面,也希望能帮助刚步入交互设计行业的同学更快的适应工作,更好地学习交互设计. 个人认为,对于刚步入交互设计行业的设计师而言,在工作和学习过程中行之有效的方法可分为以下四个部分: 第一部分:了解自己

网站交互设计:Web网站通知系统设计

写在前面: 通知系统是网站信息传播机制的重要的一部分,足够写一大章来说明.本文只梳理设计原则,后续相关内容会持续更新. 这里的通知包括但不限于公告.提醒或消息(不同使用场景下的功能定义不同). 关于各客户端平台(ios.android.wp等)的通知机制,在其交互设计指南中有更详细的说明,大家可自行参考. 一.通知系统定义 通知系统,顾名思义即通知信息的传达处理系统.目的是为了让用户获得需要得到的消息及提醒并进行处理. 这里的"需要得到"有两层意思: 1.用户彼此互动触发的信息流(留言

网站交互设计入门—交互设计的职能

交互设计的具体职能: 从上图中可以看出,交互设计主要干三件事: ①定义部分需求 ②定义信息架构和操作流程 ③ 组织页面元素,制作原型demo ①定义部分需求 以前的惯性思维是需求应该由产品人员负责,设计人员只是实现和改善界面体验.而产品的真正需求不仅仅来源于业务,还包括使用者的情感需求.在情感分析方面,交互专业是具有优势的,举个例子: 一个增值服务的宣传模块,业务模型可能是这样子: 考虑到情感因素后,需求模型会不断完善: 上图仅仅是举个例子,真正的产品人员不会将业务模型想的如此简单.举这个例子就

网站交互设计初体验

摘要: 9月初,我来到新浪微博UDC部门交互设计岗位实习.在接近四个月的学习时间里,我对交互设计行业有了深一步的了解,认识到了交互设计师的一些具体职责.鉴于之前接受的知识大多来 9月初,我来到新浪微博UDC部门交互设计岗位实习.在接近四个月的学习时间里,我对交互设计行业有了深一步的了解,认识到了交互设计师的一些具体职责.鉴于之前接受的知识大多来自书本或网络上的文章,在校期间参与项目的机会并不多,因此,我对此次实习做了一些总结:一方面,希望鞭策自己,在以后的工作中有所进步;另一方面,也希望能帮助刚

网站交互设计:线框图、原型和视觉稿的区别

中介交易 SEO诊断 淘宝客 云主机 技术大厅 [编者按]本文译者@小轰同学 .文中介绍了线框图 (Wireframe).原型 (Prototype) 和视觉稿 (Mockup) 它们三者之间严谨的功能区别. 对于很多搞信息技术的朋友们(非设计师)在交付设计时,就混淆了这几个词汇,认为它们都代表同一样东西:表达自己创意的线框手绘设计稿.那么如果希望在工作中更好的表达自己的想法,我们需要对这三者有更好的认识. 混淆概念便带来麻烦:他们分不清用户体验设计师的作品,常常感到困惑.「这按钮他妈的怎么点不