网站用户体验的基本要素
SEO/网站推广网站体验,指的是利用网络特性,为客户提供完善的网络体验,提高客户的满意度,从而与客户建立起紧密而持续的关系。
网站体验的分类
1、感官体验:呈现给用户视听上的体验,强调舒适性。
2、交互体验:呈现给用户操作上的体验,强调易用/可用性。
3、情感体验:呈现给用户心理上的体验,强调友好性。
4、浏览体验:呈现给用户浏览上的体验,强调吸引性。
5、信任体验:呈现给用户的信任体验,强调可靠性。
网站体验的76个体验点
一、感官体验:呈现给用户视听上的体验,强调舒适性。
1. 设计风格:符合目标客户的审美习惯,并具有一定的引导性。
网[......]
UE/UI/UCD/UED是什么意思,有什么区别
SEO/网站推广UE/UI/UCD/UED是什么意思,有什么区别
UE (User Experience) : 用户体验
UI (User Interface) : 用户界面
UCD (User-Centered Design) :以用户为中心的设计
UED (User-Experience Design) :用户体验设计
CDC(Customer Research & User Experience Design Center):即用户研究与体验设计中心
UI(User Interface)即用户界面,也称人机界面。是指用户和某些系统进行交互方法的集合,这些系统不单单指电[......]
UE设计做产品时用到的画草图工具Axure和Pencil
SEO/网站推广, 网站运营策划, 英文网站建设刚开始做产品设计的时候,朋友介绍Axure是一款可以快速实现、准确表达、带有交互效果且易于上手的原型设计利器。用了一下,确实很好用,但是效果不够炫
之后用到火狐的一个插件叫Pencil Project,很有意思,操作跟Axure差不多,但是里面有一些手写的效果模板,效果还挺好
呵呵,自己做的一个小草稿
安装这个插件的时候,直接在http://pencil.evolus.vn/en-US/Home.aspx网站上下载,然后拖到火狐里面,火狐附件里面直接安装的不带手写的那套模板
css 控制文字截断,文本溢出时显示省略标记
DIV+CSS, 英文网站建设直接上网上查找的资料,呵呵
一般的文字截断(适用于内联与块):
.text-overflow {
display:block;/*内联对象需加*/
width:31em;/*指定宽度*/
word-break:keep-all;/* 不换行 */
white-space:nowrap;/* 强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象。不换行 */
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;/* IE 专有属性,当对象内文本溢出时显示省略标记(
) ;需与overflow:h[......]
文字的右上角显示TM的代码
DIV+CSS, 英文网站建设今天写公司名字上面需要加TM,上网查了一下原来很简单。
注册公司的右上角会有个TM标志,在公司后面加入以下代码即可实现:
第一种方法:<SUP>TM</SUP>
第二种方法:在文字后面加入 ™
CSS自适应宽度圆角按钮做法
DIV+CSS, 英文网站建设之前做圆角,一直是切适当大小的背景图片切换的,这么久了才发现这简单的自适应圆角做法,自己也写一下吧,做个笔记吧。本打算自己写一个,LIO的博客写的很清楚,就直接转载了
按钮图片
自适应宽度圆角按钮实现原理
通过背景的左对齐和右对齐用A标签和span标签组合出一个完整的圆角矩形。再通过hover标签去滑动图 片。
CSS:
a{background:url(lio.gif) left 0; color:#fff; text-decoration:none; height:30px; float:left; cursor:hand; margin:0 5px 0 0;}
a[......]
position属性以及应用
DIV+CSS, 英文网站建设之前也用过position这个代码,一直没有很好的理解什么意思,今天遇到一个模板好多模块都是用的这个属性安排的位置,因此在网上查了资料,理解一下position属性
语法:
position : static | absolute | fixed | relative
参数:
static : 无特殊定位,对象遵循HTML定位规则
absolute : 将对象从文档流中拖出,使用left,right,top,bottom等属性进行绝对定位。而其层叠通过z-index属性定义。此时对象不具有边距,但仍有补白和边框
relative : 对象不可层叠,但将依据left[......]
WordPress评论显示头像设置模板代码
SEO/网站推广之前说过在WordPress后台->“设置”->“讨论”,在里面的“头像设置”里,设置各个选项。设置好
后,当访客在网站回复时,就会按你指定的设置显示。
但是对于一些建BLOG较早的朋友,有些主题来讲,评论里面并不带有这个功能,(自己也是纠结好半天
,都设置好之后一直不显示头像,才发现原来是自用的主题没有这个功能)其实很简单,自从wordpress
升级到2.7以来,就已经原生的支持gravatar头像系统了,所以,我们只要在主题模板的相应位置加入相
应的代码就可以实现了。
具体是要修改的也就是评论模板comment.php这个文件,你想显示的位[......]
WordPress评论显示显示头像,自定义Gravatar头像设置
SEO/网站推广在5月中旬的一期《城市画报》中看到了这么一个网络利器“Gravatar 一个头像走天下”。文章中这样写道“你也许喜欢在不同的blog到处留言评论,你还有阿兰.德波顿所言的身份焦虑症,希望在不同的blog看到自己的留言,还有自己喜欢的头像。Gravatar为你而生”。回来自己设置了一个,还是蛮有趣的。
Gravatar (Globally Recognized Avatar的缩写) 是一项用于提供在全球范围内使用的头像服务。只要你在Gravatar的服务器上上传了你自己的头像,你便可以在其他任何支持Gravatar的博客、论坛等地方使用它。
Automattic公司的产品(wp中著名[......]
wordpress升级以及更换后台语言
SEO/网站推广几经周折,终于把wordpress更新到最新版本了,告别了英文的管理后台,升级为中文管理后台。
跟大家分享一下我升级过程中的一些经验,以下是查找的一些相关资料
wordpress升级
在本步骤说明里,我们假设你博客的 URL 网址是 http://example.com/wordpress/。请注意:在你博客升级期间,访客将无法访问你的博客。为了方便起见,你也许可以考虑使用一些插件如 正在维修中(Maintenance Mode)。
序曲:在你开始升级之前
为防升级过程中可能会出错,做个备份总是没有什么坏处的。
一个插件可能不是跟这新版本很兼容,你最好先检查一下该[......]


