• 收藏本站
  • TAG标签
  • 网站地图
  • RSS阅读
当前位置: 首页 > 网络学院 > 网页制作 > 网页相关 >

网页设计教程:Web应用界面的十个实用技术(2)

新客网 XKER.COM 时间:2009-02-27 11:38:27 折折熊 译 评论:

  5、空白状态告诉你要做什么

  当你设计一个Web应用程序时,你不仅需要通过样本数据去测试这个程序,而且最重要的是当什么内容都没有的情况下,你要确保它看起来不错而且是有帮助的。

  当在页面或者查询结果没有信息时,告诉你如何才能处理这些空白区域是一条很有帮助的信息。例如,一个项目管理应用程序的网页可能会列出用户的项目,但如果没有项目,你可以提供一个创建项目的链接。即使已经有创建项目的按钮存在在页面上,但一点额外的帮助并不会有损失。

  网页设计教程:web应用界面的十个实用技术

  Campaign Monitor 会在你开始建立一个邮件广告时指导你正确的方向。

  这种技术实际上鼓励用户试用服务,并在注册之后直接使用这项服务。通过应用程序的单步指导用户能够帮助他/她去了解程序提供的优势以及是否有用。同样重要的是把最重要的操作呈现给用户并且只有这些而已--把所有功能都呈现出来并没有意义。请记住,用户通常希望得到一些或多或少提供给他们的具体构思,但是他们不想要直接跳到详细说明去--他们既没有时间也没有兴趣。

  通过空白状态去激励用户和行为,可以大大减少"辍学",并且帮助您的潜在客户,更好地了解该系统如何工作。

  网页设计教程:web应用界面的十个实用技术

  Wufoo 的表单页面有很多,当什么都不存在时它会以友好的讯息邀请您创建一个新的表单。

  6、按钮的按下状态

  许多Web应用程序有自定义的按钮样式。这些都是用自定义图片作为他们背景的锚点或输入按钮。默认输入按钮可能不适合在一些情况下,以及文字链接有时过于渺小。目前的挑战是,当你把你的链接弄得看上去像按钮时,它们的操作也应该和按钮一样--这包括当用户 点击它们 时会有被"按动"的效果。

  这不是一个纯粹的视觉调整。提供即时反馈给用户将使应用程序感觉更有响应性,并且给用户带来更接近于桌面软件的的用户体验。

  你可以通过CSS为按钮增加按下的效果。

  网页设计教程:web应用界面的十个实用技术

  Highrise 的按钮实际上是在你点击的时候显示一个按下的效果,给用户一个非常舒适的反馈感觉。

  7、在登陆页面提供注册的连接

  网页设计教程:web应用界面的十个实用技术

  一些没有注册你的应用程序的用户将不可避免地停在你的登录页面上。他们想要使用你的应用程序,但是却不能立刻找到注册页面。可能他们已经试过访问一个只提供给注册用户的特定页面。

  网页设计教程:web应用界面的十个实用技术

  没有 Delicious 的账户?没问题,在Delicious的登录页面上提供了一个注册的连接。

  网页设计教程:web应用界面的十个实用技术

  Goplan 的登陆页面上有个漂亮的彩色按钮指向注册页面。

  在你的登陆页面上放上注册的连接会让一切容易很多。如果他们没有账户,他们不应该去寻找注册页面。我们研究证实:在注册页面,有18%的网站有登录表单或者链接到登陆页面的连接。(例如:YouTube, Reddit, Digg, Lulu, Metacafe)

  8、上下文关联导航

  思考什么是用户期望看到的以及在每个给与的情景中他们需要什么是很重要的。你不需要在每个地方显示同样的导航控件因为在用户可能不是在每个环境中都需要它们。

  上下文关联控件的最佳范例之一是最近在微软office 2007中的界面,在它的界面中默认的工具条被带装控件代替。每个标签上有不同控件相关的特定操作,无论是图形编辑,校对或者简单书面形式。web应用程序也可以受益于这种上下文关联的控件,因为这些控件通过只显示用户需要的内容来帮助整洁界面,并非显示所有的内容。

  网页设计教程:web应用界面的十个实用技术

  Lighthouse 提供一个熟悉的标签导航菜单,但是它在标签正下方有二级菜单。这个层级只显示当前项目相关活动的部分。

  9、更加重视主要功能

  不是所有控件拥有相同的重要性。例如,在屏幕上创建一个新项目,你可以有两个按钮:"创建"和"取消"。这个"创建"的链接更重要一些,因为是用户大部分时间会去用的操作。只有少数才会去取消。所以如果这些控件挨着排放,你可能不会想要给于相同的重视。

  网页设计教程:web应用界面的十个实用技术

  .这个 Lighhouse 的"创建任务"按钮。你可以看到"取消"链接在旁边以纯文本格式。这个按钮不仅具有更重要的操作而且会有较大的点击区域并且容易去点击。

  为了让用户的重点转向"创建"链接,我们可以简单地利用不同的样式或者控件形式。一些应用程序的表单输入按钮用来作为创建动作,并且把取消操作作为一个文字连接。这样不仅给与创建按钮更多的点击区域,而且也帮助那些在搜寻内容的用户获得更好的焦点目光。

  10、嵌入式视频

  当图片和文字作为一种很大的方式去和你的用户沟通并且教育你的用户有关你程序的特点时,如果你有资源去投入,视频甚至可以成为更好的选择。视频在最近几年的web应用上已被越来越受欢迎。对于Web应用程序,视频通常作为展示产品特点的示范影片被用于市场网站中。但是这不是使用视频的唯一方法。

  网页设计教程:web应用界面的十个实用技术

  GoodBarry 特点是在头版有示范视频去展示产品,它也通过利用示范影片去教育用户如何开始使用。

  网页设计教程:web应用界面的十个实用技术

  Mailchimp 在管理员面板上嵌入了教程视频指导新用户操作。

  一些Web应用程序使用视频嵌入在程序本身教导用户如果使用某些特定功能。视频是一种非常好的方式去快速展示你产品是被怎么使用的,因为它更容易描述超过一页文字的内容,也清楚得多,因为观众可以清楚地看到该怎么办。

