`
ihuashao
  • 浏览: 4815789 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

带有文本的触摸屏界面设计(Labeling Touchscreen Interfaces)

 
阅读更多

题目翻译的可能不贴切吧,不知道labeling应该怎么翻译才最合适。读下来感觉labeling就是带有文字或者文本的意思,姑且先这么放着吧,我想大家也都能意会出什么意思。这篇文章主要讲到了4点原则。从用户的角度,我觉得挺实际的,能很明显地增加程序的易用性和友好性。这个文章读起来不是很难,所以我就翻译了第一段和接下来的4点原则:

一幅图片可能胜于千言万语,但是用户界面却要借助简洁的词语来清晰地指出用户此时应该做什么。我们所选用的词语,即使不比呈现的图片更重要,至少两者也是一样重要的。这里有四条简单的法则,你可以遵循它们来不断提高触摸屏用户界面的易用性。

1. 用动词去简单直接地描述该按钮是用来做什么的。

2. 把重点放在界面文本的前12个字符上。

3. 应该把按钮的文本放置在中间偏上的位置(以防被手指挡住)。

4. 消除重复。如果一组按钮中重复出现一个词或者一组词,应该把它们放到一个组中去,减少重复,简化界面。

最后作者还提到:你不必时刻遵循这些原则,但是尽可能地这样做,你将给用户提供理论上最棒的用户体验。

A picture may be worth a thousand words, but a user interface needs real words to clearly indicate what the user needs to do. The words we choose are as important as, if not more important than, the graphics that frame them.Hereare foursimplerulesyoucanapplyto instantlyimprovethe usability of yourtouchscreeninterfaces.

Rule One:
Use verbs to clearlydescribewhatabuttondoes. A non-specific label is confusing to the user and could require you to spend more time on training and support.”OK” and “Cancel,” or, even worse “Yes” and “No,” force the user to first fully understand the accompanying message and its context.

Rule One

Rule Two:
Put the emphasis on the first 12 characters of your messages and labels. People skim text. Expect a user to read only the first two or three words of any line.”You are about to shut down your system!” loses its impact if the user sees only the first 12 characters: “You are abou”. “Shutting down your system!” communicates the same message and truncates better.

Rule Two

Rule Three:
A button’s label should be placed on the button itself rather than adjacent to it. Most designers center the text. But users tend to touch only the bottom half of a button — so consider placing the label above the center. This will increase its visibility while the user is touching it.

Rule Three

Rule Four:
Eliminate duplication. If you use the same words over and over again on your button labels, group them together, instead, within a single labeled group — or eliminate the duplicate words altogether. This will make it much easier for your user to quickly locate and touch the action he wants to take.

Rule Four

You won’t be able to follow all of these rules all the time, but by doing so whenever possible, you’ll be delivering the best possible user experience.

分享到:
评论

相关推荐

    labeling_8通道

    该程序"Labeling_8通道"结合了用户界面,这意味着它设计成了用户友好的形式,允许非技术人员也能方便地对图像进行8通道的标注工作。标注在计算机视觉领域是非常关键的一环,它是训练算法理解图像内容的基础。通过这...

    labeling(opencv)

    在计算机视觉领域,"labeling" 是一种常用的技术,用于将图像中的各个对象分配唯一的标识符,以便后续处理。OpenCV(开源计算机视觉库)提供了强大的图像处理功能,包括对象的labeling。在这个场景中,我们主要讨论...

    labeling_4通道

    总之,"labeling_4通道"项目涵盖了从图像处理、数据标注到用户界面设计的多个方面,涉及计算机视觉技术在多通道生物医学图像分析中的应用。通过这个项目,我们可以深入理解如何处理和利用复杂的图像数据,以推动机器...

    CL.rar_component labeling_labeling_labeling c_labeling image

    组件标记(Component Labeling)是图像处理中的一个重要概念,它是一种将图像中的连通组件赋予唯一标识符(标签)的技术。这个"CL.rar"压缩包包含了一个实现2D图像组件标记算法的程序,以及可能用于筛选组件的附加...

    Scene-Labeling-master (1).zip_Scene Labeling

    场景标注的核心在于将图像的二维像素空间转换为带有语义信息的三维标签空间,这一过程涉及多个关键技术。首先,图像预处理是必不可少的步骤,包括图像增强、灰度处理、色彩空间转换等,目的是提高图像质量,增强特征...

    Empower Sequence Labeling with Task-Aware Neural Language Model

    此外,作者还对未来的工作进行了展望,包括探索更高效的转移学习策略、改进高速公路网络的设计以及开发更多适应不同类型序列标注任务的模型。这些工作将进一步推动自然语言处理技术的发展,为构建更加智能的语言处理...

    2016 Deep Learning and Data Labeling for Medical Applications

    - **医学应用(Medical Applications)**:深度学习和数据标记在医学领域有广泛应用,包括但不限于疾病诊断、医学影像分析、病理图像识别、药物发现等。 ### 描述:2016 Deep Learning and Data Labeling for ...

    Joint Feature and Labeling Function Adaptation for Unsupervised Domain Adaptation.pdf

    目标域预测器是基于带有伪标签的目标域样本进行训练的。预测器判别器是一个新组件,其目标是区分预测输出是来源于源域预测器还是目标域预测器。而特征提取器和标签预测器则尝试以对抗性的方式混淆预测器判别器。通过...

    labeling_GM_PHD.rar_GM_GM-PHD_labeling PHD_labeling_GM_PHD_三维程序

    三维labeling_GM_PHD程序,三维labeling_GM_PHD程序

    Matlab evaluation/labeling code (3.2.1)

    标题中的"Matlab evaluation/labeling code (3.2.1)"指的是一个使用Matlab编写的用于评估或标注数据的代码版本3.2.1。这通常涉及到机器学习或数据分析项目,其中数据需要被准确地分类或标记以便训练模型或者进行其他...

    dlcv_bbox_labeling_demo.py例子

    官方例子,深度学习专用,机器学习专用,代码简单,一看就会(dlcv bbox labeling demo)

    Text Labeling:一个开源模块,用于标记您的文本。-开源

    Text Labeling 是一个开源模块,用于标记您的文本。 您可以为模块提供任何文本,模块会根据此给出一个标签作为响应。

    End-to-end Sequence Labeling via Bi-directional LSTM-CNNs-CRF

    State-of-the-art sequence labeling systems traditionally require large mounts of task-specific knowledge in the form of hand-crafted features and data pre-processing.In this paper, we introduce a ...

    开源的自动打标软件和python编译好的labeling无需安装任何conda虚拟环境和配置python,开箱即用,简单易上手

    2.以及一个开源的自动打标软件和python编译好的labeling无需安装任何conda虚拟环境和配置python,直接运行即可。简单易用,不容易报错。打开C:\xxxxx\labelImg\data内的predefined_classes.txt文件,修改其中的类别...

    Attending to Characters in Neural Sequence Labeling Models

    ### 关注字符在神经序列标注模型中的应用 #### 摘要 本文介绍了一种将字符...未来的研究方向可能包括探索更高效的字符级表示方法以及如何进一步优化注意力机制的设计,以便更好地捕捉词与词之间的关系和上下文信息。

    Oracle Solaris 10 Compartmented Mode Workstation Labeling:Encodi

    Oracle Solaris 10 Compartmented Mode Workstation Labeling: Encodings Format-166 是Oracle公司为安全敏感环境设计的一种安全功能,旨在提供一种强制访问控制(MAC)机制,用于在多用户的工作站上隔离和保护不同...

    论文《End-to-end Sequence Labeling via Bi-directional LSTM-CNNs-CRF》的代码实现

    《End-to-end Sequence Labeling via Bi-directional LSTM-CNNs-CRF》是自然语言处理领域的一篇重要论文,主要探讨了如何使用深度学习技术进行序列标注任务,如命名实体识别(NER)、词性标注(POS tagging)等。...

    Deep Learning and Data Labeling for Medical Applications.pdf

    常见的深度学习模型有卷积神经网络(CNN)、循环神经网络(RNN)以及长短时记忆网络(LSTM)等。其中,CNN由于其在图像识别方面的优势,在医学影像分析中被广泛应用。 ### 二、数据标注的重要性 #### 2.1 数据标注...

    RMAP_GT_labeling_ground_truth_groundtruth_groungtruth_zip_

    .fig文件存储了用户界面的设计布局,包括按钮、文本框、图表等元素的位置和属性。这种文件可以被MATLAB程序读取,以便用户交互地查看和修改数据。 而"RMAP_GT.m"则是一个MATLAB脚本文件。这个脚本可能包含了处理、...

    Labeling-tool:用于模式识别的标签图像

    Labeling-tool是一个专为模式识别设计的图像标注工具,其核心功能在于帮助用户快速、精确地为图像添加标签,这些标签可以是类别、边界框或者其他元数据,以供后续的机器学习模型训练使用。该工具的特点包括: 1. ...

Global site tag (gtag.js) - Google Analytics