常用的UI概念设计方法

1、如何进行有效的GUI设计2014.11.7 By Ivan User Experience Design它是用户体验的设计门类(用户研究、交互、视觉）的集合用户体验要素模型GUI（图形用户界面）设计在模型中的所处位置视觉设计的基本流程概念提取概念设计详细设计落地和交互设计的关系和用户研究的关系品牌基因的关系评价原则常用的思维方法：元素提取控件的系列化设计，典型界面的整体设计图标、语言、色彩、动画的统一、操作行为的统一常用工具介绍1.基本用户体验概念介绍2.企业中一般的用户体验流程是怎样的？3.常用的寻找概念的方法4. 实例说明(偏GUI方面）5.一些评价原则&标准的探讨(偏GUI方面）

2、1.基本用户体验概念介绍2.企业中一般的用户体验流程是怎样的？3.常用的寻找概念的方法4. 实例说明(偏GUI方面）5.一些评价原则&标准的探讨(偏GUI方面）用户体验5层次要素模型外在（表象、视觉刺激）文本图标界面内在（灵魂、根源）交互业务理解用户理解战略理解用户体验5层次要素模型表现层一系列的网页（界面），由图片组成框架层按钮、表格、照片和文本区域的位置结构层确定各种特性和功能的最合适的组合方式范围层功能和特性是否被纳入，即设计范围战略层经营者和用户分别想从网站得到什么。任务界面对话层导航层信息架构的目标：帮助人们快速高效的找到所需信息，并提供良好的用户体验。用户任务:输入数字输入

3、文本输入公式格式细胞排序信息过滤信息聚合信息图数据保存数据导入数据出口数据打印业务目标:取代竞争产品激励销售其他集成产品建立文件格式为默认信息共享格式用户类型:会计商务策划师主妇使用场景:办公桌面笔记本在飞机pda在汽车例如: 我们要设计一款 “校园购物”的APP 我们将如何进行？目标:业务目标用户模型与用户目标任务：用户任务和活动场景功能规格工具:导航地图概念地图页面线框图 UI设计指导GUI视觉风格指导 可用性测试用户界面原型设计活动低保真高保真时间线1.基本用户体验概念介绍2.企业中一般的用户体验流程是怎样的？3.常用的寻找概念的方法4. 实例说明(偏GUI方面）5.一些评价原则&

4、;标准的探讨(偏GUI方面）详细设计概念设计Mockup用户测试用户测试竞争分析设计趋势市场趋势用户研究商业目标用户目标迭代反复这个过程非瀑布式的按部就班，而是敏捷的反复迭代过程。开发原型设计1.基本用户体验概念介绍2.企业中一般的用户体验流程是怎样的？3.常用的寻找概念的方法4. 实例说明(偏GUI方面）5.一些评价原则&标准的探讨(偏GUI方面）A.头脑风暴一种创造能力的集体训练法准备进行中总结方案筛选1. 准备，必须进行脑力激荡材料的准备，会场布置，避免打搅的事前安排等2. 安排，除分组，限时外，还需有个主持人进行会议牵引和规则监督3.总结，对概念进行归类整理，并最终又专人进行概

5、念陈述4.方案筛选，需要回答是否已经解决当前问题，并且是否新颖1. 禁止批评和评论，也不要自谦。 对别人提出的任何想法都不能批判、不得阻拦。即使自己认为是幼稚的、错误的，甚至 是荒诞离奇的设想，亦不得予以驳斥；同时也不允许自我批判，在心理上调动每一个与会者的积极性，彻底防止出现一些“扼杀性语句”和“自我扼杀语句”。诸如 “这根本行不通”、“你这想法太陈旧了”、“这是不可能的”、“这不符合某某定律”以及“我提一个不成熟的看法”、“我有一个不一定行得通的想法”等语 句，禁止在会议上出现。只有这样，与会者才可能在充分放松的心境下，在别人设想的激励下，集中全部精力开拓自己的思路。2. 目标集中，追求设

6、想数量，越多越好。 在智力激励法实施会上，只强制大家提设想，越多越好。会议以谋取设想的数量为目标。3. 鼓励巧妙地利用和改善他人的设想。 这是激励的关键所在。每个与会者都要从他人的设想中激励自己，从中得到启示，或补充他人的设想，或将他人的若干设想综合起来提出新的设想等。4突出求异创新，这是智力激励法的宗旨。5. 与会人员一律平等，各种设想全部记录下来。 与会人员，不论是该方面的专家、员工，还是其他领域的学者，以及该领域的外行，一律平等；各种设想，不论大小，甚至是最荒诞的设想，记录人员也要求认真地将其完整地记录下来。6. 提倡自由发言，畅所欲言，任意思考。 会议提倡自由奔放、随便思考、任意想象、

7、尽量发挥，主意越新、越怪越好，因为它能启发人推导出好的观念。7. 强调小组整体利益，不强调个人的成绩。 应以小组的整体利益为重，注意和理解别人的贡献，人人创造民主环境，不以多数人的意见阻碍个人新的观点的产生，激发个人追求更多更好的主意。8. 综合改善原则。 探索取长补短和改进办法。除提出自己的意见外，鼓励参加者对他人已经提出的设想进行补充、改进和综合，强调相互启发、相互补充和相互完善，这是智力激励法能否成功的标准。9限时限人原则。 专家小组规模以210人为宜，会议时间一般以2060分钟效果最佳。为使与会者畅所欲言，互相启发和激励，达到较高效率，必须严格遵守下列原则：头脑风暴的原则如何去找到爱订

8、云的目标客群？头脑风暴进行中由主持人公布会议主题并介绍与主题相关的参考情况分组等设想的分类与整理设想的分类与整理实用型 幻想型实用型幻想型设想的分类与整理头脑风暴进行开发，通过进一步开发，就有可能将创意的萌芽转化为成熟的实用型设想。头脑风暴去进行论证、进行二次开发，进一步扩大设想的实现范围质疑式头脑风暴提出质疑编制评论意见表意见评估对每一个设想提出质疑“XX设想是不可行的，因为，如要使其可行，必须。” 对每一个设想提出质疑,明确否定原因、改善建议禁止对已有的设想提出肯定意见，而鼓励提出批评和新的可行设想筛选出实际可行的方案重点是研究有碍方案实施的所有限制因素，并发现新的解决途径。B.黑客马拉松

9、Hackathon思维碰撞与接力1234512345思维接（借）力分组每队6个人轮流输出点子，且保证不重复。张XX李XX王XX钱XX孙XX快速预定快速送达和附近商铺行成联盟情人节表白服务支持赊账校园购物O2O APP应具备哪些功能？如何识别并撬开大客户的门，高效卖出爱订云的产品？1）方法上？2）资源上？3）工具上？4）其它？C.思维导图适合一个人进行问题总结或者发散东尼博赞，1942年生于英国伦敦，英国大脑基金会总裁，世界著名心理学家、教育学家。他曾因帮助查尔斯王子提高记忆力而被誉为英国的“记忆力之父”。他发明的“思维导图”这一简单易学的思维工具正被全世界2.5亿人使用。推荐工具：Xmind，

10、 Mind Manager整理思维碎片梳理关系脉络结合线性和发散思维帮助思考或者记忆可作为学习工具，对学习过的知识进行整理发现可能的解决方案可作为思维工具，寻找合适的解决方案D.随机词汇法适合思维完全进入死胡同状态启用写下创意主题寻找身边任何物品发散出名词寻找合适的创意1.发散出15个以上词汇2.每个词汇代表这个物体的特性3.名词不要太抽象筛选出实际可行的方案与主题关联产生联想特性词汇开一家主题餐厅？随机物体创意构想帆船模型鱼大海漂浮浪花海盗罗盘木头做的麻绳鱼形装的各种装饰，如餐旗、窗帘挂饰桌子上放个大鱼缸，养五颜六色的热带鱼椅子设计成可以漂浮的背景音乐里有海浪声服务员穿海盗服餐馆的VI要强调

11、导航设计菜单刻在木头上，餐具用木头的和周围的时尚捆绑销售，如，送当季热门电影票E.如何管理直觉和灵感学会记录自己的瞬间灵感 直觉应该是超越五感的，比如我们经常说的第六感1.是指对一个问题未经逐步分析，仅依据内因的感知迅速地对问题答案作出判断，猜想、设想；2.在对疑难百思不得其解之中，突然对问题有“灵感”和“顿悟”；3.甚至对未来事物的结果有“预感”“预言”等 虽然不知道那是什么东西，但所有的直觉都有一种不知道从何而来的凭空出现的特质，突然而降，出乎意料，心生一念，非常深邃之类的。他们的注意力往往是悬空的，没有固定的依附对象，经常处于发呆状态，脑子空的。等待素材的碎片自动出现，然后抓住碎片开始咀

12、嚼学会随时记录自己的瞬间灵感1.基本用户体验概念介绍2.企业中一般的用户体验流程是怎样的？3.常用的寻找概念的方法4. 实例说明(偏GUI方面）5.一些评价原则&标准的探讨(偏GUI方面）任何与视觉相关的设计首先要把抽象概念翻译成形容词汇再由形容词汇转换成可见的图形概念形容词可见图形项目目标Set up a Project Goal as an element for the purpose and the range of the project.We strategically approach and create new Outdoor GUI concept With Out

13、door key factor . To create a set of mobile phone Theme GUI, which match the Smart Phone and enhance the brand image. 要创建一套与 智能手机相匹配的主题界面，以提升品牌形象Make a new design direction out of 3 sets design.在三套方案中选出一个方向 Cooperation with Discovery 与Discovery合作Design Direction Instrument / Sporty Outdoor设计方向 工具/运动

14、户外 Analyze target users requirement 分析目标用户的需求 Understand trend and lifestyle了解趋势和生活方式Analyze target market information to find new market opportunity分析目标市场信息，寻找新的市场机会合乎情理的GUI设计以匹配户外活动人群研究方向It illustrates main issue of New Design direction. Vitalized economy and outdoor activity Outdoor-oriented cosu

15、mer class Popularized outdoor style Lifestyle and outdoor device Smart phone market市场市场Market Investment for the quality of life and activities Tool for emotional development and self-management Desire for expressing individuality Increased participation of female and young people Will to return to

16、nature趋势趋势Trend User segment in the active area of outdoor Users stories according to the intensity of their daily routine and activities 目标用户目标用户Target User市场The class of twenties to forties are most active consumers among all the outdoor activities. Male and female outdoor activities are almost th

17、e same as it goes down to the low aged class.Man 60%Woman 40%Tendency in consumption of the outdoor activities according to the gender ratio1020304050ManWomanAgeFemale consumers have been increasing. The main class of consumer is twenties to forties. We analyze phenomenon presented in the outdoor ma

18、rket.The following is the elements that we composed by analyzing behavioral patterns In order to figure out how they behave with users purposes and needs.We derive character by analyzing Activities and behavioral patterns of Outdoor Trend.用户行为改善用户体验的因素efficient touseefficient tousesafe to usehave go

19、odutilityeasy to learneasy toRememberhow to use兴趣激励有帮助美观创意支持娱乐过瘾奖励满意情感照顾趋势 This is the issue we need to pay close attention to at outdoor trend.Increase in interest in leisure according to the increase in the level of income1.point: Economic Growth, The Quality of Life, Wealth, Various Things to Enj

20、oy, Leisure CultureWith the introduction of a market economy, the level of life has increased and the interest in leisure has been increasing. Moreover, demand in leisure has been steadily increasing after Beijing Olympic Games in 2008. Away from simple materialistic consumption pattern, as the dema

21、nd shifted to more diverse and unique experiences, outdoor expenditure has increased. Dream an eco-friendly life that is slow and free.2.point: Eco, Free of Mind, Free of Time, Eco-Friendly, SlownessPeople who are exhausted by material civilization and excessive speed competition try to find simple

22、and eco-friendly life. While being wary about being accustomed to rapid culture, they would like to enjoy the process of Slow food, Slow City, Slow Life by taking time. Activity 1. Routine_ Self-ExpressionA type that enjoy outdoor activities as a mean to express ones lifestyle and Individuality.用户设定

23、We are going to examine what they want in the particular level of activity through user scenario. keyword: Part of fashion, Represent the economic level, Express individuality, Represent Liberal Lifestyle, Part of Cultural Activities, Sophisticated Taste and Preference, Close to the outdoor activity

24、 out of the city Appeal My PreferenceI bought SUV for leisure so that I can load equipments to enjoy sports. I have intention to show off the fact that this is not a popular sport that anyone can do, but professional activity that only someone who are addicted can enjoy. This is a way to represent t

25、he level of life that is distinguished from others. Buy a Sensible LifestyleI can express myself with characteristic leisure. Because there are lots of ways to spend time, I think that it is progressive to go outside and perform proactive activities. I would like to be shown to be an active person w

26、ith sophisticated taste. Activity 2. During Light Activity_ Self-satisfaction-orientedA type of a person who goes outside the city and spend some quite time interacting with nature outside.We are going to examine what they want in the particular level of activity through user scenario. Expand the ra

27、dius of activities from inside to outsideWe go outside to seek unique experience especially these days when we feel bored with repetitive daily routine. We seek distinguished experience that will never be attained inside while enjoying hobbies such as le-ports, dance, and health.Find genuine pleasur

28、e of life from outdoor lifeBody movement allows people to find life values with different form.People can spend time with their family and people next to each other while developing intimacy and enjoying social activities. Pursue Natural ExperiencePeople wan to find psychological happiness free from

29、 extreme speediness and pressure in our modern ages. People consider nature-experiences important to look for the green forests of a famous mountain and lightly climb up the mountain for peace of mind.keyword: Fun Leisure, Small pleasure, Relaxation, natural activity, a desire for the body movement,

30、 social interaction, casual activity, interaction with nature, activity that helps thinking and speculation, leisure around routine, Lets enjoy our life because we worked hard!We would like to make our free time meaningful for the balance of our work, health, and relaxation. In the midst of the busy

31、 life, people go to suburbs and take pleasure of outdoor sports. Sometimes they travel nearby. It becomes chance to look back myselfThey enjoy speculation while taking a light walk at somewhere else than routine place (such as park nearby, not an office). At this time, its not for fun or entertainme

32、nt, but for more liberal and mental relaxation. 用户设定Activity 3. During violent activity_ Achievement orientedWith active body movement, A type of active person who finds balance in his healthy life.We are going to examine what they want in the particular level of activity through user scenario. Impr

33、ove the life quality by staying healthyThe life with Well-being and wellness comes from my health.We walk or ride a bike to go to work on purpose as an investment for health. The transformation in concept on ActivityPerform a leisure activity with specific purpose rather than just being comfortable

34、and relaxed. It is because people want to enjoy the accomplishment that they feel from overcoming their physical limitation as well as satisfaction from their work. keyword: Interaction with nature and people, leader of a life, ensuring passion, new adventure, deviation from daily routine, expertise

35、, healthy image, functional assistance (safety, checking activities), proactive attitude towards healthy life, Using items that make people feel comfortable during violent activities, lively mood, pleasure from taking risksCombination of Physical and Mental HealthA person began exercising for his he

36、alth. He had their frequent late works and irregular eating habits and rhythms. As he moves his body, it leads hi to have a regular eating habit and he gradually developed sound body and mind. Blow the stress from their active movement. Hed like to express his passion outside. He is looking for litt

37、le more violent leisure because he enjoys competition with himself and others. 用户设定1.Exciting & Colorful2.High-end & Simple3.Modern & Eco4.Basic & minimalism5.Wild & ExtremeWit & CreatvieExtremetechnologyBasicModernHigh-endMinimalismPre-natureColorfulWellnessCozyUsefulSpritWi

38、leSimpleElectronicValuableWe develop key expression words to main visual direction.SpecializedSpecialized专业专业NaturalismNaturalism自然主义自然主义 一致性基调&风格视觉关键词WittyColorfulFashionable YoungSophisticated ExclusiveFuture-OrientedIn the edgeMasculineDetailed ChicSoftVacationNature-FriendlyRoutineWarmNatura

39、lWell-Being概念案例描述Extract components of Concept Designprofessional& impressive meaningful& ecoeveryday& LivelinessConceptLivelyLively活泼活泼设计元素A. Lively（活泼泼的）The look with lively color and witty elements expresses young and dynamic by using various shapes and pattern.Pattern, Vivid Color, S

40、cribbleEffectShapeMaterialColoreveryday& LivelinessWittyColorfulFashionable YoungLivelyB. Specialized （专业专业的）We express luxurious feeling by adding specific elements on a sophisticated and future oriented shapeEmphasize more chic and masculine feeling by using strong point color on a colorless b

41、ackground.Edge, Wild, profession, firmEffectShapeMaterialColorprofessional& impressive Future Oriented, In the edge, Masculine, Detailed, Chicspecialized设计元素C. Naturalism（自然主义义） The design emotionally approached to the exhausted modern people by adding comfortable and warm ambiance from nature a

42、nd modern frame of contemporary. Soft, Friendly, Well-beingEffectShapeMaterialColormeaningful& ecosoft, relax,eco friendly, daily life, warm, natural, wellnessnaturalism设计元素1.基本用户体验概念介绍2.企业中一般的用户体验流程是怎样的？3. 实例说明(偏GUI方面）4.一些评价原则&标准的探讨(偏GUI方面）当茫茫的一片作品墙出现在我们眼前，我们是否能挑出最好的作品？一件好的GUI作品应具有怎样的优秀特征？在公众投票+专家评审中过滤出来的作品中，能否找到一些评价标准和规律（评价好作品的规律）。来看看专业人士是怎样评价这些获奖作品的？http:/ 一，给人以秩序感。画面：阅兵仪仗队等二、对称与均衡对称：以一条线为中轴，左右（或上下） 两侧均等。画面：故宫全景、艾菲尔铁塔、凯旋门等审美特征：庄重、稳定、可靠；但静止、 生硬、单调、呆板。均衡：组成整体的两个部分在形体、色彩、 质地诸方面大致相等。画面：盆景五针松审美特征：动中有静，单一与丰富并存。三、比例与尺度：比例：是对象各部分之间，各部分与整体