美文网首页设计的世界设计交互设计
读书笔记——100种用户界面

读书笔记——100种用户界面

作者: 36D全范围无死角 | 来源:发表于2016-11-08 13:28 被阅读175次

    用户界面

    理解:用户界面设计更多基于交互思维,遵循8/2原则(即只设计最好的20%的功能),精简功能,选择具有视觉美感的颜色和布局。

    作用:
    它提供输入机制告知计算机需求然后输出一定的反馈。通过用户界面与计算机进行交互。

    准则:
    1、轻量化设计(8/2原则)
    2、简洁
    3、可操作(使产品易于操作、保证适用多种设备、保证所有人都可以操作产品)
    4、一致性(视觉风格一致、交互一致、体验与应用场景一致)
    5、即时反馈(提供产品当前状态告知用户产品目前后台运行情况)
    6、容错性(提供撤销功能、减少自主功能避免用户可能出现操作失误)
    7、以用户为主导(给予用户完整的控制权、允许定制和个性化设置)

    发展历史:

    CLI命令行界面——WIMP界面——图形用户界面GUI

    CLI命令行界面:早期的计算机运行界面,现在的普通用户基本用不到,多用于软件开发。特点是需要通过键盘输入带有参数的指令与计算机进行交互。

    WIMP界面:在计算机发展中期,操作系统加入指示器(指针),用户能从视觉上追踪鼠标位置,并且窗口能够运行独立程序。

    GUI用户界面:WIMP的进化产物,支持多种移动设备。也就是在输入机制的操作系统上加入了更多的“触感操作系统”,例如“人脸识别”“触摸”“热控”等等。

    其用户界面的核心理论依据为“所见即所得WYSWYG”
    思考:将来是否能发展成“所见即所想WYSWYT?”
    问题:操作系统是如何通过指示器(指针)实现用户从视觉上追踪鼠标位置的?

    界面一:
    图像编辑器:
    用来编辑已有的“点阵图像”,并且为其添加额外的视觉效果,是基于GUI的一种应用程序。

    经验:
    1、为工作区提供最佳空间。
    2、基础功能使用可浮动、隐藏的部件。
    3、常用功能例如“图像缩放”“图像变换”提供快捷方式。
    4、提供一些高级功能,例如“预览”。

    界面二:
    图像管理器:
    用于改善和编辑数字化图像的图形化应用程序。

    经验:
    1、支持多种格式文件预览。
    2、针对选中文件,创建展示区(列表、图标、详细视图等)。
    3、多种显示尺寸(默认、原始、全屏)。
    4、提供基本的图像编辑功能。

    界面三:
    桌面系统资源管理器:
    帮助用户管理文件和文件夹的应用程序。

    注解:
    资源管理器是采用了分层导航系统的文件浏览和管理工具,能帮助你浏览计算机上的文件和文件夹。它为图片和文件提供了缩略图,还能帮助用户查看文件的元数据。

    特征和功能:
    1、允许用户自定义的文件显示状态。
    2、针对文件夹层级结构和导航的树状图。
    3、针对所选当前路径的面包屑导航设计。
    4、针对已选择文件元数据的信息条。
    5、选项的缩略图或图标预览。

    经验:
    1、为文件夹层级结构选用用户熟悉的计算机图标。
    2、允许用户对文件列表和多个文件执行筛选功能。
    3、采取面包屑导航。
    4、支持预览和快速浏览文件。

    *用户对于资源管理器的期望在于更快的运行速度和熟悉的使用体验。

    看完再分享,希望对还在坚持做设计的设计师们有一些帮助。

    相关文章

      网友评论

        本文标题:读书笔记——100种用户界面

        本文链接:https://www.haomeiwen.com/subject/zupauttx.html