站长百科 | 数字化技能提升教程 数字化时代生存宝典
首页
数字化百科
电子书
▼
建站程序
开发
服务器
办公软件
开发教程
▼
服务器教程
软件使用教程
运营教程
热门电子书
▼
CSS教程
WordPress教程
导航
程序频道
推广频道
网赚频道
人物频道
网站程序
网页制作
云计算
服务器
CMS
论坛
网店
虚拟主机
cPanel
网址导航
WIKI使用导航
WIKI首页
热点词条
最新资讯
网站程序
站长人物
页面分类
使用帮助
编辑测试
创建条目
网站地图
站长百科导航
站长百科
主机侦探
IDCtalk云说
跨境电商导航
WordPress啦
站长专题
网站推广
网站程序
网站赚钱
虚拟主机
cPanel
网址导航专题
云计算
微博营销
虚拟主机管理系统
开放平台
WIKI程序与应用
美国十大主机
编辑“
Gallery:可用性问题:指引
”
人物百科
|
营销百科
|
网赚百科
|
站长工具
|
网站程序
|
域名主机
|
互联网公司
|
分类索引
Firebrance
(
讨论
|
贡献
)
2008年11月11日 (二) 15:29的版本
(新页面: __TOC__ = Photo-Page = On a photo page a single item is displayed in detail. Typically this page focuses on only one image. Every theme provides the possibility to move forward to the nex...)
(差异) ←上一版本 |
最后版本
(
差异
) |
下一版本→
(
差异
)
跳转至:
导航
、
搜索
警告:您正在编辑的是本页面的旧版本。
如果您发布该更改,该版本后的所有更改都会丢失。
警告:
您没有登录。如果您做出任意编辑,您的IP地址将会公开可见。如果您
登录
或
创建
一个账户,您的编辑将归属于您的用户名,且将享受其他好处。
反垃圾检查。
不要
加入这个!
__TOC__ = Photo-Page = On a photo page a single item is displayed in detail. Typically this page focuses on only one image. Every theme provides the possibility to move forward to the next Photo-Page in this album, or back to the previous one. <p style="border-style:solid; border-width:1px; padding:5px">'''Guideline:''' Arrange buttons or links to the next or previous Photo-Page on a fixed place on the page, they should not move dependent of item-size.</p> Rationale: Users who move from one Photo-Page to the next or backwards could find it bothering to have to move the mouse, even if it is only a small movement. = Visual Distinction between albums and items = The delete- or move-item dialog contains a step where several items are displayed in a list. There are albums as well as other items like photos or other files. <p style="border-style:solid; border-width:1px; padding:5px">'''Guideline:''' Differences between items in lists should be obvious. Visual distinctions like background-color or borders around items should reveal the difference. Information like item type, filename, file size, creation time, upload time, and last modification time should be displayed for each item, when an action can be performed.</p> Rationale: Users need the mentioned information to make a decision like deleting or moving an item. Fast visual feedback makes it easier for them to get an overview about the presented items. = Visual Distinction between view-modes = <span style="color:red">- Do not take this guideline for granted. It should first be verified by tests or a survey! - </span><br> [[Image:Usab-view-mode.png|thumb|toggle-links]]Gallery admins have the possibility to change their view on albums or items to the view of a guest. So they can test how it looks like to be a guest. When changing view mode from admin to guest, mostly fewer options/actions for items/albums are possible. <p style="border-style:solid; border-width:1px; padding:5px">'''Guideline:''' Make the difference between the two view-modes visible. The user should know in which mode he is. The visual hint to the mode should be bound to the changing-mode-buttons. </p> Rationale: When working with or in different modes it is much easier to recognize the present mode, when it is indicated with more than "toggle-links" somewhere on the page. A simple border or special background can make the present mode obvious to the user. So he doesn't need to search for the toggle-links. = Design of dialog pages = Many pages in Gallery include configuration dialogs. Often, the dialogs are designed in very different ways. Some of them are put into tables, while others are just a list of check boxes. Page size, arrangement of interface elements, separation and grouping of sections, use of colors, use of input methods (AJAX or static) can differ from page to page. To decrease usability problems, all dialogs should be designed in a consistent manner. <p style="border-style:solid; border-width:1px; padding:5px">'''Guideline:''' Design dialogs in a consistent manner. *Don't use tables for grouping dialog sections, except if it is always the same interface element. (e.g. if all your configuration can be made with check-boxes) *Group related input elements into sections *Provide visual separation between the sections *Provide section headings and make them obvious to the user *Insert "info" links to explain options that are not easy to understand
摘要:
请注意,您对站长百科的所有贡献都可能被其他贡献者编辑,修改或删除。如果您不希望您的文字被任意修改和再散布,请不要提交。
您同时也要向我们保证您所提交的内容是您自己所作,或得自一个不受版权保护或相似自由的来源(参阅
Wordpress-mediawiki:版权
的细节)。
未经许可,请勿提交受版权保护的作品!
取消
编辑帮助
(在新窗口中打开)