网页资讯视频图片知道文库贴吧地图采购
进入贴吧全吧搜索

 
 
 
日一二三四五六
       
       
       
       
       
       

签到排名:今日本吧第个签到,

本吧因你更精彩,明天继续来努力!

本吧签到人数:0

一键签到
成为超级会员,使用一键签到
一键签到
本月漏签0次!
0
成为超级会员,赠送8张补签卡
如何使用?
点击日历上漏签日期,即可进行补签。
连续签到:天  累计签到:天
0
超级会员单次开通12个月以上,赠送连续签到卡3张
使用连续签到卡
07月29日漏签0天
uegood吧 关注:205贴子:2,000
  • 看贴

  • 图片

  • 吧主推荐

  • 游戏

  • 1 2 3 下一页 尾页
  • 35回复贴,共3页
  • ,跳到 页  
<<返回uegood吧
>0< 加载中...

#ui教程# UEgood的设计可用性、用户体验、交互设计的UI/UE原则

  • 只看楼主
  • 收藏

  • 回复
  • 视觉世家
  • 铁杆吧友
    9
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
我们UEgood将介绍设计和可用性背后隐藏的一些基本概念和理论。
虽然我们在整楼中都主要从Web网站的角度来讨论设计和可用性问题,然而这里提出和讨论的概念同样适用于任何与有关的数字化交互产品,包括任何应用软件程序、公共查询终端和APP。
我们的目标并不是教朋友如何设计,既不会提供关于可用性的对与错的黑白准则,也不会涉及现有的各种可用性和设计标准,因为已经有很多的其他教程、文章、书籍完成了这样的工作。
相反,我们强调一些关键的标准和理论,经验告诉我们,它们是最容易导致设计者和可用性专家(也称为IA信息结构专家)之间冲突的地方,特别是在涉及到设计时。
我们提出一些在进行设计工作时必须铭记在心的基本原则,后面的内容将对每条原则进行详尽的讨论。
希望广大朋友能够从本楼中学习到如何设计具有高度创造性和可用性的数字化设计产品,如何通过舒适的使用体验来吸引并留住用户。


  • 视觉世家
  • 铁杆吧友
    9
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
每日更新,感谢大家持续关注,将有不错的收获


2025-07-29 10:54:16
广告
不感兴趣
开通SVIP免广告
  • 炮灰老刘
  • 活跃吧友
    5
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
先顶后看


  • 视觉世家
  • 铁杆吧友
    9
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
《设计可用性》Day02#ui教程##ui设计##交互设计#
什么是可用性?

什么是可用性(UA,U****lity)?
可用性是一个与任何需要用户使用的产品(Product)都有关系的一个术语。从最基本的层次上来说,可用性是指产品和用户(User)之间的关系,直接与产品是否有用有关。
一个产品要有用处,它必须能够使用户以一种有效的方式来实现自己的目标。可用性本身并不是最终的目标,相反,它是实现目标的方式。
根据国际标准化组织的定义,可用性被定义为“产品被特定的用户在特定的使用环境中使用,以有效并满意的实现特定的目的”(ISO 9241-11)。
同样的标准适用于Web站点、应用软件程序、App、其他的数字交互产品。这些产品的预期用户必须能够实现自己的目的,满足自己的需求,符合或超过他们的期望,用户才认为产品是可用的。
总的看来,产品的可用性是由4种因素(焦点、功能、流程和反馈)来决定的:
(1)焦点 是指内容和信息是否以满足用户的需求和期望为目标。
(2)功能是指产品的每个元素是否都能够为用户的需求和目标工作。
(3)流程是指过程和应用(例如电子商务站点上的付费过程,网站的注册过程等)是否满足用户的需求和目标。
(4)反馈是指系统如何对用户的操作(通常通过指令和信息)作出响应,以有助于用户目标的实现。
可用性是集合了所有这些因素的一种特征,它使产品有目标、可理解、可容错,并最终有用处。

