UI交互设计的网站

文章描述:交互设计实用指南系列(6) –标签明晰.有效. 导航标签彼此互斥.完全穷尽. 导航标签其实就是一种文字表达形式,我们用标签来代表网站上的各种分类信息.比如"联系我们"这个标签,代表的内容通常会包括公司名称.电话.地址.邮箱等信息.它可以是文字,也可以是图片.在英文里被称作"Label",并不同于我们常说的"tag"标签云图. 说简单一点,我们就是要为网站的信息做分类,并为它们起一个通俗易懂的名字.这其实是任何人都可以做的一件事情,所以在

文章描述:图片上传的交互设计. 传统的图片上传交互很简单:一个文件域要求用户选择图片文件,一个提交按钮(如下图). 这种方式有很多缺点,比如选择图片后看不到预览,一次只能选择一张图,上传过程看不到进度.当然也有它自身的优点:html本身的表单控件,代码简单,上传不易出错,适合低速网络环境.现在富媒体横行的时代,用户需要长传大量图片,这种传统表单的方式上传图片显然已经跟不上时代的需求,基于flash.html5的新型上传方式被广泛的应用. 我们从上传图片前.上传中.上传后三个步骤来分析其中的交互过

最近在UCDCHINA上看一些电子商务设计的东西,因为手头一个项目就是如此.发现最新一期的话题是"导航设计".我觉得结合最近的一些思考,有很多想法是可以说一说. 说到电子商务的导航, 很多人都会指向2个电子商务网站,淘宝和亚马逊.但是以此来设计电子商务网站的导航,其实是不准确的,因为在不同商品数量级上,淘宝和亚马逊的做法,不一定合适现在的电子商务网站. 1.海量商品的导航 淘宝和亚马逊商品数量众多,据数据显示,淘宝现在有4000万商品,为4000万商品设计导航和为4000个商品设计导航

新版的豆瓣希望在架构上做一些调整,但是想得还不够透彻,并且在细节处理上还比较混乱.今天在新版的使用中又发现一个问题: [实际场景]====================================================用户在我的友邻广播中看见了一个朋友读了本书,点击书过去以后,上面的标签跳到了[豆瓣读书],但是差异很小,不明显.页面上的主导航变成了读书的导航. 用户发现整个页面都变了,刚才的导航条不见了.他很难在第一时间注意到上方的标签跳到了[豆瓣读书],因为太不明显了.两个主导

文章描述:网站和网页应用程序正在变得越来越富有交互性.网站上的内容比印刷的副本好处在于如果我们希望的话,我们可以让用户与它们交互. 网站和网页应用程序正在变得越来越富有交互性.网站上的内容比印刷的副本好处在于如果我们希望的话,我们可以让用户与它们交互.我们已经讨论过网站导航模式与及流行的网页内容表述模式.现在让我们探索一些我们有交互性网站内容的UI模式. 就地编辑 就地编辑对于Web应用来说是一种有价值的UI,它允许用户创建或编辑内容.就地编辑意思是用户可以就在当前页面内容所处的地方直接编辑该内

所谓"评论"不是必须得有文本框,用户录入提交数据才算,广义上的评论包括用户的任何"表态",典型如打分.我接触电子商务时间并不长,最早应该是04年在ebay上购物,但对打分模式的设计还比较熟悉,分享几点心得. 最早打分就是简单的"1分.2分.3分.4分.5分"下拉选项,最土的select+option组合控件.后来普遍改成了单选radio,主要还是在交互角度达成了共识.因为select+option的下拉菜单要点两次,点一次展开,点二次选择:并且得

导航标签彼此互斥.完全穷尽. 导航标签其实就是一种文字表达形式,我们用标签来代表网站上的各种分类信息.比如"联系我们"这个标签,代表的内容通常会包括公司名称.电话.地址.邮箱等信息.它可以是文字,也可以是图片.在英文里被称作"Label",并不同于我们常说的"tag"标签云图. 说简单一点,我们就是要为网站的信息做分类,并为它们起一个通俗易懂的名字.这其实是任何人都可以做的一件事情,所以在导航设计流程中,它的重要性也常常被忽略.在设计产品时,常会

当人们进入一个全新环境时,他们需要对空间建立认知模型,要有个空间记忆的感觉.同样,当新用户来到全新.陌生的网站时,用户也希望有个类似站点地图的东西.但如果想让用户更加自如的使用网站,让用户毫无顾及的去尝试,不怕迷路,我们必须为用户建立起空间记忆模式.它犹如沙漠中迷途者手中的指南针与行驶在荒原上汽车装的GPS一样,那么在网站上空间记忆模式的应用有哪些表现呢? 来自用户的抱怨 "我敢发誓,这个按钮一分钟以前还在这里.它哪里去了?": 当人们使用东西或文档时,他们经常通过回忆它们在哪里来再次

出色的设计源于生活,那么我们就从生活中说起,我们依照用户生活的使用情景来设计一款产品,我们不需要重新培养的用户的使用习惯,用户可以在第 一次使用你的产品来完成自己的目标,并且不需要他人的指导.比如说苹果公司在设计第一代iMac的过程中,乔纳森及其团队前往日本,曾向日本某糖果行业的 人请教,如何在生产糖果颜色的电脑外壳的同时,保持其一贯的半透明度. 在下文中我们将聊聊反馈式交互设计对于网站设计重要性,在这之前我们有必要了解相关的概念: 何为反馈? 来自的维基百科解释:反馈又称回馈,是现代科学技术的