uegood吧 关注：205贴子：2,001
《设计可用性》Day05 #交互设计# #ui设计# #ui教程#
K.I.S.S傻瓜式的简单
K.I.S.S.（Keep It Simple Stupid，傻瓜式的简单）是一个简单的缩写，但大有用处。
可用性专家认为设计者应该同时担负高级信息管理人员的责任。然而，简单的事实是，大多数设计者并不用这种方式来看待自己。他们乐于设计是因为这项工作能发挥他们的才能，并且充满乐趣。
信息结构对大多数设计者来说是与自己无关的。设计是不受限制的，是一种自我表现和张扬。大部分设计者都认为信息结构是一种限制、边界和枷锁。因此，两种原则彼此对立——这导致了矛盾的出现。设计者可以训练自己在设计中看出信息结构，然而，这需要一定的实践和耐心。当设计者开始使用草图、概念版等进行最初的探索时，这是开始思考信息结构的最佳时刻。
尝试评价其他Web站点、APP应用如何使用颜色、版面和设计风格来增强信息的传达。注意其他Web站点、APP应用如何使用开放的白色空间来将你的眼睛吸引到文字上，或者有些Web站点、APP应用如何将文本放在一个小的难以阅读的滚动文本框中。你可以从失败和成功的例子中学习经验。尽管我们要求设计者在设计时考虑信息结构是存在困难的，但在设计过程中加入新的步骤可以确保可用性的实现。
UEgood的设计可用性、用户体验、交互设计、Ui设计核心文章
UEgood：一家还不错的机构
K.I.S.S傻瓜式的简单
K.I.S.S.（Keep It Simple Stupid，傻瓜式的简单）是一个简单的缩写，但大有用处。
可用性专家认为设计者应该同时担负高级信息管理人员的责任。然而，简单的事实是，大多数设计者并不用这种方式来看待自己。他们乐于设计是因为这项工作能发挥他们的才能，并且充满乐趣。
信息结构对大多数设计者来说是与自己无关的。设计是不受限制的，是一种自我表现和张扬。大部分设计者都认为信息结构是一种限制、边界和枷锁。因此，两种原则彼此对立——这导致了矛盾的出现。设计者可以训练自己在设计中看出信息结构，然而，这需要一定的实践和耐心。当设计者开始使用草图、概念版等进行最初的探索时，这是开始思考信息结构的最佳时刻。
尝试评价其他Web站点、APP应用如何使用颜色、版面和设计风格来增强信息的传达。注意其他Web站点、APP应用如何使用开放的白色空间来将你的眼睛吸引到文字上，或者有些Web站点、APP应用如何将文本放在一个小的难以阅读的滚动文本框中。你可以从失败和成功的例子中学习经验。尽管我们要求设计者在设计时考虑信息结构是存在困难的，但在设计过程中加入新的步骤可以确保可用性的实现。
UEgood的设计可用性、用户体验、交互设计、Ui设计核心文章
UEgood：一家还不错的机构
《设计可用性》Day05
#交互设计# #ui设计# #ui教程#
可用性的8大关键原则
1、可用性可以定义为“产品在特定的使用环境中被特定的用户使用，以有效并满意地达到特定的目的”（ISO 9241-11）。
2、据估计，不能提供可用的内容和功能导致约40％的重复浏览者的流失和50％的在线销售额的降低。
3、通过了解目标用户，找到他们需要完成的目标，将这些信息综合在有吸引力的设计中，就可以实现可用性。
4、设计元素是用来提升价值、增强功能，并帮助用户完成目标的。
5、信息结构专家的首要任务是确保正在开发的产品（网站、软件应用程序、APP等）满足目标用户群体的需求和目标，同时，产品对这个群体来说应该易于使用。
6、记住，用户可能会遇到某些障碍使他们不能使用各炫酷或者动态元素，例如因为低档的硬件配置、慢速的上网连接、缺少软件或是缺少知识等。
7、保证显示页面的一致性。
8、文件使设计者能够使用自定义的字体，不管最终用户的系统是什么，都能确保高质量的图形设计和可读性。
UEgood的设计可用性、用户体验、交互设计、Ui设计核心文章
UEgood：一家还不错的机构
#交互设计# #ui设计# #ui教程#
可用性的8大关键原则
1、可用性可以定义为“产品在特定的使用环境中被特定的用户使用，以有效并满意地达到特定的目的”（ISO 9241-11）。
2、据估计，不能提供可用的内容和功能导致约40％的重复浏览者的流失和50％的在线销售额的降低。
3、通过了解目标用户，找到他们需要完成的目标，将这些信息综合在有吸引力的设计中，就可以实现可用性。
4、设计元素是用来提升价值、增强功能，并帮助用户完成目标的。
5、信息结构专家的首要任务是确保正在开发的产品（网站、软件应用程序、APP等）满足目标用户群体的需求和目标，同时，产品对这个群体来说应该易于使用。
6、记住，用户可能会遇到某些障碍使他们不能使用各炫酷或者动态元素，例如因为低档的硬件配置、慢速的上网连接、缺少软件或是缺少知识等。
7、保证显示页面的一致性。
8、文件使设计者能够使用自定义的字体，不管最终用户的系统是什么，都能确保高质量的图形设计和可读性。
UEgood的设计可用性、用户体验、交互设计、Ui设计核心文章
UEgood：一家还不错的机构
《设计可用性》Day06
#交互设计# #ui设计# #ui教程#
设计Web站点、APP应用就像创作一篇优美的文章
我总是觉得设计一个出色的Web站点、APP应用就像写一篇优美的文章。我在上中学时一位英语教师就让我们在写作文时坚持遵守严格的规则，以帮助我们成为出色的作者。
这个规则包括首先明确的提出论点，然后提供3个清晰的证据证明你的论点是正确的。开发Web站点、APP应用很像写文章。你必须找出站点的主要目标是什么，然后提供清晰的途径来实现这个目标。这意味着你所使用的工具和技术应该是用有创意的解决方案来恰当地实现这个目标。
UEgood的设计可用性、用户体验、交互设计、Ui设计核心文章
UEgood：一家还不错的机构
#交互设计# #ui设计# #ui教程#
设计Web站点、APP应用就像创作一篇优美的文章
我总是觉得设计一个出色的Web站点、APP应用就像写一篇优美的文章。我在上中学时一位英语教师就让我们在写作文时坚持遵守严格的规则，以帮助我们成为出色的作者。
这个规则包括首先明确的提出论点，然后提供3个清晰的证据证明你的论点是正确的。开发Web站点、APP应用很像写文章。你必须找出站点的主要目标是什么，然后提供清晰的途径来实现这个目标。这意味着你所使用的工具和技术应该是用有创意的解决方案来恰当地实现这个目标。
UEgood的设计可用性、用户体验、交互设计、Ui设计核心文章
UEgood：一家还不错的机构
《设计可用性》Day06
#交互设计# #ui设计# #ui教程#
可用性的优势
通常说来，我们在开始设计时都是非常希望实现可用性的。难以想象哪位设计者会故意将站点设计成困难、混乱、不吸引人和不可使用的。
然而，即使是最想体现可用性的设计者也可能会在设计过程中忽略可用性问题。
与融合最“酷”的、最具创新的动态图形技术相比，突然可用性就显得不是那么重要了。在出现可用性被忽视的情况时，客户也有自己的责任。很多客户忽视可用性，在他们提出预算时，他们意识到实现较高的可用性的代价是比较大的。在项目的早期，客户很有可能会取消开发一个以用户为中心的设计所需的时间和金钱。然而，当进行最后测试时，忽视用户所带来的后果是十分明显的，对涉及到的每个人来说都是一样。基于这些原因，我们必须花费一些时间来更好地理解在早期考虑可用性原则的好处。
可用性对用户有益
如果站点在形式和功能上都能反映它们的关键用户群体的需求和期望，那么它们就能够为用户提供全面的正面体验——使用户可以在这个站点上完成他们想完成的工作，并且是高效的、满意的完成。
微笑更甜一些，血压降低一些，兴趣达到高峰，用户会自信能够驾驭这些对很多人来说仍然是不熟悉、不确定的媒体。
良好的可用性应该是用户看不到的。如果一个站点易于使用，用户不会意识到自己是如何使用它的。相反，他们将自己的注意力集中在内容、设计和站点所传递的品牌形象。
为了制作精彩的动态图形内容而花费的大量时间和精力就不会被浪费，因为用户全神贯注，他们不会试图转移、关闭声音或是跳过漫长的下载，他们不会注意到这一点。目标将会实现，产品购买了，信息找到了，精彩体会到了，错误（包括系统和用户错误）减少到最低，产量提高了，信任和信用建立了。当然，更好的是，用户们下次还会光顾你的Web站点或者APP应用程序。
UEgood的设计可用性、用户体验、交互设计、Ui设计核心文章
UEgood：一家还不错的机构
#交互设计# #ui设计# #ui教程#
可用性的优势
通常说来，我们在开始设计时都是非常希望实现可用性的。难以想象哪位设计者会故意将站点设计成困难、混乱、不吸引人和不可使用的。
然而，即使是最想体现可用性的设计者也可能会在设计过程中忽略可用性问题。
与融合最“酷”的、最具创新的动态图形技术相比，突然可用性就显得不是那么重要了。在出现可用性被忽视的情况时，客户也有自己的责任。很多客户忽视可用性，在他们提出预算时，他们意识到实现较高的可用性的代价是比较大的。在项目的早期，客户很有可能会取消开发一个以用户为中心的设计所需的时间和金钱。然而，当进行最后测试时，忽视用户所带来的后果是十分明显的，对涉及到的每个人来说都是一样。基于这些原因，我们必须花费一些时间来更好地理解在早期考虑可用性原则的好处。
可用性对用户有益
如果站点在形式和功能上都能反映它们的关键用户群体的需求和期望，那么它们就能够为用户提供全面的正面体验——使用户可以在这个站点上完成他们想完成的工作，并且是高效的、满意的完成。
微笑更甜一些，血压降低一些，兴趣达到高峰，用户会自信能够驾驭这些对很多人来说仍然是不熟悉、不确定的媒体。
良好的可用性应该是用户看不到的。如果一个站点易于使用，用户不会意识到自己是如何使用它的。相反，他们将自己的注意力集中在内容、设计和站点所传递的品牌形象。
为了制作精彩的动态图形内容而花费的大量时间和精力就不会被浪费，因为用户全神贯注，他们不会试图转移、关闭声音或是跳过漫长的下载，他们不会注意到这一点。目标将会实现，产品购买了，信息找到了，精彩体会到了，错误（包括系统和用户错误）减少到最低，产量提高了，信任和信用建立了。当然，更好的是，用户们下次还会光顾你的Web站点或者APP应用程序。
UEgood的设计可用性、用户体验、交互设计、Ui设计核心文章
UEgood：一家还不错的机构
《设计可用性》Day05
#交互设计# #ui设计# #ui教程#
可用性案例
对可用性的渴求
另一个理解可用性的好处的方法是考虑在可用性被忽略的情况下可能会出现的问题和挫折。假设你自己是一位用户，在炎热夏季的某一天，想要从一家零售商店门口的自动售货机上购买一瓶汽水。你注意到旧的机器已经被新的更现代化的机器代替了，这种新机器比你记忆中的那种旧的乏味机器漂亮多了——它的前面板上甚至能够播放视频和背景音乐。你走到机器旁边，在机器上寻找关于多少零钱才可以购买一瓶汽水的说明，但是任何地方都没有标出价格。在几分钟的搜索之后，你注意到在机器的右上角标记着很小的.75字样。你认为这一定是价格，于是你掏出钱包来寻找零钱。你找出了2个25分硬币和3个10分硬币。
“正好够，”你这样想到：“它会退回零钱。”
你再次在机器的前面板上寻找用来塞入硬币的孔，但是根本找不到。
你感觉到面板上有一个熟悉的小的矩形凹槽，但是找不到任何关于硬币入口的标记。就在你打算放弃尝试，准备走到街道对面的那些旧式机器的时候，你看到机器的侧面有一个看起来像是缺口的东西。
在进一步检查之后，你确定这一定是用来塞入硬币的地方。
首先投入25分硬币——一个，两个。然后是三个10分硬币。此时机器用一种响亮的、无礼的声音说道：“零钱不对。请重试一次。”你的10分硬币从机器的底部掉了出来，在街道旁的人行道上滚动。你只找回了两个，只好在钱包中找更多的硬币。啊哈——5分硬币！正是你所需要的。
你将10分硬币和5分硬币重新投进了机器里，准备选择你的饮料，可是那个响亮的声音又响了起来：“只接受25分硬币。请重试一次。”被退出的零钱又一次掉在了地面上。
此时你下定了决心，又一次到口袋中寻找25分硬币，在裤子口袋的深处，你真的找到了一枚。
最后一次！这时你已经感觉到非常渴了，你投入了最后一枚25分硬币，等待选择你的汽水。但是等等……虽然你可以在机器的面板上看到漂亮的产品商标和设计图案，但是却找不到任何可以按的按钮。现在你简直要发疯了，开始按每个看起来可能代表选择按钮的东西。最后，你听到过去熟悉的那种易拉罐发出的叮叮当当的声音。
你在机器上寻找——前面，侧面，最后在机器的背面你找到了一个小的黑色活动门。
你将它打开，拿出你的汽水，可是却发现机器掉出的不是你想要的口味。
你对着机器骂了几句，踢了一脚，然后走到马路对面。至少在那里你知道如何得到你想要的东西。
如果这台机器在漂亮的新外观之外能够遵守一些可用性标准，使得购买过程更加直觉化，你就会立即知道在哪里投入硬币以及如何选择饮料，你会愉快的离开，口渴消除。
你甚至可能还会回忆起你看到的一些漂亮的功能，比如那些视频、音乐和它说话的声音。
也许，你会被这种新机器深深的吸引，回到家里，你会向你的朋友和家人推荐它。你可能不会想起购买汽水是多么容易（你不希望开始时太难）；
你只记得，总体来说，这是一次漂亮的、有趣的汽水购买过程。
好了，也许我们过于夸大了——毕竟，只不过是买一瓶汽水而已。但是当这种体验涉及到你的时间、你的精力和你的金钱，那它就不是微不足道的了。
UEgood的设计可用性、用户体验、交互设计、Ui设计核心文章
UEgood：一家还不错的机构
#交互设计# #ui设计# #ui教程#
可用性案例
对可用性的渴求
另一个理解可用性的好处的方法是考虑在可用性被忽略的情况下可能会出现的问题和挫折。假设你自己是一位用户，在炎热夏季的某一天，想要从一家零售商店门口的自动售货机上购买一瓶汽水。你注意到旧的机器已经被新的更现代化的机器代替了，这种新机器比你记忆中的那种旧的乏味机器漂亮多了——它的前面板上甚至能够播放视频和背景音乐。你走到机器旁边，在机器上寻找关于多少零钱才可以购买一瓶汽水的说明，但是任何地方都没有标出价格。在几分钟的搜索之后，你注意到在机器的右上角标记着很小的.75字样。你认为这一定是价格，于是你掏出钱包来寻找零钱。你找出了2个25分硬币和3个10分硬币。
“正好够，”你这样想到：“它会退回零钱。”
你再次在机器的前面板上寻找用来塞入硬币的孔，但是根本找不到。
你感觉到面板上有一个熟悉的小的矩形凹槽，但是找不到任何关于硬币入口的标记。就在你打算放弃尝试，准备走到街道对面的那些旧式机器的时候，你看到机器的侧面有一个看起来像是缺口的东西。
在进一步检查之后，你确定这一定是用来塞入硬币的地方。
首先投入25分硬币——一个，两个。然后是三个10分硬币。此时机器用一种响亮的、无礼的声音说道：“零钱不对。请重试一次。”你的10分硬币从机器的底部掉了出来，在街道旁的人行道上滚动。你只找回了两个，只好在钱包中找更多的硬币。啊哈——5分硬币！正是你所需要的。
你将10分硬币和5分硬币重新投进了机器里，准备选择你的饮料，可是那个响亮的声音又响了起来：“只接受25分硬币。请重试一次。”被退出的零钱又一次掉在了地面上。
此时你下定了决心，又一次到口袋中寻找25分硬币，在裤子口袋的深处，你真的找到了一枚。
最后一次！这时你已经感觉到非常渴了，你投入了最后一枚25分硬币，等待选择你的汽水。但是等等……虽然你可以在机器的面板上看到漂亮的产品商标和设计图案，但是却找不到任何可以按的按钮。现在你简直要发疯了，开始按每个看起来可能代表选择按钮的东西。最后，你听到过去熟悉的那种易拉罐发出的叮叮当当的声音。
你在机器上寻找——前面，侧面，最后在机器的背面你找到了一个小的黑色活动门。
你将它打开，拿出你的汽水，可是却发现机器掉出的不是你想要的口味。
你对着机器骂了几句，踢了一脚，然后走到马路对面。至少在那里你知道如何得到你想要的东西。
如果这台机器在漂亮的新外观之外能够遵守一些可用性标准，使得购买过程更加直觉化，你就会立即知道在哪里投入硬币以及如何选择饮料，你会愉快的离开，口渴消除。
你甚至可能还会回忆起你看到的一些漂亮的功能，比如那些视频、音乐和它说话的声音。
也许，你会被这种新机器深深的吸引，回到家里，你会向你的朋友和家人推荐它。你可能不会想起购买汽水是多么容易（你不希望开始时太难）；
你只记得，总体来说，这是一次漂亮的、有趣的汽水购买过程。
好了，也许我们过于夸大了——毕竟，只不过是买一瓶汽水而已。但是当这种体验涉及到你的时间、你的精力和你的金钱，那它就不是微不足道的了。
UEgood的设计可用性、用户体验、交互设计、Ui设计核心文章
UEgood：一家还不错的机构
《设计可用性》Day05
#交互设计# #ui设计# #ui教程#
产品目标
设计任何产品的第一步都必须确定该产品的目标。
也就是说，你为什么要制作这个产品？
这个步骤是显然的，有时它会被忽略，然而它对于创造性过程来说却是至关重要的。
确定目标（即产品存在的原因）可以为确定需求（即该产品必须具有的功能）提供背景。
产品需求是通过确定最终用户使用该产品的目的而确定的。需求之所以重要，是因为需求决定了项目的范围。范围是由实现这些需求所需的时间和工作量而确定的。如果由于没有弄清站点的用途或用户的目标而没有确定项目的范围，你就会遇到“功能转移”的问题，即项目需求的趋势会像滚雪球一样，由于功能的不断添加而修改最终失去控制。
我们通常认为，客户的要求是导致功能转移的罪魁祸首；然而，难以控制自己的创造能量的激情设计者对此也要负有责任。
好的办法是在设计过程的每个步骤中，根据产品的目标来评价设计，以确保产品满足这个用途，你的创造性也没有使你偏离轨道。
定义清晰的目标还可以作为在最终产品完成后评价它是否成功的一个明确的依据。
UEgood的设计可用性、用户体验、交互设计、Ui设计核心文章
UEgood：一家还不错的机构
#交互设计# #ui设计# #ui教程#
产品目标
设计任何产品的第一步都必须确定该产品的目标。
也就是说，你为什么要制作这个产品？
这个步骤是显然的，有时它会被忽略，然而它对于创造性过程来说却是至关重要的。
确定目标（即产品存在的原因）可以为确定需求（即该产品必须具有的功能）提供背景。
产品需求是通过确定最终用户使用该产品的目的而确定的。需求之所以重要，是因为需求决定了项目的范围。范围是由实现这些需求所需的时间和工作量而确定的。如果由于没有弄清站点的用途或用户的目标而没有确定项目的范围，你就会遇到“功能转移”的问题，即项目需求的趋势会像滚雪球一样，由于功能的不断添加而修改最终失去控制。
我们通常认为，客户的要求是导致功能转移的罪魁祸首；然而，难以控制自己的创造能量的激情设计者对此也要负有责任。
好的办法是在设计过程的每个步骤中，根据产品的目标来评价设计，以确保产品满足这个用途，你的创造性也没有使你偏离轨道。
定义清晰的目标还可以作为在最终产品完成后评价它是否成功的一个明确的依据。
UEgood的设计可用性、用户体验、交互设计、Ui设计核心文章
UEgood：一家还不错的机构
《设计可用性》Day05
#交互设计# #ui设计# #ui教程#
导航的重要性
不管使用什么技术，好的导航系统都是很重要的，因为它是站点的主要控制方式。可以认为导航就像汽车的方向盘。大多数汽车中的方向盘都是圆的，而且可以用手轻松的转动。不管汽车是否有引擎动力，为了控制路面上的汽车，只要你转动了一定的角度，车轮就会移动。站点的导航也需要从这个角度来考察。
设计者由于创意激情的影响，经常会设计出复杂而漂亮的导航系统，但是却因为系统太复杂而丧失了可用性。就拿汽车方向盘来说，这就像使用了红色Jell-O果冻来制作方向盘。尽管方向盘可能看起来很漂亮，但是却不能用。这些Flash设计者不理解导航是用户浏览网站内容时所必需的一项极为重要的工具。如果没有在可用性和外观设计上取得均衡，导航系统就会成为红色Jell-O方向盘而崩溃。
信息结构领域中的很多领导者认为设计和可用性是完全分离的。有些人试图让我们相信，高度可用的网站是完全没有任何设计和图形的，只使用Tab键就可以在文本之间切换。然而，没有设计的网站就像没有艺术的生活。没有了艺术家们对我们日常生活中最平凡的事物的投入，世界将是一片沉闷的灰色。我们的烤箱——甚至我们的无线电话——都有设计师的功劳在里面，他们设计它的形状和颜色，以使我们更愿意拥有和使用它。
开发者需要在导航设计中采用这种方法。设计者如何能够增强导航以使目标用户易于使用，而又使用户可以在颜色和形状中获得乐趣？这两个想法似乎是互相对立的。形式和功能之间不应该存在矛盾。设计者应该透过表面的花哨，将可用性看作创造性问题。正如设计者解决颜色和图形问题一样，他们需要将可用性作为创造性问题来看待，而不是将它当作优秀设计的绊脚石。
在开始设计站点的界面时，需要回顾站点的目标。谁是目标用户？对他们最有效的导航方式是什么？
好的做法是将这些目标写下来，在你进行设计时将它放在手边。如果最初你在纸张上开始设计，那么也写下站点的目标。如果你使用计算机，那么使用小纸片粘在显示器上来提醒站点的目标。另一个好方法：研究目标用户和站点目标，然后从中提取出站点必须遵守的一系列导航和技术准则。
UEgood的设计可用性、用户体验、交互设计、Ui设计核心文章
UEgood：一家还不错的机构
#交互设计# #ui设计# #ui教程#
导航的重要性
不管使用什么技术，好的导航系统都是很重要的，因为它是站点的主要控制方式。可以认为导航就像汽车的方向盘。大多数汽车中的方向盘都是圆的，而且可以用手轻松的转动。不管汽车是否有引擎动力，为了控制路面上的汽车，只要你转动了一定的角度，车轮就会移动。站点的导航也需要从这个角度来考察。
设计者由于创意激情的影响，经常会设计出复杂而漂亮的导航系统，但是却因为系统太复杂而丧失了可用性。就拿汽车方向盘来说，这就像使用了红色Jell-O果冻来制作方向盘。尽管方向盘可能看起来很漂亮，但是却不能用。这些Flash设计者不理解导航是用户浏览网站内容时所必需的一项极为重要的工具。如果没有在可用性和外观设计上取得均衡，导航系统就会成为红色Jell-O方向盘而崩溃。
信息结构领域中的很多领导者认为设计和可用性是完全分离的。有些人试图让我们相信，高度可用的网站是完全没有任何设计和图形的，只使用Tab键就可以在文本之间切换。然而，没有设计的网站就像没有艺术的生活。没有了艺术家们对我们日常生活中最平凡的事物的投入，世界将是一片沉闷的灰色。我们的烤箱——甚至我们的无线电话——都有设计师的功劳在里面，他们设计它的形状和颜色，以使我们更愿意拥有和使用它。
开发者需要在导航设计中采用这种方法。设计者如何能够增强导航以使目标用户易于使用，而又使用户可以在颜色和形状中获得乐趣？这两个想法似乎是互相对立的。形式和功能之间不应该存在矛盾。设计者应该透过表面的花哨，将可用性看作创造性问题。正如设计者解决颜色和图形问题一样，他们需要将可用性作为创造性问题来看待，而不是将它当作优秀设计的绊脚石。
在开始设计站点的界面时，需要回顾站点的目标。谁是目标用户？对他们最有效的导航方式是什么？
好的做法是将这些目标写下来，在你进行设计时将它放在手边。如果最初你在纸张上开始设计，那么也写下站点的目标。如果你使用计算机，那么使用小纸片粘在显示器上来提醒站点的目标。另一个好方法：研究目标用户和站点目标，然后从中提取出站点必须遵守的一系列导航和技术准则。
UEgood的设计可用性、用户体验、交互设计、Ui设计核心文章
UEgood：一家还不错的机构
《设计可用性》Day05
#交互设计# #ui设计# #ui教程#
导航的类型
在深入讨论制作具有较高可用性的导航系统的细节之前，我们必须要理解在一个站点中可能会使用的导航系统的不同类型。
过去，大多数设计者使用这样的术语：主导航、子导航和全局导航。设计者需要理解每种导航系统各自的特点和彼此的区别，才能够成功的设计和应用它们。
在下面的介绍中，我们使用本宁顿学院（BenningtonCollege）的网站（http://www.bennington.edu）来帮助演示和阐明各种导航系统的特性和用处。
UEgood的设计可用性、用户体验、交互设计、Ui设计核心文章
UEgood：一家还不错的机构
#交互设计# #ui设计# #ui教程#
导航的类型
在深入讨论制作具有较高可用性的导航系统的细节之前，我们必须要理解在一个站点中可能会使用的导航系统的不同类型。
过去，大多数设计者使用这样的术语：主导航、子导航和全局导航。设计者需要理解每种导航系统各自的特点和彼此的区别，才能够成功的设计和应用它们。
在下面的介绍中，我们使用本宁顿学院（BenningtonCollege）的网站（http://www.bennington.edu）来帮助演示和阐明各种导航系统的特性和用处。
UEgood的设计可用性、用户体验、交互设计、Ui设计核心文章
UEgood：一家还不错的机构
《设计可用性》Day06
#交互设计# #ui设计# #ui教程#
子导航
站点的子导航系统是由主导航系统的子类别组成的。
主导航元素贯串整个站点，并且对用户是一直可见的，但是子导航元素通常只在含有这些元素的主类别页面中可见和起作用。
子导航可能由类别链接或内容链接组成，这取决于站点的大小和深度。
在信息分为很多层次的大型站点中，子导航系统通常是由主导航的子类别链接组成的。
一些站点有多级子导航，称为本地导航。
子导航和本地导航系统是很有用处的，因为它们有助于用有逻辑的结构来组织站点内容，使用户易于理解这种结构。
如果站点的导航使用了Web超级文本功能，那么就更是使用户可以从一组本地导航链接到另一组（横向导航），而无需通过信息的主类别（纵向导航）。
过多的横向导航会破坏信息的层次结构，使用户感觉到困惑。很多设计都具有活泼和不可预知的特点，再加上没能为用户提供明确的导航结构，会很容易让用户感觉到好像走进了游乐园。
创建清晰明确的本地导航和子导航系统是保证用户在站点中不会迷路的惟一方法。
UEgood的设计可用性、用户体验、交互设计、Ui设计核心文章
UEgood：一家还不错的机构
#交互设计# #ui设计# #ui教程#
子导航
站点的子导航系统是由主导航系统的子类别组成的。
主导航元素贯串整个站点，并且对用户是一直可见的，但是子导航元素通常只在含有这些元素的主类别页面中可见和起作用。
子导航可能由类别链接或内容链接组成，这取决于站点的大小和深度。
在信息分为很多层次的大型站点中，子导航系统通常是由主导航的子类别链接组成的。
一些站点有多级子导航，称为本地导航。
子导航和本地导航系统是很有用处的，因为它们有助于用有逻辑的结构来组织站点内容，使用户易于理解这种结构。
如果站点的导航使用了Web超级文本功能，那么就更是使用户可以从一组本地导航链接到另一组（横向导航），而无需通过信息的主类别（纵向导航）。
过多的横向导航会破坏信息的层次结构，使用户感觉到困惑。很多设计都具有活泼和不可预知的特点，再加上没能为用户提供明确的导航结构，会很容易让用户感觉到好像走进了游乐园。
创建清晰明确的本地导航和子导航系统是保证用户在站点中不会迷路的惟一方法。
UEgood的设计可用性、用户体验、交互设计、Ui设计核心文章
UEgood：一家还不错的机构
《设计可用性》Day06
#交互设计# #ui设计# #ui教程#
导航的可用性标准
站点的导航是决定该站点是否具有可用性的一个最重要特征。
导航将站点上的内容划分为多个部分，使用户可以找到他们需要的那一块内容。
导航是用户找到站点中任何内容的地图。
不管用户是要买卖产品、玩交互式游戏还是搜索一篇新闻文章，导航系统决定了这个过程是曲折痛苦的，还是顺利愉快的。不管站点的内容有多么新潮，多么有创意性和多么出色，如果导航不好，站点仍然会失败，因为用户根本就找不到他们想要的内容。
在导航中使用了鼠标滑过提示的一般多倾向于有特定的可用性问题，因为在本质上来说，鼓励设计者“打破”常规的导航可用性规则。
鼠标滑过提示使设计者在屏幕上移动对象变得空前的容易。但是却很少提醒设计者在游戏时的“规则”。
结果，很多设计者沉醉于“摆弄”导航，结果就使站点难以使用。
你可能会怀疑下面我们是不是要讲一大堆关于可用性原则的长篇大论——威胁到设计中每一点可能的创意性。不要担心，这里的目的是讨论一些与可用性有关的常见可用性原则，并帮助你更好的理解这些原则是如何有效的（并有创造性的）结合在基于鼠标滑过提示的导航系统中的。
UEgood的设计可用性、用户体验、交互设计、Ui设计核心文章
UEgood：一家还不错的机构
#交互设计# #ui设计# #ui教程#
导航的可用性标准
站点的导航是决定该站点是否具有可用性的一个最重要特征。
导航将站点上的内容划分为多个部分，使用户可以找到他们需要的那一块内容。
导航是用户找到站点中任何内容的地图。
不管用户是要买卖产品、玩交互式游戏还是搜索一篇新闻文章，导航系统决定了这个过程是曲折痛苦的，还是顺利愉快的。不管站点的内容有多么新潮，多么有创意性和多么出色，如果导航不好，站点仍然会失败，因为用户根本就找不到他们想要的内容。
在导航中使用了鼠标滑过提示的一般多倾向于有特定的可用性问题，因为在本质上来说，鼓励设计者“打破”常规的导航可用性规则。
鼠标滑过提示使设计者在屏幕上移动对象变得空前的容易。但是却很少提醒设计者在游戏时的“规则”。
结果，很多设计者沉醉于“摆弄”导航，结果就使站点难以使用。
你可能会怀疑下面我们是不是要讲一大堆关于可用性原则的长篇大论——威胁到设计中每一点可能的创意性。不要担心，这里的目的是讨论一些与可用性有关的常见可用性原则，并帮助你更好的理解这些原则是如何有效的（并有创造性的）结合在基于鼠标滑过提示的导航系统中的。
UEgood的设计可用性、用户体验、交互设计、Ui设计核心文章
UEgood：一家还不错的机构
《设计可用性》Day07
#交互设计# #ui设计# #ui教程#
标签
我们曾在前面提到过导航系统就是站点的地图。
那么，导航的每个元素的标签，也称为标签系统，就是路标。随着用户在站点中浏览、搜索信息并与信息进行交互，他们需要路边的标志来为他们指出正确的方向、建议路线和标出目的地。如何标记这些标志在很大程度上决定了用户能否作出正确的导航决策——决定他们将去哪里的决策。
如果设计者在他们的标签系统中融入了太多的创意性，那么问题就会出现。标签决定了站点的导航是否有比较好的可学习性。当标签清晰、准确和易于理解的时候，用户就更容易学习导航的使用。当标签是模糊不清的，用户就难以理解哪个导航元素能将他们带领到要去的地方。用户不应该花费太多时间来研究每个标签的含义。下面给出一些有助于确保标签系统可用性的标准：
UEgood的设计可用性、用户体验、交互设计、Ui设计核心文章
UEgood：一家还不错的机构
#交互设计# #ui设计# #ui教程#
标签
我们曾在前面提到过导航系统就是站点的地图。
那么，导航的每个元素的标签，也称为标签系统，就是路标。随着用户在站点中浏览、搜索信息并与信息进行交互，他们需要路边的标志来为他们指出正确的方向、建议路线和标出目的地。如何标记这些标志在很大程度上决定了用户能否作出正确的导航决策——决定他们将去哪里的决策。
如果设计者在他们的标签系统中融入了太多的创意性，那么问题就会出现。标签决定了站点的导航是否有比较好的可学习性。当标签清晰、准确和易于理解的时候，用户就更容易学习导航的使用。当标签是模糊不清的，用户就难以理解哪个导航元素能将他们带领到要去的地方。用户不应该花费太多时间来研究每个标签的含义。下面给出一些有助于确保标签系统可用性的标准：
UEgood的设计可用性、用户体验、交互设计、Ui设计核心文章
UEgood：一家还不错的机构
