• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 20年前的Windows 98,有一套不俗的新用户引导流程

20年前的Windows 98,有一套不俗的新用户引导流程

作者:Benjamin Brandall 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含ui设计,win8,Win98,交互设计,微软,操作系统,新用户引导,经验分享等相关知识,Benjamin Brandall希望在学习及工作中可以帮助到您

现在阅读微软1998年的用户界面,就像发掘古墓一样。设计人员和开发者为整个 Windows 系统和应用程序准备了长达381页的引导内容,在20年后再来审视其中的内容,不由得让我思考这些年的变化,不仅仅是微软,而是整个软件的开发领域的变迁。设计的准则往往是先于时代而存在的,这句话一点错都没有。

在这个漫长的新用户引导中,我们发现上个世纪末开始,微软已经开始深入考虑用户体验和用户引导这件事了。相比于混乱粗陋的 Windows 3.1,Windows 98 的设计效果显而易见的。当你刚刚进入 Windows 3.1 的时候,面对是这样的一坨东西:

重新安装一次 Windows 98,在使用过程中,最值得人注意的始终是它的新用户引导的环节。相比于 Windows 3.1 那个神秘无比的启动画面和迷幻般的用户手册,Windows 98 给予新用户的舒适感是不可同日而语的。微软在 Windows 98 中给予用户以足够的基础知识,最大程度地减少了繁琐的设置,并且尽量让用户以无障碍的方式开始操作系统的使用。

既然要对比,那么我们先看看现如今我们所面对的新用户引导流程吧。

相比于20年前,现在的硬件性能要强大太多,新用户引导流程拥有了各种各样的可能性,体验更加流畅也更加有趣,但是在1998年,软件开发的限制非常之多。不过即便如此,这个环节的设计原则是没有变的,下面是案例。

注册表单

没有人会喜欢一个拥有多达20个字段的注册表单。而早在1998年,用户在首次登录桌面之后,所需要输入的注册信息也不算多。现如今,有了 Google 和社交媒体之后,用户的登录、注册和认证过程会快很多,也更加便捷。下面是流程自动化工具 Process Street 的登录/注册界面:

空状态

空状态是还没有显示用户数据的时候,界面所呈现出来的状态。虽然没有用户数据,但是空状态需要通过提示、引导来告知用户为什么没有信息显示,以及用户要如何提供数据,来避免用户卡在空状态页面,下面是 Spotify 的空状态页面设计:

如果你还没有订阅任何频道,Spotify 巧妙地缓解了没有数据的尴尬。

Trello 的空状态页面是个不错的范例,它解释了核心的功能,并且让产品的入门体验变得颇为有趣,并且具备引导用户的功能性,而不是成为产品的拖累。

提供交互,而不是单纯的用户手册

即使是在数字产品当中,应用程序依然是需要文档的。比如,GitHub 就拥有大量的帮助文档,对于许多产品而言,尤其是复杂的产品,大量的问题和解决方案是需要借助帮助页面和帮助文档来承载信息的。但是在新用户引导的环节,应当让用户尽量远离复杂厚重的文档,并且通过实践性的交互来让他们学习新知识。

当你创建一个新的 GitHub 账户的时候,上面的 Banner 就是你所看到的内容。

尽管从技术上讲,那个按钮会将你引导到在线的用户手册当中,但是它依然教会你如何使用 GitHub,并且通过真实的用例引导你了解 GitHub,而不是抽象的概念。同样的,在注册 TeamGantt 的时候,你需要做的第一件事情,是通过交互案例来获得基本的引导。

示例项目是带有提示框的,通过它,你可以走一遍基本的工作流程,这对于你后续提升熟练度至关重要。

接下来,我们来看看 Windows 98 的系统当中,是如何通过新用户引导来教会用户各种功能的。

Windows 98 :新用户引导

先提一下反面案例 Windows 3.1,它的新用户引导做的非常差,它的新用户引导更像是帮助经过培训的 Windows 用户来熟悉 GUI 界面而已,并不是在熟悉操作系统本身。这也使得后面设计更加到位的 Windows 95 和 Windows 98 获得更加广泛的赞扬和认知,这一点在销售数据上得到了充分的体现。

Windows 98 的渐进式档案

Windows 98 所采用的渐进式档案模式,指的是将整个用户档案建立的信息打散为若干个不同的步骤,这样可以颇为有效地避免过多的内容让用户感到信息过载。

另一方面,Windows 98 也并没有强制你一定要填写完所有的信息,这一点上,用户拥有的自由度很高。

初始的设置其实如你所想的那样顺畅便捷,即使是在要求进行调制解调器(俗称猫,当时还是拨号上网的时代)的设置,你也可以选择在使用 Outlook 或者 IE 浏览器等需要联网应用的时候,再进行设置。

回收站的空状态设计

在 Windows 98 当中,并没有很多值得注意的空状态界面,因为这个操作系统本身就包含了大量的快捷方式和文件,几乎看不到完全空置的界面。然而它的回收站是经常需要被清空并且拥有空状态的,而同样的,它的回收站的空状态被设计得颇为贴心。

将文件扔进垃圾箱,然后彻底清空或者恢复文件,这样的功能对于用户而言是非常常用的,而侧边栏的帮助文档说明则很好的让新用户了解这些环节的正确使用方法。