UEgood的设计可用性、用户体验、交互设计、Ui设计核心文章


  • 视觉世家
  • 铁杆吧友
    9
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
《设计可用性》Day02 #ui教程# #ui设计# #交互设计#
可用性的重要性!
当用户决定浏览一个Web网站、下载一个APP时,心里是有一些目标的——通常是满足某种需求。例如,用户访问电子商务站点可能是为了给亲友购买生日礼物。用户下载医疗APP是为了查找某种疾病的症状,用来决定是否应该去医院看病,或者是否直接能咨询到医生。
当用户能够实现预期的目标时,会将他们目标的实现与良好的体验等同起来。否则,用户会将实现目标的艰难和不能完全实现自己的目标归结于不良的全面体验。
1、可用性不足的代价
2、可用性的品牌效应


UEgood的设计可用性、用户体验、交互设计、Ui设计核心文章


  • 视觉世家
  • 铁杆吧友
    9
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
《设计可用性》Day02 #交互设计# #ui设计# #ui教程#
可用性不足的代价!
理解可用性重要的最好方法是看看由低可用性所导致的负面结果。
绝大多数用户不会再返回那些他们得到负面体验的网站,也不再会下载那些体验性差的APP,除非非得用不可,而且也不会再去体验差的饭店、书店、电影院等。
在这个人们缺少耐心、希望马上得到满足的现实世界中,互联网已经成为人们用来解决这种问题的一个方式。很多用户访问一个网站,使用一个APP是因为它比其他方法更高效(更快)或更容易实现自己的目标。当可用性不能满足用户需求时,他们会去选择其他的方法,通常是去选择其他更有竞争力的站点或产品。据统计,不能提供有效内容和功能的站点、APP会导致近40%重复访问者的流失和50%在线营业额的丧失。
在其他的交互产品中,例如应用软件程序,智能设备等可用性同样是非常重要的。公司和个人选择使用某种软件,是因为他们希望用该软件提高生产效率。如果缺乏可用性,用户的愿望就无法实现,不仅不能提高生产效率,反而会导致生产效率低于使用该软件之前的状态。用户没有时间或耐心来学不好用的软件,通常他们会选择其他的方法来实现自己的目标——通过竞争对手的产品,或者重新采用他们原来的工作方式。
从长远来看,缺乏可用性会导致销售额降低、客户关系恶化、生产效率降低、成本增加等结果,所有这些都会导致产品或系统的失败。


  • 视觉世家
  • 铁杆吧友
    9
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
《设计可用性》Day03 #交互设计# #ui设计# #ui教程#
用户体验与品牌效应
品牌是为了使用户可以识别产品,它不仅是产品的名称或图标,还涉及到建立用户与产品或Web站点或者APP应用之间的情感联系。因为Web网站、APP应用是交互式的而不是被动的,用户会将情感因素直接归结于他们在Web网站、APP应用上的体验。这种体验将产生正面或负面的情感,从而影响用户对Web网站、APP应用的品牌的理解。
制作明显的品牌图形的目的正是为了吸引和留住客户。出色的可用性本身不能够吸引新的用户或客户(在这点上,市场调查和广告更为有效),但是一旦用户进行尝试,他们很快会获得良好的体验,从而被吸引(保持他们的兴趣)并保持下来(使他们经常回来)。而且,有些时候,网站的可用性特征可以用来在市场和广告消息中作为客户的优势宣传,从而辅助广告媒介来吸引新的用户。
在适当使用的情况下,动态图形、动效可以是吸引和留住用户的一种有效的工具。通过使用动态图形、动效,设计者可以强调产品和其他的重要元素,以增强导航,并创建有益的工具。如果使用不当,例如过长的介绍动画、令人迷惑的导航和讨厌又不能关闭的声音,那么动态图形、动效就会成为一种令人讨厌的东西,给用户留下极为不好的印象。负面的用户体验会直接(负面的)影响用户是如何来理解公司、产品和品牌的。当用户把一个负面的品牌印象与一种产品联系在一起的时候,他们就不会再使用这种产品。对于商务网站来说,这意味着丧失业务和销售额,从而导致收益的减少。不具备可用性的站点实际上比没有站点更糟糕。

