教育类网站界面的简约化设计研究论文

研究生优秀毕业论文西南交通大学西南交通大学学位论文版权使用授权书本学位论文作者完全了解学校有关保存、使用学位论文的规定，同意学校保存并向国家有关部门或机构送交论文的复印件和电子版，允许论文被查阅和借阅。本人授权西南交通大学可以将本论文的全部或局部内容编入有关数据库进行检索，可以采用影印、缩印或扫描等复印手段保存和汇编本学位论文。本学位论文属于1．保密口，在 年解密后适用本授权书；2．不保密d么用本授权书。(请在以上方框内打“√〞)学位论文作者 指导老师签名：日期：如区。莎，f土 日期：≯匝反矿万方数据西南交通大学硕士学位论文主要工作(奉献西南交通大学硕士学位论文主要工作(奉献)声明本人在学位论文中所做的主要工作或奉献如下：本文遵循用户界面设计的根本原那么，通过社会调查，总结用户角色特征进行情境分析，掌握用户的心理、生理、认知、行为、审美等特征，定位适合的产品功能。证明简约化界面设计在国内外发挥的重要作用，且总结出来的晃面简约化设计方法是可行的。同时让简约化的界面与多媒体展现形式相结合，保持界面的灵活、可延展性。以创造一种简约而不简单的界面传播形式。本人郑重声明：所呈交的学位论文，是在导师指导下独立进行研究工作所得的成果。除文中已经注明引用的内容外，本论文不包含任何其他个人或集体已经发表或撰写过的研究成果。对本文的研究做出奉献的个人和集体，均已在文中作了明确说明。本人完全了解违反上述声明所引起的一切法律责任将由本人承当。学位论文作日期：万方数据西南交通大学硕士研究生学位论文 西南交通大学硕士研究生学位论文 第1页摘 要伴随着数字信息社会的开展，新兴媒体将渐渐取代传统媒体，互联网速度快、传播范围广、形式丰富、互动性强等信息传播优势，使网络信息不断加速膨胀，人们在享受网络给我们带来极大效益的同时，也随之被冗余的信息充满的我们的生活。在这种环境下，互联网传播虽然已成为信息传播的主要方式，软件功能和界面的复杂性已使人们不能完全接受时代开展的形式，简洁、易用、友好、直观经常被提及。本文由国内外教育机构类网站的变化入手，从界面构成要素、表现方式、用户群体、用户特征、用户需求等多方面进行教育类界面的深入研究。研究旨在：1、从界面根本元素的改变这一角度去认识简约化意义，总结出教育类网站界面简约化设计的原那么和方法。2、针对网站的用户作深入剖析，寻找适合的用户群体，探寻用户在此平台寻求的审美与功能合作共生之路。3、从简约化与教育类网站界面关系，探寻简约化界面设计带给教育类网站的绝大优势，它是现代设计的代表，也是现代人与界面沟通更好的方式，开辟教育类网站界面研究的新视角。简约化设计在当下已经具备了足够的理论支持，主要包括阿道夫·卢斯的“装饰与罪恶〞、柯布西埃“遮挡措施〞、密斯·凡·德罗的“少那么多〞。为互联网的界面设计的简约化提供了可能性，并且在教育类系统也开始慢慢接受，从根本上解决“泛视觉"现象。理论研究的意义在于指导实践，所以笔者希望通过设计调查法和界面比照法，分析教育主题网站的主题特点与用户特征，挖掘教育网站教育传播受限的真正原因。通过梳理相关的设计、理论及实践中的经验问题，对简约化界面的开发与推广教育类相关领域的具体实践有一定的启发，并尝试以“教育机构网站简约化〞为例，设计制作新型教育类网站界面设计，找到教育类网站界面简约化设计的应用方法，设计出具有以人为本和可持续开展的教育类网站界面，在宣扬现代教育重要性的同时，得到用户的认同，力图为教育事业的更好开展提供可借鉴的参考。关键词：教育类网站以人为本界面设计简约化优化用户体验万方数据西南交通大学硕士研究生学位论文 西南交通大学硕士研究生学位论文 第1I页AbstractAlongwiththedevelopmentofdigitalinformationsociety，newmediawillgraduallyreplacethetraditionalmedia，Internetspeed，widespreadandforminformationdisseminationadvantagessuchasrich，stronginteractivity，theacceleratedexpansionofnetworkinformation，peopleareenjoyingthenetworkbringUSgreatbenefitatthesalinetime，alsowillberedundantinformationofourlife．Inthisenvironment，althoughtheIntemetcommunicationhasbecomethemainwayofinformationtransmission，softwarefunctionsandthecomplexityoftheinterfacehasbeentomakepeoplecan’taccepttheformoftimedevelopment，conciseandeasytouse，friendlyandintuitiveoftenmentioned．Sothisarticleonthebasisofcollectingeducationsitesathomeandabroad，sumsuptheregularpattemofvisualanduserexperience，fromtheperspectiveofvisualperception，visualaestheticandvisualorder,expoundstheinfluencefactorsofinterfacedesign，toexplorethesimplifiedinterfacedesigntobringeducationwebsitesmostoftheadvantages，itistherepresentativeofmodemdesignismodemandinterfacecommunicationbetterway．Tosimplifythedesigninthepresentalreadyhaveenoughtheoreticalsupport，mainlyincludingadolf1uce〞decorationandevil，〞cobb’Swest〞shade〞，miesvanDE〞lessiSmore〞．ProvideIntemetinterfacedesigntosimplifythepossibility,andintheeducationsystemalsobegantoslowlyaccept，fundamentallysolvethe〞visual〞phenomenon．Thisarticleisdividedintofivechaptersaltogether．Thefirstchapterelaboratedthisarticleresearchbackground，purpose，significanceandcurrentsituationandresearchmethodsathomeandabroad．Thesecondchapterexpoundseducationwebsitesandsimplificationoftherelatedtheory,including：tosimplifythedesignofthecharacteristicsoftheoriginanddevelopment，educationwebsiteandthetargetaudience，whichissimplifieddesignofenvironment；Bycomparingtheconcludethatthecurrentsituationoftheeducationsitesandtheirhiddenproblems．Thethirdchaptermainlyontherelationshipbetweentheeducationsitesandsimplification，namelytosimplifythepursuittonumerousforbriefandregressionmethods，highlightthepeople—orientedandtheprincipleofthesupremacyof万方数据西南交通大学硕士研究生学位论文 西南交通大学硕士研究生学位论文 第1II页function．FouIrthchapterforsimplificationintheprinciplesandmethodsofeducationtypeofwebsite，mainlyiseasy,easytouse，theprincipleofinteractionandunity,anddelete，organization，hidden，transfermethod，throughspace，thinking，andinformationintegrationtorealizeinterfacetosimplify,toimprovetheuserexperiencedegrees．Thefifthchaptercombinesthemethodappliestosimplifydesignasanexample，andanalysisisgiven．Theorysignificanceinguidingpractice，SOtheauthorhopesthatbyliteratureanalysismethodandcorrelationmethodanalysistheconceptofeducationthemewebsiteinterfaceandthepresentconditionoftheinterface，mininglimitedspreadofeducation，therealreasonforeducationwebsitetoeducationwebsitesinterfacedevelopmentandpromotionoftheconcretepracticeofthisfieldhaveacertaininspiration，andtryto〞educationagency’Swebsitetosimplify〞asanexample，thedesignandproductionofneweducationclasswebsiteinterfacedesign，findeducationclasswebinterfacetosimplifythedesignmethodofapplicationofdesignispeople—orientedandsustainabledevelopmenteducationclasswebinterface，inpromotingtheimportanceofmoderneducationandatthesametime，gettheuser’Sidentity．keywords：Educationwebsites，Interfacedesign，Experiencedesign，simplify，optimize万方数据西南交通大学硕士研究生学位论文 西南交通大学硕士研究生学位论文 第1V页目 录第1章绪论 11．1课题研究背景 11．2研究目的与意义 21．3课题国内外研究现状 31．4研究方法及写作框架 41．5课题研究的创新性 6第2章教育类网站界面根本理论 72．1教育类网站界面概念 72．2教育类网站的主题与特点 72．3教育类网站界面的根本内容 82．3．1根本元素 82．3．2用户研究 92．3．3主题实践 ．．11第3章简约化理论的概述 ．．123．1简约化设计概念 ．．123．2简约化设计的起源与开展 ．．123．3简约化设计的根底理论 ．．133．3．1认知心理学 133．3．2符号学 143．3．3群体文化学 143．4简约化设计的内涵 ．．153．5简约化与教育类网站的关系 ．．183．5．1提升界面的教育形象 183．5．2协调版式的浏览空间 183．5．3定位网站视觉焦点 193．5．4引导良好的学习体验 193．6本章小结 一20第4章教育类网站界面简约化设计的原那么和方法 一21万方数据西南交通大学硕士研究生学位论文 西南交通大学硕士研究生学位论文 第V页4．1网站界面简约化设计的原那么 一214．1．1差异性原那么 214．1．2易用性原那么 2l4．1．3交互性原那么 214．1．4一致性原那么 ．．224．2网站界面简约化设计方法 ．234．2．1删除不必要 一234．2．2组织要提供的 254．2-3隐藏非核心的 264．2．4转移最适合的 一274．3本章小结 一28第5章案例分析 ．．295．1“吾师订制〞网站主题与SWOT分析 ．．295．2用户情境分析与定位 ．．305．3主题实践 ．．305．3．1删除不必要的 315．3．2组织要提供的 315．3．3隐藏非核心的 325．3．4转移最适宜的 ．．33第6章总结与展望 一346．1结论和成果总结 一346．2设计展望 ．． 34致 谢 35参考文献 36攻读硕士期间发表的论文 38万方数据西南交通大学硕士研究生学位论文 西南交通大学硕士研究生学位论文 第1页第1章绪论1．1课题研究背景在新媒体时代，信息传播突破了传统单一的传播方式，转向多样性、多角度研究领域。促使网络信息加速膨胀，使现代社会的人们在满足功能需求之上，延伸了对界面的审美需求和心理关心。从这个角度来讲，网页界面不只是一个华美的皮囊，而是精简的骨骼上赋予有血有肉的设计，使用户产生与界面的亲近感。随着简约主义的开展，以其实用的功能和追根溯源的本质，赢得现代人的欢送。一种返璞归真的设计理念，在互联网时代的影响下，也遇到新的机遇与挑战，设计师要将传统的设计理念与新时代的展现平台相结合，精简的界面视觉元素与合理的功能表现形式成为强调产品视觉设计重要性的一种响应。一个复杂的界面会让用户操作混乱，一个精简的操作界面能够带给用户更好的视觉体验与友好度，增加用户对产品的依赖性，成为产品的附加值。当google推出它的搜索引擎，并不是以它的搜索功能而获得认可，而在于他简约网络界面的出现。思睿高全球企业简单指数调查显示：Google在其产品、效劳、消费互动和传播方面的简化程度最高，且页面风格简约而不简单。如图卜1所示，Google以字母“G"“0〞“L〞“E〞为根底形，通过不同元素的设计和整合，注重春节、劳动节、中秋节等各种主题的形象设计，用既统一又丰富的形式表达出来。事实上，简洁界面的背后操作并不简单，只是Google合理而巧妙的掌握了功能取舍的方法。以前只有很少的教育机构拥有自己的网站，比方大学、重点高中，而大局部初中与小学都没有拥有自己的网站。随着网络的开展越来越多的教育机构开始建立自己的网站，教育机构通过网站给自己带来了极大的便利，不但可以把学校名声推广出去，更重要的是使校内的师生能有一个很好的互平台，并且学生可以通过网站自由的下载课件与电子教材。经过认真思考和总结，从整理学的角度出发来研究教育类网站界面简约化的设计方法，通过比照教育类网站构成元素、表现方式，基于用户群体进行研究，了解用户群体、用户特征、用户需求，从视觉感知、视觉秩序、视觉审美和视觉艺术心理和符号学的传统理论出发，一是提升界面教育形象、理解企业的文化内涵；二是找出与同类平台问的差异，探索其设计方法，为平台确立明晰的形象，使观众在万方数据西南交通大学硕士研究生学位论文 西南交通大学硕士研究生学位论文 第2页在众多的同类网站中看得清晰明嘹。通过更具直白性和说服力的界面表现形式，让观众时刻保持清醒的精神状态，使其能迅速准确的做出选择。图1．1 ffooffle界面主题1．2研究目的与意义网络传授已成为当今教育的重要方式之一，通过教育平台将直观的网络信息资源得以呈现。目前教育类网站的研究涉及界面视觉艺术的设计、传播方式的设计、教育信息、资源内容的设计。界面最重要的手段，将清晰、最本质的内容传达给受众，以便能快速的领悟网站的理念与使用方法。以用户为中心，从认知心理学、符号学、群体文化学角度出发，快速而高效的传递显性与隐性的信息，关注简约化设计与用户心理感受。本文目的是为教育类网站界面简约化设计提供理论支持，既有助界面信息传递、提升机构形象，又形成良好的学习体验，因此本研究具有一定的理论意义。教育类网站是学校在网络上的外在表现，以前学校是通过家长之间的口碑来不断的提高自己的名声，随着网络技术开展，学校网站已经开始成为传播学校信息与名声的主流方式。通过平台使得教师与教师、教师与学生、学生与学生之间的交流有了全新的方式，使天南地北、城市与乡村的学生同处一室，共同讨论，共同共享，突破传统课堂的制约。因不同的学生理解世界的方式各不相同，认知世界有诸多方式。网络提供的丰富资源可以使学生寻觅不同的教育方式，各取所需。因此，信息时代灵活而实用的功能将赋予现代人一种新的生活方式。本文以用户为中心阐释教育网站界面的特点，强调教育网站与简约化设计之间的关系，在现有资源的根底上，通过不同的呈现形式，以表达以人为本的教育原那么。本万方数据西南交通大学硕士研究生学位论文 西南交通大学硕士研究生学位论文 第3页文遵循用户界面设计的根本原那么，通过社会调查，总结用户角色特征进行情境分析，掌握用户的心理、生理、认知、行为、审美等特征，定位适合的产品功能。通过界面整合，总结出针对性较强的简约化设计的原那么和设计方法，保持界面的灵活、可延展性。同时让简约化的界面与多媒体展现形式相结合，以创造一种简约而不简单的界面传播形式。1．3课题国内外研究现状1．国外现状。经文献检索和国内外网站查阅，不同领域的专家已经掌握人机界面、用户心理、用户行为特征，并逐渐系统化和理论化。在欧美、韩国、日本等开展网页设计相对早一些的国家，不仅在技术层面领先于我国，在界面视觉艺术方面也处于世界领先位置，逐渐形成了自己独具特色的艺术风格。简约化的成熟源于20世纪50年代瑞士风格的图形设计，源于包豪斯运动的功能性原那么。将格式塔心理学、符号学、人机交互设计、用户行为分析作为的理论根底。实践中，用户体验的开展得到了相关组织的关注，侧重于具体的应用与实践，由原本单一的平面向以综合多样并存与互动的方式转变。美国，施耐德曼，普莱萨特在?用户界面设计：有效的人机交互策略?集计算机科学、心理学、社会学、人机工程学于一体，关注普遍可用性问题、建立以用户为中心的设计理念。作者提出，Web和桌面平台社会化媒体和社会化网络的革命提高用户生成内容质量的策略全球可用性、可持续设计和社会化转变网络垃圾、隐私、平安以及其他类似的挑战消费类电子的国际化和个性化问题。JeniferTidwell针对视觉设计与交互设计问题进行研究，并在?操作介面设计模式?中从表单、导航、图形编辑器、页面布局、颜色、排版、外观和感觉等方面进行裁剪，针对每个模式采取具体的解决方案。有助于人们解读与分析界面信息。减少主义思潮的诞生，导致简约风格的出现，并迅速的被“简洁设计〞所取代【1】。2．国内现状。相较于国外，国内专门研究教育类网站的专题论文尚有一些，作者一般以教育科学师生为主，论文就教育主题网站视觉识别系统、主题筹划、角色定位与空间拓展等方面的一两个点展开研究，以人为本用户行为角度出发的简约化资料稀缺，且多数简约化界面仅以留白方式呈现。一些网页界面虽然采用了数字化平台展示方式，但仅仅是被动式再现了产品和企业，这种形式缺乏用户的互动性设计，缺乏可读性和感染力，难以让观众了解与理解数字展示背后的含义，产品的功能不能快速传万方数据西南交通大学硕士研究生学位论文 西南交通大学硕士研究生学位论文 第4页达。而观众真正需要的界面是能对环境与产品理念进行解读，能唤起参观热情，使观众理解展示形式背后的含义。在视觉审美方面，文献‘11?教育主题网站的视觉识别系统设计研究?阐述了视觉识别系统在教育主题网站中的必要性，归纳教育主题网站视觉系统设计的策略。文献‘2】?教育主题网站的总体筹划?通过视觉元素的分析，掌握界面主题和筹划。文献‘31?中韩教育网站界面的版式设计比拟研究?那么在界面版式设计构成要素的比拟分析中提出了一些应用和创造的方法。在简约化方面，文献‘41?视觉简约化在网页界面设计中的应用研究?通过标识、图像、色彩等视觉符号元素展示网页界面的特色，分别从信息传递效能、用户心理、用户接受信息的影响等不同角度探寻了与网页界面视觉之间的关系。如图卜2所示，通过国内外教育类网站比照分析，基于以用户体验的教育类网站和简约化设计关系，还有待研究。鋈i攀戮蘸霎鬻攀霪霾雾零粼 麦的神程计考大著的为端学耨大代攀～怍。。的凰凰技凰晰i户募丑、觉黟面技西。盼爨技术视突牵术桕爨出躁的联的、象悫帮点西较塞．挺筑堂．亚的_金界排避与设撩育g驭创精算盛前精新算，名孔耪蒋躁会。国外现状，突媸儿童早9民学生、家群箨殛其特征清主壤三定灵霉副恩的此专备酉叁天堂缀攀俸至从动学追性能考不黎离器形的页字字源操复苕拙A送“20I{方案〞。。珠峰方案。 瓣曼01壁2所副嚣级大学之一i 蛰行．辅遵自 教膏都批准建爵竞生院的56所赢授 功畿突出。之一，。簪家海外高层漩人慧剑新剖 国内现状蓐鸯墓；．翥鳇运为甥蕊，摹的墩羹点姐主鸯声i坚美型质娃，瓣持的没有身人。级。硅缝焉能这品寓雾者。令变为丈材成学磐|I图]-2国内外研究现状比照1．4研究方法及写作框架1．研究方法(1)文献调查法：通过对现有理论书籍和学术论文、期刊等有价值知识的获取，了解网站界面的布局、要素，通过理论知识和前人社会实践总结的经验，分析信息时代教育网站的特点与优势，根据简约化设计的内涵，总结界面与简约化设计的内在联系。万方数据西南交通大学硕士研究生学位论文 西南交通大学硕士研究生学位论文 第5页(2)案例比照法：通过分析梳理大量的文献资料，从用户体验角度出发，采用了分析、归纳、比拟研究方法，对教育主题网站概念界定与分析，深度解析国内外的教育类网页界面布局、框架、流程、视觉元素，通过简约化与教育类网页界面的介入与融合、发现与探究简约化对教育主题网站的重要性。(3)设计调查法：通过在朋友圈、微博、以及日常生活中，针对特定的用户进行市场问卷调查，收集用户对现有教育类网站使用情况反响。通过对反响信息进行整合与数据分析，总结出现有网站界面存在的优缺点。通过对局部用户定位，分析其使用特征与需求，从设计角度出发，基于用户需求，为平台创造更大的商业价值。(4)行动研究法：针对上述研究进行总结，得到教育类网站晃面简约化设计的启示，在策略之上付诸实践。围绕“绿色健康、私人订制〞的主题，提取主题相关的视觉符号元素，结合从群体文化学、人机交互角度、认知心理学等理论知识，进行有针对性的设计。因此行动研究法在将在理论与实践的互动中尤独具优势，分析不同文化背景的人群，制定教育类界面主体功能，把论文中总结的方法与原那么应用于自己的设计中，形成“绿色健康、私人订制〞简约化设计网站。2．框架图一方法研究丁图1-3吾师订制框架图万方数据西南交通大学硕士研究生学位论文 西南交通大学硕士研究生学位论文 第6页1．5课题研究的创新性本课题以体育教育网站界面为研究对象，首先从视觉简约化角度对教育类网站界面进行分析，结合界面功能设计、展示设计等方面，挖掘出简约化在教育类网站界面的方法。1．研究角度创新。文章不是从单一的认识角度去把握“简约化设计〞这一概念，而是将其放在“用户群体——用户特征——用户需求——社会价值〞的关系即认知审美和行为体验的视域中去考察，利用认知心理学、符号学、群体文化学等相关理论进行较为深入的探究。选择适合教育类界面的构成要素、表现方式，对教育类界面进行重新定位。2．研究方法创新。采用比拟分析与典型论证相结合的方法，理论和实践结合，运用典型案例进行具体分析，从表单、．导航、图形、页面布局、颜色、排版、外观等方面出发，总结出简约化设计的原那么与方法，结合简约化的根底理论与自己的设计实践，为界面设计的应用理论研究提供鲜活的素材和有益的尝试。3．研究内容创新。当下数字媒体开展的全球化语境中，界面设计创新已不只局限于功能创作领域，而是整个技术与艺术创作机制、视觉传播构成与社会价值的全面创新。界面设计不仅是技术支持，更是一种以视觉信息为标示的崭新的思维方式和生存方式。基于认知心理学与群体文化学相融合、交叉形成的新的研究领域。从传受信息方式的变化入手，针对功能、审美、意义等多方面进行界面设计创新的深入研究。力求在不断创新的思维观念指导下，从简约化的角度，探讨界面设计创新在我国开展的多种可能性。万方数据西南交通大学硕士研究生学位论文 西南交通大学硕士研究生学位论文 第7页第2章教育类网站界面根本理论2．1教育类网站界面概念教育部在?教育网站和网校暂行管理方法?指出，建立信息承载平台或者网上教育平台，收集、加工、整合、存储信息资源，可通过平台获取信息，享受机构或个人为用户提供的效劳pl。针对特定人群，围绕个性化的学习主题、教科研主题、提取信息资源类主题，搜索和组织、制订指定信息。2．2教育类网站的主题与特点每个承载信息的界面都有其传达的主体和主题，表达教育活动的本质属性。根据互动学习、主题资讯、教育科研可将教育类网站分为不同属性，因其不同的建设者而区分为简易型和专业型。基于特定目标用户需求，以现代学习理论和行为方式为指导，更好的传递教育信息【6】。如：新东方WWW．xdf．cn，为学习者、教师、家长提供英语教学研究经验和互动学习空间。在学生的心目中已经几乎和外语学习第一品牌划上等号，其强大的品牌优势使得别的品牌很难和他们竞争，准确地对教育类主题做出定位后，应紧紧围绕网站主题做出栏目筹划。而教育部www．moe．edu．cn，面向教育工作者提供与教育有关主题知识资源，方便用户了解教育的前沿。在以知识经济为根底的学习型社会，终身教育和继续教育正成为维持人们生存与开展的必要选择，网络教育那么为人们的终身学习翻开了方便之门。第一，打破了学习时空的局限，使信息的传递不再受时间的限制，教师和学生可以在相对宽松的时间范围，根据自己的需要来安排教与学的活动，学生可以不再统一安排时间学习，这些变革将有助于延长人们受教育的绝对时间；第二，现代化的、无需位移的、远距离的传播将取代传统的学校、教师、学生，信息资源迅速传播与交换，突出网络教育迅速、无边界的特点；第三，全面变革人与界面的情感，教学实践的各个环节可以在现代化的网络多媒体教学平台得以实现。界面中图像、声音、文字为一体的清晰可视化教学，通过媒体与用户之间三位一体的教学模式，形成良好的互动，改变了传统“教师、粉笔、教科书〞的师生关系，丰富了教学过程，使学习变得轻松愉快；第四，提供实时性与交互性的界面媒体，学习者和媒体界面之间的操作性，突破了传统纸质媒体单向传万方数据西南交通大学硕士研究生学位论文 西南交通大学硕士研究生学位论文 第8页递的方式，运用交互方式与界面实时传递的特点，实现高层次教学。根据用户需求分析、界面结构设计和界面视觉设计结合远程学习者的特点，显示界面隐喻的原那么，促进教学交互水平的提高[7·81。2．3教育类网站界面的根本内容2．3．1根本元素教育类网站的构成要素与表现方式，要考虑用户行为的可能性，分析用户对每个步骤的期望值。如图2-1所示，根据用户由高到低的心理需要，将设计工作分解成战略层、范围层、结构层、框架层、表现层[91。图2—1用尸根本要素图战略层：机设想从网站宣传知识，用户想从网站得到知识，这是教育类网站的战略目标。如新东方英语培训学校，本着为提升学生终身竞争力，塑造学生公民素质，赋予学生全球眼光而努力的使命，是中国规模大的综合性教育集团，中国大陆第一家在美国上市的教育机构。范围层：界面各种图形和元素，都对用户的第一印象、使用体验、用户信任的起的决定作用。通过界面导航、图标、表单、图片、文字，传递界面主题理念，坚持以万方数据西南交通大学硕士研究生学位论文 西南交通大学硕士研究生学位论文 第9页用户为中心，通过界面展现学校的相关信息、师资队伍、师生互动、课堂安排与在线听课能一些功能，提供用户学习知识与了解信息的时机。结构层：分析和组织功能模块。以用户的兴趣或功能点为核心，将教育资源、机构介绍、机构新闻、用户中心、用户互动、条件搜索等，作为用户的目标功能点，突破传统媒体只能隶属于一个分类方式，对信息采取多种组合方式。框架层：将功能主次优化设计布局，辅助用户清晰找到所需课程和搜索到私人教师，表达教育的个性化效劳。表现层：根据网站主题，通过市场细分，明确自己的受众人群。例如体育类教育网站，专注于提倡健康运动和私人订制课程与教师，将用户做为平台的根本，突出网站的优越性。结合教育类网站的构成与表现方式，如表2—1比照所示，选择适合简约化主题的单页界面结构与表现方式。AS<=2 简单页嚣 中央美院、四川大学等熟悉教育机构性质，在线咨询课机构类网站 程2．．<A警S}<亍6组合式两萎嚣蒸|萎裂等嚣墨鐾雾蓦鬈藿震嘉霸_i专业类剖〞拳网诲=j．．?薹糕醐瑟紧阴哼开栩分类6<AS<=10复杂页面 新世纪教育等技能培训只有那些大型门户网站和冗长的刭大型网站 表才能够有这样的页面，不推荐使用这样丰富的信息量，如果菲要采用，那么不但要使用分栏，而且要：_ 、实现霹幕。0 AS>lo：：j=：超复杂页两 。99稳畚等大型教育瑭 ?必续避行藏切或坼分，删除多余的■ 训类瘸站i =：!==：：。卿罗誊謇j；才能辫行设计-j j 誊j善j_ 妻。≯’¨_ i|_0ji。毫。一≤ ：表2．1教育类界面平均值区间2．3．2用户研究用户群体分析。当我们在设计一个产品时，应从用户角度出发，了解他们需要什么、我们设计能为他们带来什么，长期坚持关注用户生活的世界，熟悉用户的偏好和行为，始终都是第一位的。根据用户对网站挖掘量，将用户分为愿意探索你的产品和万方数据西南交通大学硕士研究生学位论文 西南交通大学硕士研究生学位论文 第10页效劳的专家型用户、不愿意接触全新的东西的随意型用户、关注创新设计的先锋的主流用户随3。如图2—2所示：随着用户受教育程度的不同，不同的用户群体其从网上获取信息量也大相径庭，学历越高的用户其对从网站获取信息量很大，但其对界面信息的满意度确很低，反映了不同文化背景的使用者，其对界面的使用量与满意度呈反比。丈专 29．3％27．4％图2—2不同文化层次用户对网站满意程度用户特征分析。在分析国内外教育类网站用户的行为特征时发现，大多用户在浏览网页时，多数以自我为中心，无需逐字阅读，受目的驱动直奔主题。无论有多么清晰的逻辑性，多数用户都没有整体网站的概念【101。这就更需要从用户外表的自然特征、获取信息的渠道方式、用户最关注的话题这三个视角，把握用户的特点，分析掌握他们的心理需求，只有这样我们才能解决用户的需求，表达网站本身的价值。如表2-2所示，不同年龄阶段的用户获取知识的渠道与关注教育的话题是不同的，对访问界面的接受程度有明显差异，对19—30的年经人，他们关注教育范围和渠道更加广泛，且用户使用平台行为数、访问页面数、平均浏览时间是最平衡的。受年龄、兴趣、关注话题的指引，需要定位特定的用户，用群众用户能够理解的方式，为他们提供最需要的知识量。用户不需要仔细斟酌，以最快捷的方式掌握最想了解的知识。教育类网站用户特征分析用户的自然特征 年龄 性别l 文化 I网上交流喜好l 职业获取知识的渠道方式 |百度知道l 论坛l 在线咨询 l线下上课 QQ用户最关注的话题 l早教、晚教{健康教育I 心理教育 专业培训 升学培{』表2-2教育类网站用户的特征分析万方数据西南交通大学硕士研究生学位论文 西南交通大学硕士研究生学位论文 第11页用户需求分析。互联网为教育提供了更大的空间和可能性，受教育者使用互联网从网吧逐渐转入家庭，随时随地都可享受互联网为用户提供最优质的效劳。如何以更好的呈现形式，针对特定的用户群体，在特定的使用环境下，呈现用户最关注的话题。如表2-3所示：网络环境下不同用户群体，获取信息的渠道与关注的话题，是随着年龄的变化而不断变化的。19—30的用户，他们关注教育范围和渠道更加广泛，如：他们在接受应试教育的同时，会更多的关注自己的兴趣爱好、技能培训、身体、饮食健康等多方面的知识。而30-35岁的用户，除了关注技能、身心健康、兴趣爱好方面的知识外，更多关注早教知识。因此，网站的主题与定位之间，要先了解网站效劳对象的特征。用户的自然18岁以下 19—24岁 25—30岁 3卜35岁 36-40岁 40岁以上特征培训机构、 学校官网、 机构、官网、 数字电视、获取信息的 学校官网、 机构、数字学校官网、 机构、专业 社交平台、 官网、社交主要渠道 教育机构 电视论坛 网站、博客 数字电视 平台职业、兴趣、最关注的 应试教育、 早教、职业 老年教育、兴趣爱好 技能、健康 升学教育教育话题 特长 教育 身心教育教育对界面行为 浏览次数 浏览快、时 浏览多、时 以观看视频浏览次数少 时间短差异 多 间长 间长 为主表2—3不同年龄的使用者呈现明显的需求差异2．3．3主题实践针对于不同的用户群的特点和质量，采用更加高效模式创办不同的主题界面。在用户以青少年为主的网站或论坛上，为了更好的吸引用户，投放广告显然不如增加针对青少年感兴趣的内容。增加交互的趣味性表现或增加娱乐性的功能，提高用户的界面的阅读兴趣和吸引力，将高转化率、高回报率的形式用于主题实践。而在吾师订制为主题的教育机构网站上，为更好的突出简约功能，选择单一页面的界面布局，图形与文本、图形与视频结合的方式，直观清晰的传达给用户最需要的信息。为突出提供健康绿色运动的主题，选取具有生命力的绿色作为界面的主色调。为提供随时、随地为用户提供资源的特征，通过平台之间相互转换的方式，将功能转移到最适宜的平台。zkq20230924万方数据西南交通大学硕士研究生学位论文 西南交通大学硕士研究生学位论文 第12页第3章简约化理论的概述3．1简约化设计概念简约并不意味着单调呆板、空白的泛用，也不是内容的简单删减，而是综合的衡量、分析和取舍、高度概括与提炼产品各方面因素。简约化设计基于简约主义之上，提倡摈弃华美、繁复与浮夸风格，主张剔除琐碎或多余的装饰，以简单、朴素、实用为原那么，切合实际需要和反映个性。俗话说简约并不简单，简单那么是相对复杂而言，两者有着本质的区别。 从结构、材料、造型语意表达做到简练，最直白的外表加工处理。将简约化理念融于企业界面微妙的细节中，表达化繁为简、返璞归真的设计态度和设计方式【ll-121。3．2简约化设计的起源与开展形成时期。简约主义是在减少主义的根底上开展而来的，按照“减少、减少、再减少"的理念广泛应用在设计领域。如表3-1所示，20世纪60年代兴起于瑞典并在纽约开展，注重理性、直线、几何、比照等形式表达在绘画领域，后影响到了时尚、文学、音乐、电器产品设计、家具设计、建筑设计与装饰等与人们生活息息相关的领域【111。后现代主义与解构主义对这种设计理念进行严重评击，宁静而平和的秩序渐渐被人们追寻。简约的设计风格从形式上到精神上，都迎合了时代赋予人们新的美学价值观。大工业时代。受工业革命影响，大量丰富的工业革命产品进入人们的生活，改变了人们传统的生活方式，设计师开始思考设计的本质，寻找用最适合的材料、形式及空间探索设计的精髓及本质。这三大主要势力影响了设计开展方向。第一，阿道夫·卢斯提出“装饰即罪恶〞，大声疾呼结束装饰。第二，柯布西埃强调自由，从空间和形式追求它们自己功能主义，运用“遮挡措施"合理挨近装饰元素。第三，密斯·凡·德罗现代主义者具革命性的提出“少即多’’[11】。网络时代。信息时代赋予人们冗余的信息资源，人类都试图从拥挤的、阻塞的信息中解脱出来。伟大的意大利画家弗拉·安吉利科曾说过：“真正的财富包括怎样用很少的东西来获得快乐〞[131。基于东方意境美学的道德和美学法那么，探索事物的本质、zkq20230924万方数据西南交通大学硕士研究生学位论文 西南交通大学硕士研究生学位论文 第13页引人深思，到达精神上的平和与卓越。 崇尚简约主义的视觉设计师和交互设计师，珍视简朴的美学价值体验，他们把一切多余的东西从界面上消除【12】。简单的造型形式，意味着结构与布局的复杂性，需要更多设计师花更多时间去完善【13】。简约他设计开展阶段20擞鳝60年俄兴起子瑙典并在经约发震豹一顼形成时期 艺术遣动．莆籀斑现在绘霉娥域，滚重理歉，直缝、凡俦，比照等辫霞l，阿遴寒·卢新在他豹4装怖等罪憋静一书申灾声大滋照ll霪耀 疾呼结柬装饰．2，柯布藤竣农拖的建辍纛原那么鳖，强璃了鑫由，让空问氍形箴摆脱鄹些艨碍入能真愿欣赏它们豹予撵。能对装饰嚣素巍作了一璺让步，魄翔甜遮糖措旄〞3，密斯·A，德罗现谯主义者的其革像摊，提出“少撬楚多〞。将衮方文化在撵索事物豹本质，写f人瀑慝最鼓励艘为滤移时懋。零方意境夔学作为一种遭薅和夔攀的法刚倍患隧代 ，到达精神土的平期与摩越表3—1简约化设计开展阶段3．3简约化设计的根底理论3．3．1认知心理学认知心理学是起源于二十世纪五十年代，形成于二十世纪七十年代成为西方心理学的一个主要研究方向，通过感觉、注意、知觉、表象、记忆和语言的认知过程心理学【4|。通过视觉、听觉等来接受和理解外界信息的方式，以及人脑进行记忆、推理、解决问题等各种心理活动、认知过程。行为主义认为学习是学生对外部刺激作出被动的反响，是灌输知识的对象。认知心理学认为，学习是学生主动地在头脑内部构造认知结构。学习的结果不只是对某种特定刺激作出某种特定反响，而是在头脑内部重建认知图式。图式的形成和变化是认知开展的实质，这正与当前界面开展的趋势【141。认知心理学理论对本研究的启示：强调视觉中心。心理学研究发现，界面中空间、信息、框架都影响用户对界面视觉聚焦。适当空间留白，视线会立即移动到留有视觉空间的界面上，缓解用户的视觉疲劳给用户留下足够的思考空间，提供丰富的视觉浏览层次。富有人性情感。网站界zkq20230924万方数据西南交通大学硕士研究生学位论文 西南交通大学硕士研究生学位论文 第14页面的情感化表达在以用户为中心，根据用户的习惯进行设计，形成人与界面相联系的感知形式。设计师根据界面主题，结合不同群体用户的特点，营造追求个性生活需要，产生对浏览者产生不同的心理刺激。3．3．2符号学研究与我们生活息息相关的，自然和人造元素的符号学，涉及人类多种生活领域，不仅可以看作是人与人、人与物情感交流的一种方法，也是一种广泛可应用的交流规那么。基于人的视知觉根本特性，将符号运用于传播企业文化的标识设计、传递涵义的象似符号、延续传统文化开展的非物遗产中㈣。符号伴随了社会文化延续与开展的整个过程，如果以文化产业为延续文化的手段来看，那么文化符号意义的转变关联到文化符号的挪用。文化符号因为商业化的大量挪用、复制而保存下来，而企业界或文化学者将符号有意识的进行质变与文化改造。符号的意诣性含义，提供交流信息的准确性。区分符号在设计中的直接表达和间接隐喻。海德格尔从语言学角度论述了语言对于社会开展的决定意义，指出了现代技术带来的人与机器交流过程中的异化现象，这种异化正是当代技术社会走向无序的根源[〞J。人与人之间的交流、人与工具之间的交流是伴随着祖先开始用劳动改造自身生存环境的时期产生的。随着技术的进步，这种交流出现新的方式，实现人与人、人与机器间跨时空的交流，从而导致“界面〞的诞生。在信息时代，图形化界面、图形符号语言已成为延续与沟通界面与受众的桥梁。视觉符号的准确性、可识别性，直接影响人与客观世界交流的效率与力度。运用“符号〞这一非物质化客体开展规律，探寻人机交互更好的传播方式。3．3．3群体文化学群体文化学鉴于传统媒介文化影响，我们在与媒体逐渐接近关系的同时，又被现代信息文化的复杂性将我们与界面之间保持距离，现代媒体快速、主动的开展态度，使思想还停留在传统媒体的用户来说还来不及消化或根本无法吸收快速传播的新媒体【16】。新媒体与这些用户之间产生断痕，这就要求我们端正态度和立场，针对媒介内容和复杂的用户现象层层递进、冷静分析，在考虑主体用户群时，当这些特殊人群加以考虑【16】。zkq20230924万方数据西南交通大学硕士研究生学位论文 西南交通大学硕士研究生学位论文 第15页面对不同的用户受众，呈现不同的界面传达。通俗文化用于满足追求感官享乐的低层次读者，而精英文化那么用于满足追求自我进步，不断成长的精英群体。通过考虑用户群体的特殊性与界面传达双重性，将显性界面的形状、功能、使用目的、操作方式用于满足社会群体较低层次的人，而将情感认知、符号寓义用于满足更高层次的人的需求。在界面设计中，通过对界面元素的符号语言研究，结合特定目标人群的生活和文化特征，通过对技术、造型和使用行为的了解，有助于设计师对界面功能、色彩、元素等方式的表达，更好将信息都传递给用户【17】。3．4简约化设计的内涵1．情感层面的关心。以人为本的简约化并不意味着单调或缺乏，也不意味着排斥装饰或完全赤裸裸，其更关注界面与人的情感和感觉。根据用户的使用方法，具有自身的特征和个性愉悦的体验。实现包豪斯“设计的目的是人，而不是产品〞，强调人是设计的出发点和根本目的理念㈣。关注人与物。人与机器的交流是通过信息传递的，信息交流由理性和感性的角度共同发挥，而网站的界面是用语言以外的种种方式尝试人机之间的新交流。出身于德国乌尔姆高等设计学院的设计大师米罗设计的小天鹅集团设计的滚筒洗衣机，其操作面板就是最好的产品使用说明书，产品适用于人，而非人来适用于产品。繁缛华美的设计不仅无益于产品的价值提升，反而会产生画蛇添足的效果。让用户操作简单的产品，并不是通过简单的技术或管理，就可以有简单的用户体验1719】。减少主义代表斯塔克倡导对人性的关心及对环境的尊重，将这种生态的设计观念融合于作品，改变作品原有的冷漠形象，从而缓解改变我们每天忙碌的生活带来的压力，让人体会到人性关怀。关注人与人。在人与界面的关系中，物质要素的界面已经确定，获得了相对稳定的界面意义，不会被随意的改变。探寻人行为与界面关系是实现界面可持续开展研究的最高层次的研究。一般情况下，不同的操作界面会引发不一样的行为，为人的行为提供引导或支持。对同一界面进行不同时间的观察，会发现只要界面因素稳定，或者说界面元素比拟明确，那么人的行为就不会有太大不同。Lt-,女n说，用户浏览网页总是以上下浏览的方式，当网站进行改版后，以前的界面布局和元素进行了调整，从器官zkq20230924万方数据西南交通大学硕士研究生学位论文 西南交通大学硕士研究生学位论文 第16页接受大量的新的视觉元素，视觉及其它感觉受框架、色彩、布局、尺寸、动势等的影响，使人的行为也会出现暂时的不稳定。2．物理层面的关心交互操作“微型化〞。微型以建立清晰结构，让用户可以快速定位了解产品的特点，顺利做出选择。“主题突出，视觉清晰，实用性强〞的微型化交互操作，有助于对教育信息的有效传达。如图3-1所示，微型教育将知识组合，通过获取、存储、生产和流通过程，提供愉悦的学习体验【201。微型化界面将界面知识分段处理，方便在有限的时间和空间中提供移动学习。微型界面分：1)微型时间：随时随地获取知识。2)微型目标：目标受众的精确化。3)微型内容：传递内容的价值性。4)微型活动：通过交互技术实现点对点互动学习，在互动中实现预期学习目标。微型化抓住用户的兴趣与动机，使其在注意力处于分散状态下能够正常进行微型学>--jr201。图3—1 AGLA运动机构微型界面在有限的界面大小、知识和用户行为使得网站界面教育“微型化〞成为必然，促进网络教育的开展。现代教育知识的“巨型化〞“多元化〞的范畴，表达微型界面教育“微型化〞“实用化"的优势。界面信息“隐性化〞。信息过载使得大量信息充满用户视线，为了提高用户获取量，信息功能的层次是界面设计的首选。界面中的“隐藏〞虽然已经有大量的实践，但在理论研究方面，那么明显缺乏。完整意义上的隐性化界面反映出现代简约化界面的特性：如何扬长避短，发挥优势，被广阔用户所接受，是设计师和交互师急需努力解决的问题。隐藏不是为了增加用户交互操作，而是更好地让用户聚焦在核心上，以最少的界面信息噪音，实现最大的信息传达效率【18]。如图3—2所示：界面的核心内容将停留在每一个色彩不同的色块上，而与功能相关的内容，将隐藏在此功能之下，蕴含zkq20230924万方数据西南交通大学硕士研究生学位论文 西南交通大学硕士研究生学位论文 第17页更丰富的变化。“8一一。。 ?。差曲|Campus R}弱翔c二毒壤表学#哆冀嚣一，。一溅霉笺‘i爨g羹；嚣黼〞善嚣&?§ jp“錾j ④‰。。 ‰幕爹 9。：!嚣：j．7誊：；篙≥。ze}．7-m-Ⅲ，图3-2名城大学未来网页“零界面〞。信息时代，人们没有更多的时间去细嚼世界的信息，更多的是依赖五官的体验，通过人机界面表达使用者与设计者之间的适时“在场"情感交流，交流双向互动，表达人与界面在场交流形式和语境。如3—3所示，在场馆介绍中，通过与材料的结合，或空间形态的虚实、大小、位置的变化，从“二维文字信息〞到“三维虚拟空间〞，采用虚拟仿真技术，实现“身临其境，畅游无限"的跨时空体验。用户通过界面符号与形式，领悟设计者的指导意图。设计者通过使用者语言、表现、动作等多种因素考虑指引设计。以“意符〞的再现实现未来网页“零界面〞，确保信息交流到达顺畅的反响效应，实现设计双向互动。图3-3成都文化文物万方数据西南交通大学硕士研究生学位论文 西南交通大学硕士研究生学位论文 第18页3．5简约化与教育类网站的关系3．5．1提升界面的教育形象网站的主体风格表达了企业形象的本质，设计师要深入理解企业的文化内涵，订制特色的主题和风格，为更好满足用户的意图和需求，将私人订制课程成为主题。要想树立企业形象空间，将功能整合，融入从整体到局部的视觉流程中，通过对教育机构整体了解到具体功能特色的信息传达，再到机构特色展示，层层递进，逐步关注，使用户思路更为清晰。独特的信息获取方式和视觉语言，适应了用户了解事物的过程。而群众功能与传统的界面布局，弱了了用户对界面主题的把握。打造独有的、结构清晰的主题形象，向用户传递“乐在沟通’’这个主旨。3．5．2协调版式的浏览空间心理学家指出，用户对信息的记忆容量与时间都是有限的，当人们同时与7个以上物象打交道时，记忆容易模糊。需要限定传递信息的数量，保证一定数量的信息，和谐组织版面取得对立统一、丰富又不失衡的视觉效果，辅助用户在有限的时间内记忆，这样更有助于信息的有效传达【18】。如图3-4所示，在丰富的界面设计中，强烈的色彩比照与画面的留白，清晰的告诉我们应该看哪里和点击哪里。强调的色彩比照和合理的留白是突出主体、协调版式的必备因素。鬣 S1℃8￡ 图3—4Lapka、Square网站3．5。3定位网站视觉焦点视觉的焦点总是愿意停留在独特属性的物体上，或材质、或面积、色彩、位置与众不同，而较少停留在同质化界面元素中。一般情况下，在稳定感占优势的地方，中万方数据西南交通大学硕士研究生学位论文 西南交通大学硕士研究生学位论文 第19页心可能由一个特别的标志来区分，赋予这个定向的参照点以有形的呈现使得设计者和用户双方的任务简约化，根据视觉逻辑的需要，要求合理安排界面主体物的位置。在视觉需要更高的层面上，中心的物体被提升了一个视觉等级首脑【·3】，如图3—5所示，学院网站，引导到界面图形的按钮上，形成人与建筑主体的良好互动。图3．5建筑学院网站3．5．4引导良好的学习体验界面设计简约化形成平台与用户之间良好的互动。最少的文字呈现信息，表达单一的诉求，可减少元素对用户体验的干扰，提高了用户快速找到有用信息的几率。在网络时代，以人为本的原那么才能适应“可持续开展战略〞的需要，人、社会、自然和谐开展也成为教育类网站界面设计的价值取向【19]。简约的界面，让用户在瞬间发现有价值的功能，节省用户浏览的时间，让用户感到自己在掌握技术和生活，提高用户的学习效率。万方数据西南交通大学硕士研究生学位论文 西南交通大学硕士研究生学位论文 第20页3．6本章小结经文化提炼和优良功能不断筛选，形成一种高浓缩、高度概括的教育主题网站。未来，实用耐用的界面将取代华而不实的界面，关爱人类生活及尊重环境的实用界面将以智慧型的产品取代。万方数据西南交通大学硕士研究生学位论文 西南交通大学硕士研究生学位论文 第21页第4章教育类网站界面简约化设计的原那么和方法4．1网站界面简约化设计的原那么4．1．1差异性原那么差异性指根据特定人群的需求设定个性化的界面。教育类网站针对用户熟练程度、年龄、地区、不同专业背景等因素，把握主流软硬件环境下界面的美观性，设计不同表现形式，让设计干扰用户的思绪‘18】。简单的设计为用户提供足够丰富和想象的空间，从生活体验到界面体验，两者之间相互融合，从而创造实用性、人性化的体验。4．1．2易用性原那么易用意味着用户在掌控生活。去消除用户与技术之间的障碍，使用逐层展开菜单等方法，用非常直观的方式传达界面，让用户自信作出正确的选择，不要超出用户的能力范围。合理整合界面的链接、按钮和选项，为用户提供快速获取信息的途径，节约浏览时间，表达用户在掌握技术的同时，更好的掌握新的生活方式。易用意味着效率，让用户感觉自己在掌握生活，根据用户的感情需求、合理需求，了解用户的真实想法。简约的体验解除了用户的后顾之忧，用户掌握的方式将是最好的生活方式。4．1．3交互性原那么交互性引导用户参与，并即时作出反响。通过界面视觉元素，提高用户操作的敏感性，并可以迅速作出回应，如果界面在几秒内没有作出响应，将会使一个用户失去其继续阅读的耐性‘19】。良好的交互实现人机交互无障碍。如图4-1所示，鼠标停留在功能按钮时，功能将做出相应的反映，提醒用户可以操作。当用户操作后，页面又作出相应的反响。综合发挥互动的优势，可为用户留足空间，让人机交互操作也是自己生活的映射。实现其他媒体不能具备的参与和效劳的功能，吸引大家参与从而到达效果。万方数据西南交通大学硕士研究生学位论文 西南交通大学硕士研究生学位论文 第22页勰辫鬻鋈鬻麟鼗鬻鬻鬻鬻缀熬蕊缀戮黧l鞴l鬟鬻戮霪鬻嚣爨i蘸翳嚣鬓豢漱蒺囊錾繁溅夔缓鼷夔鳞滋蕤簇豢纛戮曩爨彝瑷l麟瀚黧黧㈧缀鬻鬻瀵熬

熬鬓蠢囊鬟囊赫蒸鬻鬟篱薹熬鬃鬻鬻蠹嚣ii瀵i攀鬻；。。≤g}鬻添麓黧缓鳞缀瀚溱㈡麓鬻鬻鬻篓篓辫蒸纂||||鍪鬻囊缓羹蓠|||i囊灏霾囊鬻。糍霪墓瀵i纂|||||嚣。。j纂!羹ji鬻零鬻蠢蠢羹鬟||||秦羹l羹萋鬻l≤鬻镕薹繁i蕤羹羹霾囊霪鐾羹鍪攀翳羹l鬻蝴l躐鬻㈧鬻蠹ll鬓鬻黎l鬓囊藜|||l熬基。攀。鬻j‰i囊鏊霪攀霉鬻iii浚麓鬻溱麟爨㈡㈧豢黼鍪黼黧隧黧篓e算i||||雾瓣；瓣。i鬻荔?鬟l缀糕蓊|薹豢麟鬻溱鏊㈥黼瓣鬻熬缀缓||薹囊l蕤囊戮l麟骥戮黼鏊羹鬃i鬻鹫潦鬟麓灏缫≤纛麓囊蠹薹￡鬻攀黪攀￡l!-||||||；{{攀鬻鬻j黧鬻鬃㈧?缀鬓鬻㈧瓣麓※缫缀鬻熬Il薹鬟g鬻攀纛g鼍爹爹麓黼黧鬻鬻溺麟戮l|辫蕤黼瓣瀚瀚瀚鬻薹纛黉蠹l||霪；鬟蠢鬓l鍪蘩霪囊委iil缀罄≥冀i鬻藿女ii羹iji雾i攀目*ii蔫鬻豢|||||i||纛麓缀鬟囊鬻||||冀鬓纂篓羹l囊篓鬻囊|||l|耄蠢薹|鬻i霪|||||缀l鏊§l鬻霾鬻鼷l黧鬻冀鬟鬟鬻黧骖i辫÷j囊鬟l蘩爹冀曩。i溱渗鬻蒸鬻鬃㈧4．1．4一致性原那么一致性为用户提供稳定的视知感觉，使人与界面熟悉而亲切。一致的结构，形成系统和逻辑的浏览过程，准确引导用户操作，养成良好的使用习惯。一致的操作行为，使用户把整个互联网当一个整体使用，无需学习每个网站特殊的使用方式，与整体网站形成统一的使用方式，提高人与界面的友好度。同样功能的按钮或链接的命名或呈现形式尽量统一，页面与页面之间的衔接是用弹出新窗口的方式还是运用滚动页面的形式?结合自然的映射和语义学，将用户现有的知识和经验联系起来，保持生活中的操作与计算机操作的一致性【l81。如图4-2所示，网站界面是整个日本学校形象宣传的一个组成元素，它的界面编排、色彩，都塑造出统一的、风格化的模式，针对不同的学科用以不同的色彩区分，表达综合类院校不同学科的个性形象。各学科之间的连贯性，充分发挥界面与学科特色一致性原那么。万方数据西南交通大学硕士研究生学位论文 西南交通大学硕士研究生学位论文 第23页图4-2日本大学网站4．2网站界面简约化设计方法4．2．1删除不必要不同的留白可以区分不同的版块以及同一版块的不同层次。留白能够增加或者降低元素的易见性，区分清晰的层次。元素周围留白越多，显得越醒目突出。空白运用得当时，网页布局均衡，人通常不会注意到留白的存在，而空白运用不当时，页面布局就会给人感觉不均衡，就需要调整了。功能优先级，根据用户的认知过程和最高级用户需求设定优先次序，将不常用或者无动的功能排除视觉范围之外，产品的价值不是由功能的数量来决定的，而是通过功能的展现方式满足高级用户。精简的界面视觉元素与构架，可以引导用户瞬间停留在核心功能之上，帮助用户快速而高效的熟悉信息、完成任务。关注核心，将用户最需要、最有价值的信息与背景区分开突出展现。方便快捷准万方数据西南交通大学硕士研究生学位论文 西南交通大学硕士研究生学位论文 第24页确的掌握到知识是教育网站传递信息的关键所在。将传递需求知识作为核心，消除他们对功能的挫折感。减轻负担，人在接收、存储、消化和记忆方面的能力是有限的。界面中各种元素都会增加用户的负担，就像下雨天在泥泞的路上前行一样，降低用户的效率。从减少网站访客的负担着手，删除不起作用文字，将色彩系统化，布局规整化，分清页面内容主次。去掉重复的链接，减少可点击项的数量；精简按钮和链接的样式，可点击与不可点击识别性高；减少广告位和广告数量，防止用户分心；去掉弱项功能、弱比照色彩和弱功能图形元素，减轻用户的负担，让用户将目标指向对目标起关键作用的元素之上[201。做出决策，设定固定的功能，并将功能模块化，可增加用户学习的可能性。面对大量的选项和按钮时，人们会感觉不知所措，反而变成了负担，失去了让用户感觉把控界面的能力，需要理清界面功能列表。如图4—3所示，优衣库牛仔裤网站明确地表达了“简约不止删繁从简，而在纷繁建秩序〞的宗旨。当前网站界面只显示“您希望的面料特征〞八个字。地平线本来不代表任何东西，但是参加原研哉的“空"的理念之后，这幅画面就变成了容器。极致的简约却又包含一切，我们看到天地人的关系，在这样的画面中无声的诉说着。他的界面表现就是用删除不必要的方式设计，突出了界面的主体功能，反映了这牛仔裤店不同面料的材质选择。同样的方式还有TISSOT手表的官网，它也是运用删除不必要元素的方法，将其不同样式的手表在界面呈现，每个页面代表一种不同功能的系列，以展示产品为中心，这不失为一种一劳永逸的设计方法。雹UJEANS，一‘“’∥·2．F焱8鞍lCS星豹霜料特性图4-3优衣库牛仔系网站万方数据西南交通大学硕士研究生学位论文 西南交通大学硕士研究生学位论文 第25页删除不必要元素需要注意将其区分为空间和信息两种。信息的删除，考虑元素与元素之间的连续性，在不影响传递信息宗旨的前提下，起到其具有说明、诣意的作用。而空间的删除那么不具备这种连续性，要注意其整个教育的功能性，以及整个网站的完整性和延展性。4．2．2组织要提供的根据用户“我们可以通过平台学到了什么〞心理诉求组织界面，了解用户操作的目的及操作的行为次序。根据用户的行为习惯，确定功能的主次，通过界面元素大小、位置区分，想方法表现出不同的重要性。当相似的元素一起呈现，不必解释它们之间的关系，便让用户一目了然。将用户心中的习惯的操作步骤与界面操作流程相稳合。根据“教师〞和“学生〞在网站上行事方式不同，按照舒适度、技术、载用户量信息标准的特点，简单的组织模式，用户才能明确知道哪里去找自己想要的东西。时间组织，可为用户提供浏览界面的时空感，对于时间与位置相差不大的功能，时间组织功能是最适宜的。如学校地图导览，可按照浏览学校先后顺序来组织，用用户熟悉的方式提供最方便的浏程。比方：可按照走进学校时间和空间的先后顺序来规划学校的网站，门岗、前台、会议室、场馆，这样更方便用户熟悉界面。隐型网格，提升视觉的平衡性。网格布局让人感觉局促和受压制，但在网格控制下的界面元素，会告诉你“接下来看哪里〞。未标准下的局部元素，都会影响网格布局的整体效果L201。在有限的界面空间内填入大量信息，图、文、形、像全部被塞到一个屏幕上，为防止这些信息混乱不清需要使用感知分层技术，如图4—4所示，从掌握了界面根本情况到导入设计师自身的观点，最到设定网站的主题。需要按照有意义的标准将识别过程划分先后次序，在重新组织界面时，从信息不可视一信息可视化一列出信息过程出发把握一个度，将功能组织到人的大脑瞬间能够记住的“7加减1〞范围之内，4项给用户留下最瞬间的存储空间，分块越少，选择越少，用户负担越轻，这让主流用户用起来更简单【81。万方数据西南交通大学硕士研究生学位论文 西南交通大学硕士研究生学位论文 第26页oo o 丛o ／＼ o oI l。忽。?，一?；＼，，一一一7 i o ；F炎‘}／、≮i。〞～?j’，? !厂、＼√ ； l ；Z—譬△ i -v、‘

≤著

猡}△ ；口 !琢鹰整乏发蹇Af李辫j，．。-r’〞!厂、＼／j j■．“一，“、，，“、：、7，、，—、： 反转鬻≥，誓瞵掣； X≯△ i譬?‘≮ I‘kl△ 签．￡×纛i口O△黑∞撬台oo0|■f、)△△△i’ 了△△口口口口口口 日口口{口口图4—4将信息重新组织4．2．3隐藏非核心的合理的隐藏，不仅意味着在用户和功能之间形成一种隐形的含义，也是一种低成本的方案。根据不同用户需要，将功能分为常用与不常用两种，隐藏非核心就是将不常使用的功能进行隐藏，从而突出常用功能的显著位置，防止分散用户注意力‘211。阶段展示，在适宜的时机、位置上适时的显示隐藏的功能。我们经常看到“更多〞“高级〞的字眼，这就是隐藏功能的充分展现，但并不是最正确状态。Adobe以一个小三角形图标，采用应邀探索设计模式，巧妙的隐藏高级特性的工具，单击呈现根本功能，单击并按住鼠标不放呈现二级功能[221。当一个新站点呈现在用户面前时，他的视域范围很广，从扫描整个屏幕，到专注于固定区域，并深入阅读，层层递进。如图4-5所示，根据用户的体验，将界面整个功能分为四层，通过Fisheyemenus方法，在旁边放置一个鱼眼菜单，点击图标或数字那么显示下拉列表，明确根本功能的前提下，节省了大量的空间和时间。在设计领域空间有两种类型，分别是正空间和负空间。正空间包含网站里的所有元素，比方网页内容、导航和图片等等；负空间包含所有的空白区域，比方文字内容旁边环绕的空白局部，这局部将各种元素分开，帮助建立了网页的格局，指导用户在正空间里浏览。万方数据戚。皇r廊一鹭：4

戚。皇r廊一鹭：4

麓。≯A繁jA每惫≤i囊夸i鎏

◆

锈

套!；叁

豢衾 萄交通大学硕士研究车掌垡论文 簋27夏站 负 ，口 确之 一 个念 凑利 紧和保问确网的保它中个们每概在一。个空这合问就适都意的很味距紧着离用不这好盈里标不的题亏凑段除指落此，拥宽的要挤度空，问图4-5MacquarieUniversity学校4．2．4转移最适合的把适宜的功能转移到适宜的设备上去，只在设备上保存最根本功能的按钮，将复杂性从界面转移到按钮【8】。随着移动设备的更新与转移，出现功能适用性问题，有些功能适合在移动端呈现，而有些功能责在些平台变得复杂。利用两个平台的优势，通过手机收集信息，和在大屏幕上显示这些信息，实现用户体验简单化【2引。如图4—6所示，RunKeeper一款随时定位运动轨迹、时速、配速、热量消耗的运动App，被誉为口袋中的“私人教练〞，开发出多种语言，盛行于国内外用户。因为开启了“邂逅〞功能，还能在地图上看到离自己不远的runkeeper用户。而这种随身定位功能只能在手机界面上呈现，而简约的界面只呈现提供收纳用户信息和下载此应该的功能，将最重要的功能引向手机端，选择最适合它的操作平台。巧妙用图也算是一种设计，且与文字产生比照，需要图像作为润色可用性至上。设计师把简约的界面留给用户，把复杂性转移到计算机上，发挥用户和计算机各自的优势，搞清楚用户和计算机的工作任务。明确平台上重复的功能，将特色功能在网站和手机之间转移。万方数据西南交通大学硕士研究生学位论文 西南交通大学硕士研究生学位论文 第28页实用的界面设计、适用于任何层次的目标人群。一个简单的工具实现多种用途，虽然多合一的功能不一定能完美实现各种用途，但却有明显的优点：选择和学习一个功能优于多个功能，且一个功能更容易完善。4．3本章小结拉里．泰斯勒在Macintosh开发团队的时候，就在他的“顽固的复杂性法那么〞中指出：任何应用程序都有一些无法削除的复杂性[81。关键的问题在于：谁会面对这些复杂性。善于用最合理的方式处理复杂性，让用户每时每刻感受到简单之美。图4-6基于用户体验化万方数据西南交通大学硕士研究生学位论文 西南交通大学硕士研究生学位论文 第29页第5章案例分析5．1“吾师订制"网站主题与SWOT分析作为体育类健康教育网站，以“绿色运动，私人订制〞的理念实现功能和个人效劳需要，旨在自我主张安排生活的节奏，从而更好的提升人的生活品质与精神境界。绿色运动那么成为本网站的主题思想，让你用“专业〞搜索需要的教师。其主要作用表达为：倡导运动；私人订制课程与教师；因人而宜，满足个性化需求；记录每天的运动情况。而根据网站主题的SWOT分析如表5—1所示：第一、工程优势分析。对如何发现自己喜欢的教练进行了重新定义，让你可以通过描述自己的需求来找到适合你的教练，私人订制满足用户的需求。第二、工程劣势分析。是否是权威的健身教练?平台如何盈利?对于这两个问题需要在开发中，增加线下的验证工作，以确保高质量的教练身份。第三、工程时机分析。市场需求时机：以用户为中心已经成为当今设计的主流，提供教育课程及私人订制的功能后，关注了用户的心理需求，这位私人订制教师的存在提供了良好的市场根底。这也为教育机构在新兴教育领域提供了潜在的受众群体。第四、工程威胁分析。教育机构的经济对教师的教学效率有一定依赖，其中大部分受众都归结于满足自身所需，教师开设课程与学生需求情况成正比。因此，机构具有独特的理念与个性效劳是在市场独立存在的必要条件，需要时间的与用户的追随才能够逐渐被用户接受。教育网站的SWOT分析：内部环境分析优势分析(S) 劣势分析(W)1．理念独特 1．老师费用可能比同行教育机构的高2．个性效劳 2．个性清楚，针对于特定的受