如果您喜欢本文请分享给您的好友,谢谢!如想浏览更多更好的 网页相关内容,请登录: http://www.xker.com/edu/website/4/index.html

  • 共2页:
  • 上一页
  • 1
  • 2
  • 下一页

相关文章:

  • Laravel 4 初级教程之安装及入门
  • Laravel 4 初级教程之Pages、表单验证
  • 29个非常实用的HTML 5实例、教程和技巧
  • 堆排序算法普及教程
  • qq怎么恢复被删除的好友 qq好友恢复图文教程
  • 微信和qq怎么同步 微信/QQ空间同步教程
  • QQ IOS版显示“此应用程序没有权限来访问你的照片..”
  • 家居O2O适应未来应用场景的几种模式
  • ICT应用产品设计中的心理学
  • .net开发微信公众平台实例教程
相关内容标签: 网页相关 网页设计 Web
  • 上一篇: 网页是否要静态化HTML
  • 下一篇: 网页设计基础:关于布局的几点简单原则
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
栏目最新
  • Amaze UI-开源 HTML5 跨屏前端框架
  • 渐变网页设计案例大搜集
  • 一个web开发人员在发布站点前你需要考虑哪些技
  • 优秀导航设计欣赏
  • 如何判断是手机还是电脑在访问网站
  • 介绍2个免费生成手机端软件的网站
  • 广告设计中背景色或背景图片的应用
  • 注册表单设计技巧
  • 阿里设计师分享经验心得
  • 黑色系网站设计欣赏
  • 网页设计轮廓框应用案例介绍
  • 浪漫网页配色设计图