UEgood的设计可用性、用户体验、交互设计、Ui设计核心文章
UEgood:一家还不错的机构


  • 视觉世家
  • 铁杆吧友
    9
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
《设计可用性》Day03 #交互设计# #ui设计# #ui教程#
具有可用性的品牌:eBay.com
几乎在每种成功的网络品牌背后,都有一个可用的站点。eBay(http://www.ebay.com)就是成功网络品牌的最为经典的例子。几年前,如果你在大街上问一个人是否听说过eBay,可能会遭到白眼并得到这样的回答:“e什么?”今天,问任何人是否听说过eBay,他们的回答很可能会是“噢,是的,那是个拍卖站点。我所见过最简洁的……”。
为什么eBay会获得如此巨大的成功?事实上,它并不具有最漂亮的站点界面。没有图形动画、交互动效的介绍动画、没有令人胆战心惊的音乐、没有引人注目的动画,只是一个普通的、看起来没有任何新意的站点。然而,它却是一个非常易于使用的站点,用户可以快速有效的实现他们的目的,通常是销售或者购买物品。对eBay目标用户群的多样性来说,这确实是非常成功的。全世界不计其数的人在使用eBay——从男到女,从老到幼,从互联网专家到新手,从i5个人计算机到Power Mac G10,从2MB宽带用户到100MB光纤专线,庞大的用户群体有着不同的背景、兴趣和生活方式。
想象一下,如果eBay忽略它的用户,更关心使用前沿的设计技术和创造性的小把戏来使它的站点更漂亮,那会是什么样的情况。这个策略可能会满足那些充满超级创造力、熟悉互联网的宽带连接用户,但是eBay的大多数用户会被抛弃,不能够完成他们的拍卖购买和销售目的。正是由于eBay找到了与它的拍卖业务相关的大量用户的共同需求和目标,并创建了一个关注于满足这些需求和目标的网站,从而成为成功的网络品牌。

UEgood的设计可用性、用户体验、交互设计、Ui设计核心文章
UEgood:一家还不错的机构


2025-07-29 10:48:16
广告
不感兴趣
开通SVIP免广告
  • 视觉世家
  • 铁杆吧友
    9
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
《设计可用性》Day03 #交互设计# #ui设计# #ui教程#
获得最大可用性的途径和方法
获得最大可用性的关键在于掌握Web站点、APP应用的目标和用户的目标。为什么用户要把宝贵的时间和资源花费在这个Web站点、APP应用上呢?
要实现什么目标?
要提供什么服务?
网站目标是销售产品还是提供关于某个主题的信息?
还是为了展示个人智慧和能力?
我们需要定义一个好的标准。如果设计师不理解Web站点、APP应用为什么要存在,那么我们的用户也不会理解。
在确定了Web站点、APP应用的目标之后,我们可以开始找出目标用户。可以从问自己一些问题开始,例如
用户为什么要花费时间在这个网站上?
他们的目的是什么?
他们要干什么?
如果你不能回答这些问题,那么需要重新考虑创建这个Web站点、APP应用的目的。如果不能够找出用户访问网站的原因,那么他们也不会访问。
然而,如果我们可以回答这些问题,就可以开始思考哪种类型的人群会有这些目标。他们就是我们的目标用户,他们是我们设计站点的目的,他们也最终决定着我们的网站会成功还是会失败。
Web站点、APP应用产品提供了通向终点的方法。用户希望这种方法比同样能实现目标的其他方法更快速、更容易、更有趣,或者在其他方面更优秀。
实现目标的途径决定了用户体验是好还是坏。只有了解谁会有这些体验,他们要完成哪些目标,然后使用具有吸引力的设计将这些用户和他们的目标组织起来,才能够实现可用性。

UEgood的设计可用性、用户体验、交互设计、Ui设计核心文章
UEgood:一家还不错的机构


  • 视觉世家
  • 铁杆吧友
    9
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
《设计可用性》Day03 #交互设计# #ui设计# #ui教程#
谁是可用性的实现者
在许多方面,Web站点、APP应用的设计和开发所涉及到的每个人都不同程度的承担着创造一个可用产品的责任。例如,
美术设计师(Ui设计师)负责将创意性的内容整合起来,例如颜色、图形和多媒体元素,从而增强可用性。
程序员确保站点的功能正常,以便用户在完成操作的过程中不会遇到错误或故障。
通常,确保整个产品完全可用的重任要落在信息结构专家(InformationStructure Expert)的肩上。
随着项目和公司的发展,也有专门用户体验设计师、交互设计师、甚至设计优化师岗位出现
信息系统结构设计是创造一个可用的交互式产品的最关键的环节。信息系统结构设计是组织和标记内容,设计导航系统,建立信息处理流程模型,帮助人们更成功地找到信息和管理信息的过程。信息结构专家是用户的首要拥护者,他应考虑用户的需求、目标和期望,是要具备有为用户提供满意体验而创建良好的信息结构能力的人。
为了创建这种结构,信息结构专家需要考虑各个方面所带来的影响。例如,他们通常依靠市场计划和目标客户来确定关键的用户群以便指导用户目标的确定。在Web站点、APP应用信息流程的设计中,程序员会提供技术可行性和影响的信息。
在设计导航、组织和标记系统的过程中,美术设计师提供关于最理想的综合的创意性信息。
最后,信息结构专家将用户的需求和目标、技术和创意性的内容同团队目标联系起来,创造能够为用户带来良好体验的产品。

UEgood的设计可用性、用户体验、交互设计、Ui设计核心文章
UEgood:一家还不错的机构


  • slimp_119
  • 活跃吧友
    5
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
楼主为什么你们的吧都没有logo啊


  • Andyqian小童鞋
  • 初级粉丝
    1
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
不错,很期待继续更新


  • 视觉世家
  • 铁杆吧友
    9
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
《设计可用性》Day04 #交互设计# #ui设计# #ui教程#
信息结构专家的设计原则
信息结构专家最关注的是用户的体验(UE,User Experience),因为这是他们的专长。信息结构专家的职责是代表用户的利益。不管是Web网站、APP、软件应用程序,或是其他信息的交互式媒体产品,信息结构专家都要确保该产品的目标用户能够使用它,并认为它有用处。
有时,这并不需要在Web站点的每个页面上都使用最新最时髦的设计技术。有时,这意味着因为目标用户的限制与需求而限制了使用图形和创意性的范围,这不表示信息结构专家反对使用图形设计或否认图形设计的价值,只是这不是他们的重点。


  • 视觉世家
  • 铁杆吧友
    9
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
《设计可用性》Day04 #交互设计# #ui设计# #ui教程#
设计者的差异
设计者领会客户问题与需求目标的方式和项目开发小组中的其他人不同。
设计者希望有时甚至是需要在设计工作中表达他们内在的创意性。
毫不奇怪,很多Web站点、APP应用完全在设计的操纵下成为了设计者创新的游乐场,从而以失败告终。Web站点中的有些界面元素会使用户感到真正的困惑,因为设计者在导航中融入了太多的个性,而不是对Web站点、APP应用的用户心存敬意。
有些高级的设计工作室持有这样的态度:“如果用户愚蠢到不能够理解这个界面,那么他们应该去别的地方。”不幸的是,在很多设计者当中,这种态度很普遍。设计者很自然的认为,颜色、形状和版面设计比信息流程、可用性和下载时间更为重要。
花费大量时间设计初始界面的设计者很难在设计完成之后再回头来为增强可用性而添加元素,例如,在简约派的作品上添加文本标记。
通常,如果设计者在进行最初的设计时没有将可用性记在心中的话,各种类型的修改会破坏最初的设计目的。


2025-07-29 10:42:16
广告
不感兴趣
开通SVIP免广告
  • 视觉世家
  • 铁杆吧友
    9
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
《设计可用性》Day04 #交互设计# #ui设计# #ui教程#
Ui设计方法
Ui设计者使用几种不同的技术来开始界面的设计。
有些人从创建印象版或概念版开始;这些草图设计有助于设计者考虑客户的品牌形象和主要信息。
通常,这些早期的设计不会包含实际的界面元素,但是会有颜色样本、版面类型、平面风格等考虑。
另外有些设计者是从收集最适合客户风格的杂志图片和设计开始的。这些小纸片被粘贴到一个大的设计板上,体现了设计者进一步进行Web站点、APP应用的美工设计的方向。这个过程通常不会考虑信息陈列的结构(例如文字结构或信息划分),而是更关注颜色、字体和图形的使用。
在最初阶段,大多数UI设计者都只关注版面和美工的设计,而不考虑信息流程和可用性。有人认为设计和信息流程是不能分开的,图形设计就是在设计如何显示信息,即信息本身就是图形,最终设计者还是在显示某种类型的信息结构,不管这种结构是不是已经超出了传统的导航工具条。
设计者使用视觉交流来管理复杂的信息,但是大多数设计者不情愿坐下来认真的规划如何使Web站点、APP应用的信息流动更为自由。关于设计者如何雕琢信息结构以及这些信息如何通过图形设计显示出来,人们已经讨论了很多,大多数设计者不会这样理解他们的设计。
对多数设计者来说,设计是对个性的自然延伸,它来自于充满创意性的头脑,因此不会被看作是对信息的管理,而仅仅是设计。
广告公司的很多设计者没有进行任何的预先研究,就直接开始了设计的工作,这通常是因为他们认为自己了解目标用户群体或是从客户那里得到了清晰的指导。但是即使时间和预算不允许进行用户调研,也应该尽量对项目的预期用户群体进行一些预先的研究。用户群体是指那些将要使用Web站点、APP应用的人。通过简单的询问客户关于他们对目标用户的更多想法,你就可以获得关于用户群体的信息,这通常是有效的,因为客户通常会对他们的目标用户进行自己的市场调查。
如果不能获得这些信息,还可以找那些你认识的人中比较符合目标用户条件的人,询问他们将会如何使用这样的Web站点、APP应用。
在了解了目标用户之后,将用户记录下来,如果时间允许,找几位用户的照片,写下他们的名字、爱好和兴趣。将这些信息打印出来,在进行设计时,将它放在你的计算机旁。你要将这些信息投入到你的设计过程中去。
这个目标群体如何理解我的设计?
这些用户会理解信息的流程吗?
对十几岁的少年来说什么样的版面最合适?
最新的视频是否能够使十几岁的孩子更容易理解品牌的形象?
这些是在进行设计时会慢慢进入脑海的问题,因为你关注了设计的对象——不是空洞的想象,而是实在的人。我相信通过与这些人进行交流,你会更希望开发出一个可供他们使用的Web站点、APP应用,你能够使这个站点有精美的设计,成为令人感兴趣的地方。你已经使设计的可用站点更人性化,因为你在思考那些会使用站点的真实的人。
客户需要炫酷的动态图形设计,因为他们知道炫酷的动态图形设计使项目更具有吸引力,使Web站点更有“粘性”。真实世界与信息设计的争论和理论讨论是不同的。目前大多数Web开发公司为大部分客户制作站点已经成为常规。
下面让我们总结一些能够帮你在项目开始时考虑可用性的方法:
(1)收集关于用户群体尽可能多的信息。
(2)制作“模拟的”用户资料,在开始最初的设计时,将它放在面前,尽量思考什么样的界面能够使这个用户群体感到满意。
(3)浏览其他的Web站点、APP应用程序。以一个初级计算机用户的角度来查看整个Web站点、APP应用程序。
这个Web站点、APP应用程序是否容易导航?
导航是否有明确的标注?
它有没有完善的帮助系统?
对于具有庞杂用户群体的大型站点的开发者来说,保证设计的一致性是至关重要的。

UEgood的设计可用性、用户体验、交互设计、Ui设计核心文章
UEgood:一家还不错的机构


登录百度账号

扫二维码下载贴吧客户端

下载贴吧APP
看高清直播、视频!
  • 贴吧页面意见反馈
  • 违规贴吧举报反馈通道
  • 贴吧违规信息处理公示
  • 1 2 3 下一页 尾页
  • 35回复贴,共3页
  • ,跳到 页  
<<返回uegood吧
分享到:
©2025 Baidu贴吧协议|隐私政策|吧主制度|意见反馈|网络谣言警示