便捷的默认设置

如果你不想对所有的功能模块进行定制的话,那么可以选用「典型安装」的模式,快速完成。

和 Windows 3.1 不同,Windows 98 为用户提供了更快速便捷的路径,用户可以选择默认的设置,从而尽快完成这个环节,无需做太多决定。

通过小练习学会使用 Windows 98

有一部分用户在使用 Windows 98 的时候已经熟悉了键盘和鼠标的使用,但是有的并没有如此。根据 GUI 界面设计的准则,「用户应当始终保有对软件的控制感,而不是感到被软件所控制」。所以,通过小练习来熟悉并控制操作系统是很好的方式。

用户如果觉得自己熟悉了使用,也可以随时跳过教程环节。

通过小练习,用户可以更快了解操作系统,熟悉相关的知识,这种方式更好的帮助用户了解 Windows 98 ,从而避免了用户一头雾水地进入一个庞大的全新的操作系统。最后,系统还会提供给你一个测试,看你通过练习之后,对它的理解有多少。

类比现实世界的设计

在1998年的时候,电脑还没有像现在这样普及,因此微软将计算机操作系统的界面和用户熟悉的产品(诸如打字机和电视)进行类比。

根据当年的数据,64%的美国家庭是没有电脑的,而现在这个数据仅有16%,这也是为什么你在今天的操作系统中见不到那么多有趣而迷人的呈现方式。

将新技术和过去已有的产品进行类比,在乔布斯生前是极为流行的做法,拟物化的设计也是其中的典范,而变化在 iOS 7 诞生之后就发生了。

拟物化(Skeuomorphism)是一个非常全面的术语,当设计对象保留有和现实物品一致的装饰性元素的时候,并且这些元素对于实际功能并无加成的时候,这样的设计就算是拟物化。——Tim Worstall

相比于同期苹果的设计,Windows 98 的设计还算不上是一种系统的设计美学。它的整个 GUI 设计还是在尽量借助用户过去的经验,这也是它的 UI 元素可识别的原因所在。现在我们已经熟知了各种 UI 中常见元素的含义,自然就不需要这种引导了。

是什么让 Windows 98 进步如此迅速

Windows 3.1 和 Windows 95/98 之间质量上的巨大差异,其实是可以通过两者在文档上的差别看出来的。在3.1时期,操作系统的设计者和开发者对于用户体验的理解远没有后面95/98时代那么深入。在95年的 Windows 界面指南中这样写到:

除非界面缺少功能,尽量不要往界面中添加新的元素和交互。更重要的是,要尽量避免更改现有的常见的元素和行为。用户对于界面的运作是有预期的,不一致性将会让用户感到混乱,而且会增加界面的复杂度。

之所以能让操作系统的设计上升到新的高度,很大程度上得益于微软并没有对市场做出过高的假设和预期。

这个操作系统在简短的设置之后就能使用,如果你有相关的经验可以

您可能想查找下面的文章:

  • 2013年网页设计UI最热趋势 最流行的UI设计
  • 通往优秀UI(用户界面)设计师之路的20个路标
  • 这10条认知,可能就是你和大厂UI 设计师的差距
  • 针对零基础新人,我给出这份可能是最详细的UI 自学流程总结
  • 想为iPhone X设计UI?给你这11个设计小贴士
  • 想成为互联网设计师?先来看这篇超全面的介绍!
  • 这篇超详细的教程,帮你全面掌握 APP 中的投影设计!
  • 超全UI设计规范,带你了解规范设计全流程
  • UI 设计新人如何接私单?来看高手的经验!
  • 用一篇文章,带你回顾桌面GUI 的设计发展史

相关文章

  • 2018-08-23设计节日闪屏?收下这份超全面的知识点总结!
  • 2018-08-23这20个切入点,能让你快速着手设计广告Banner
  • 2018-08-232018年高手总结了21条最值得掌握的移动App 设计基本原则
  • 2018-08-23网易资深设计师:我用这7个流程做LOGO设计
  • 2018-08-23那些很熟悉但又不知怎么用的设计法则:80/20法则
  • 2017-08-06入门知识 网站地址前的http是什么意思?
  • 2018-08-23腾讯高级设计师:交互知识树系列之平台规范
  • 2018-08-23学会这个批处理方法,5分钟搞定一小时的工作量!
  • 2017-08-06复制和粘帖是封装的大敌
  • 2018-08-23设计素材!一月份最值得收藏的线条图案/纹理免费打包下载

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 网易设计师:图表设计,远不止“好看”这么简单
    • 把握4个关键点,让Design Workshop真正提升设计效率
    • 这四个动效小趋势,让你可以把网页设计得更加圆融
    • 从上亿人使用的阿里收藏夹迭代过程,总结视觉设计师应该拥有的体验思维
    • 2018 阿里巴巴 UCAN 回顾!张晶华:用户研究在产品定义上的新影响力
    • 这10个不好用的微信设计,有哪些深层次的产品逻辑?
    • 阿里巴巴UED总监:新商业环境下设计师的转型三部曲
    • 如何让交互稿的体验更好?网易设计师总结的10个知识点
    • 想做APP 改版练习,这儿有高手的15个经验总结
    • 规范、方法、一致性,真有那么重要吗?

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有