热点内容
  • <meta http-equiv="X-UA-Compatible" content="IE=7
  • 把电脑屏幕和网页的底色变为保护视力的绿色
  • charset=iso-8859-1、charset=utf-8和charset=gb2312的区别
  • HTTP状态码304
  • 常用网页嵌入播放器代码精解收集
  • 非常有创意的几个网页设计欣赏
  • Macromedia Dreamweaver网页设计试题及答案
  • 超炫漂亮的10个免费的jQuery相册(附下载)
  • 电子杂志的制作教程
  • 可随意修改复制网页内容的javascript代码
  • 各种WordPress图片相册插件比较
  • 网页设计制作试题及参考答案
  • 网页制作——紫色调网页设计作品欣赏
  • HTTP状态码大全
  • 网页中插入视频播放代码全集
系统推荐
  • 熟悉常用网页表单格式的技巧
  • 设计理念:网页设计中留白的艺术
  • 让Sqlite3以GB2312编码存储汉字
  • 网页设计教程:步骤和整体布局
  • 在IE浏览器中正确显示PNG透明图片
  • 用marquee做网页加载条代码
  • 网页制作中常用到的六则代码技巧
  • 巧用网页显示硬盘内容
  • 编程中获取天气预报的源代码
  • 使用XML HTTP发送超长XML表单数据
  • 广告设计中背景色或背景图片的应用
  • 固定网页语言编码、字号、字体

哆哆女性网符文工房2梦见放羊是什么意思周公解梦男孩子宝宝起名字打分影子seo魏字起名子黄宗泽演的电视剧网站关键词优化怎么做问答营销推广平台格林童话故事100篇鼠年女宝宝起名字免费起名字女孩常用字男孩起名带航字的名字养殖场怎么起名字好听广州公司 网站设计公司老人种牙大约多少钱鬼泣5pc中文版下载八字起名子大全做seo效果怎么样大同到商丘简短吓人的鬼故事骑缝签字怎么签梦幻花园最新破解下载给宝宝取名起名大全姓马设计网站 模板palipali科技公司起名套路韩惠淑主演的电视剧大梦英雄内购破解版巨魔石板电商设计学习网站淀粉肠小王子日销售额涨超10倍罗斯否认插足凯特王妃婚姻不负春光新的一天从800个哈欠开始有个姐真把千机伞做出来了国产伟哥去年销售近13亿充个话费竟沦为间接洗钱工具重庆警方辟谣“男子杀人焚尸”男子给前妻转账 现任妻子起诉要回春分繁花正当时呼北高速交通事故已致14人死亡杨洋拄拐现身医院月嫂回应掌掴婴儿是在赶虫子男孩疑遭霸凌 家长讨说法被踢出群因自嘲式简历走红的教授更新简介网友建议重庆地铁不准乘客携带菜筐清明节放假3天调休1天郑州一火锅店爆改成麻辣烫店19岁小伙救下5人后溺亡 多方发声两大学生合买彩票中奖一人不认账张家界的山上“长”满了韩国人?单亲妈妈陷入热恋 14岁儿子报警#春分立蛋大挑战#青海通报栏杆断裂小学生跌落住进ICU代拍被何赛飞拿着魔杖追着打315晚会后胖东来又人满为患了当地回应沈阳致3死车祸车主疑毒驾武汉大学樱花即将进入盛花期张立群任西安交通大学校长为江西彩礼“减负”的“试婚人”网友洛杉矶偶遇贾玲倪萍分享减重40斤方法男孩8年未见母亲被告知被遗忘小米汽车超级工厂正式揭幕周杰伦一审败诉网易特朗普谈“凯特王妃P图照”考生莫言也上北大硕士复试名单了妈妈回应孩子在校撞护栏坠楼恒大被罚41.75亿到底怎么缴男子持台球杆殴打2名女店员被抓校方回应护栏损坏小学生课间坠楼外国人感慨凌晨的中国很安全火箭最近9战8胜1负王树国3次鞠躬告别西交大师生房客欠租失踪 房东直发愁萧美琴窜访捷克 外交部回应山西省委原副书记商黎光被逮捕阿根廷将发行1万与2万面值的纸币英国王室又一合照被质疑P图男子被猫抓伤后确诊“猫抓病”

哆哆女性网 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化