explorer bar设计指南

This guide will help you design Explorer Bars to add to the Windows Internet Explorer user interface.

该指南将帮助你设计Explorer条,其将被添加到浏览器的用户界面

General Guidelines

Because Explorer Bars become a permanent part of the end user‘s browser, all Explorer Bars should add value to the user‘s overall Web experience and not just to a particular Web site.

因为Explorer bar将变成用户浏览器的永久部分,所有的Explorer bar应该怎家整体用户用户体验而不是某个特别的网站

For example, an Explorer Bar should never be used to replace or augment a Web site‘s frameset. Using Explorer Bars this way only affects the user‘s experience for a single site and does not improve overall Web browsing.

例如,一个Explorer bar不应该用来替换或者增加一个网站的框架。这样使用Explorer Bars只会影响用户某个网站的体验,而不能改变整体浏览体验。

An example of a good way to use an Explorer Bar would be to display information that the user is interested in, like stock prices, using a horizontal Explorer Bar. Instead of having to navigate to an investment Web site, enter the stock symbols, and download
the results at various times while the market is open, you could design an Explorer Bar that saves the user‘s favorite stock symbols, periodically downloads the data, and displays it. The user is then free to browse other sites on the Internet without having
to stop and periodically check the stock prices.

一个实例,一个好的方式使用Explorer Bars,将显示用户感兴趣的信息,比如股票价格,使用横向Explorer Bars。而不是不得不浏览一个问卷调查网站,输入股票标记,在开盘后下载结果,并显示它。用户然后就可以浏览其他网站而不必停下来定期查股票价格。

Vertical or Horizontal

Now that you have an idea about how to improve the user‘s Web browsing experience, it‘s time to decide whether to use a vertical or horizontal Explorer Bar. The final decision is yours, but here are some general guidelines:

现在,你有一个关于如何改善用户浏览体验的主义,该讨论你应该用一个横向还是纵向的Explorer Bar了,有如下建议:

Vertical Explorer Bars should be used to display lists of items that can be navigated to.

纵向Explorer Bars应该用来显示列表项目

Vertical Explorer Bars are designed to improve the user‘s experience when navigating lists of information, like search results, lists of links, or other navigation UI. The Microsoft Internet Explorer 5 standard user interface has three vertical Explorer Bars:
Search, Favorites, and History.

纵向Explorer Bars设计用来显示列表信息,比如搜索结果,连接列表,以及其他浏览UI。IE5有3个纵向Explorer Bars:搜索,最爱,历史

Horizontal Explorer Bars should be used to display information or provide communication functionality.

横向Explorer Bars用于显示信息和提供交互功能

Horizontal Explorer Bars allow for a more natural display of text and edit fields. Any display of textual information about an item, of meta data about the page the user is currently on, or of features that require a lot of reading or typing will work well
in a horizontal Explorer Bar. Other applications, like chat programs, annotations of Web pages, or threaded discussions, could also work well in a horizontal Explorer Bar.

横向Explorer Bars允许更多的文字显示和编辑器区域。

Appearance

Because users will be familiar with how the default Explorer Bars in Internet Explorer look, feel, and operate, there is a definite advantage to following the style and behavior of existing Explorer Bars. Using system colors whenever possible and reusing familiar
user interface elements of the default Explorer Bars will help users feel that your Explorer Bar is a part of Internet Explorer, not just something that was added on as an afterthought.

因为用户熟悉IE默认的Explorer Bars外观,感觉,操作,下面的Explorer Bars样式和行为将有一定的好处。无论何时,尽可能使用系统颜色,重用默认的Explorer Bars界面元素将有助于用户感觉到你的Explorer Bars是浏览器的一部分,而不是一些后添加产品

时间: 2024-07-29 11:14:38

explorer bar设计指南的相关文章

非官方的iOS设计指南

有时候为iOS设计app并不是一件简单的事,但是如果你能找到正确的最新的苹果设备信息,并按照正确的方向,那么为iOS设计app或许会变得简单容易些. 关于这些指南 这些指南描述了如何遵守苹果的iOS 人机交互指南来设计app,而不是讲用自定义控件可以做成什么样的设计,有时候打破规则也很重要.该文档的目的并不是为一些复杂的设计问题提供解决方案.该文档是非官方的,将会定期更新和扩充内容,最近一次更新是2014年11月11日. 分辨率和显示屏规格(Resolutions和Display Specifi

iOS 设计指南

有时候为iOS设计app并不是一件简单的事,但是如果你能找到正确的最新的苹果设备信息,并按照正确的方向,那么为iOS设计app或许会变得简单容易些. 关于这些指南 这些指南描述了如何遵守苹果的iOS 人机交互指南来设计app,而不是讲用自定义控件可以做成什么样的设计,有时候打破规则也很重要.该文档的目的并不是为一些复杂的设计问题提供解决方案.该文档是非官方的,将会定期更新和扩充内容,最近一次更新是2014年11月11日. 分辨率和显示屏规格(Resolutions和Display Specifi

RESTful API 设计指南

RESTful API 设计指南 本人来源于:http://www.ruanyifeng.com/blog/2014/05/restful_api.html 作者: 阮一峰 日期: 2014年5月22日 网络应用程序,分为前端和后端两个部分.当前的发展趋势,就是前端设备层出不穷(手机.平板.桌面电脑.其他专用设备......). 因此,必须有一种统一的机制,方便不同的前端设备与后端进行通信.这导致API构架的流行,甚至出现"API First"的设计思想.RESTful API是目前比

【转载】RESTful API 设计指南

作者: 阮一峰 日期: 2014年5月22日 网络应用程序,分为前端和后端两个部分.当前的发展趋势,就是前端设备层出不穷(手机.平板.桌面电脑.其他专用设备......). 因此,必须有一种统一的机制,方便不同的前端设备与后端进行通信.这导致API构架的流行,甚至出现"API First"的设计思想.RESTful API是目前比较成熟的一套互联网应用程序的API设计理论.我以前写过一篇<理解RESTful架构>,探讨如何理解这个概念. 今天,我将介绍RESTful API

《CSS设计指南》笔记—浅谈颜色值

颜色值 指定颜色值可以有几种方式.这些方式可以在同一个样式表中混合使用. 1.颜色名(如red) 设定颜色属性时可以直接使用颜色名,或者用官方术语就是颜色关键字.  W3C定义了16个颜色关键字:aqua(浅绿色).black(黑色).blue(蓝色).fuchsia(紫红色).gray(灰色).green(绿色).lime(黄绿色).maroon(褐红色).navy(深蓝色).olive(茶青色 ).purple(紫色).red(红色).silver(银色).teal(青色).white(白色

《css设计指南》 读书笔记 一

<css设计指南>这本书是一个大神同学介绍给我的,据说覆盖了几乎所有前端面试的有关css的知识点,所以赶紧买来看看.( ps:这本书貌似绝版了,可以上淘宝买复印本,也可直接看电子书. ) 闭合标签,自闭合标签. html5中,将忽略所有自闭合标签最后的 / .可是建议在最后仍然加上  空格加/ 以规范格式. 所有img标签都需要加上alt属性. ps:视障用户使用的屏幕阅读器会读出图片的alt属性. 行内.块级标签.  块级: h1~h6, p, ol/ul, li, blockquote .

WP8.1学习系列(第十章)——中心控件Hub设计指南

Windows Phone 应用商店应用中的中心控件指南 在本文中 说明 示例 用法指南 设计指南 相关主题 重要的 API Hub (XAML) HubSection (XAML) 说明 中心控件(在手机上,仅适用于按纵向使用)显示一系列可以来回平移的区域.它是应用的全屏容器和导航模型. 中心(以前称为全景)体验是本机 Windows Phone 外观的一区域.与旨在适合手机屏幕边界的应用不同,中心应用通过使用超出屏幕边界的水平虚拟宽画布提供了一个查看控件.数据和服务的独特方式.在 Windo

来自HeroKu的HTTP API 设计指南(中文版)

原文转自:http://get.jobdeer.com/343.get 来自HeroKu的HTTP API 设计指南(中文版) 翻译 by @Easy 简介 本指南中文翻译者为 @Easy ,他是国内首家互联网人才拍卖网站 JobDeer.com 的创始人.转载请保留本信息. 本指南描述了一系列 HTTP+JSON API 的设计实践, 来自并展开于 Heroku Platform API 的工作.本指南指导着Heroku内部API的开发,我们希望也能对Heroku以外的API设计者有所帮助.

规范抢先看!微信小程序的官方设计指南和建议

基于微信小程序轻快的特点,我们(微信官方)拟定了小程序界面设计指南和建议. 设计指南建立在充分尊重用户知情权与操作权的基础之上.旨在微信生态体系内,建立友好.高效.一致的用户体验,同时最大程度适应和支持不同需求,实现用户与小程序服务方的共赢. 说到设计规范,这里有一篇绝对不能错过的:<内部教程!超实用6步透视网易设计规范(附完整PDF下载)> 一.友好礼貌 为了避免用户在微信中使用小程序服务时,注意力被周围复杂环境干扰,小程序在设计时应该注意减少无关的设计元素对用户目标的干扰,礼貌地向用户展示