设计实战！健身应用Mannva的UX/UI设计流程是怎样的

　　经由过程APP去构建里背用户的处理计划，是今朝企业常睹的思绪。比拟于挪动端网站，APP有着功用愈加壮大的框架战针对性更强的特性。

　　一款APP的机能怎样，战它的UI战UX设想互相关注。人们关于挪动端使用的希冀每一年皆正在增加。人们期望经由过程温馨的交互战使人愉悦的导航体系正在APP中告竣本人的目的，他们期望UI要富有吸收力借具有本创性，期望APP的功用战他们的爱好充足揭开。正在之前，我们已经正在《一个专业易用的健身APP，要怎样计划它的功用战UI?》那篇文章傍边提到了健身类使用要怎样设想，明天的文章，则是正在判然不同的需供之下，完好设想出一个揭开实践健身流程的专业健身效劳使用。那个设想项目是由设想师 Tania Bashkatova 去卖力的。

　　使命

　　为健身房中利用的健身APP停止UI战UX设想

　　预处置历程

　　客户是去自北非的 Mannva Group 公司，他们期望设想出一款名为 Manuva 的新产物，合用于专业健身人事战健身房会员的挪动端使用。那款使用的次要目标是协助用户正在健身房找到合适本人的公教，而且正在没有参加特定健身房的条件下预定到试听的课程。用户将能够经由过程使用内的舆图大概列表发明近来的健身房、公教战课程，用户可以经由过程间隔战工夫排序去挑选近来可用的健身房、公教战课程。那款使用关于健身止业从业者而行，能够用去做为保护战运营客户的东西。关于用户而行，那款东西次要协助他们发明合适本人的健身效劳。当敲定课程、健身战公教以后，那款名为Manuva 的使用借供给使用内的付出效劳。

　　Mannva Group 期望他们的使用被设想得布满生机且年青化，而且为用户供给明晰清楚明了的新用户指导教程。别的，他们借分外请求设想师存眷导航的设想，确保用户可以绝不吃力天找到他们念要的疑息战内容。

　　UX设想

　　理解了一切的疑息战需供以后，设想师完成构想，而且开端画造线框图。经由过程线框图，设想师将APP的各屏的规划下度简化精辟天显现出去，它能够将全部APP的疑息架构快速而视觉化的勾画出去，确保后绝的开辟战客户关于项目标构造有明晰的理解。别的，假如客户念要停止修正，线框图的修正本钱也相对较低。

　　那便是 Manuva 的APP 的线框图。设想师设想出了根本的规划，包罗登录界里战主屏幕。

　　客户请求将一些本初的功用包罗到登录界里傍边，确保用户无需注册的情况下即可正在 Manuva 中发明疑息。那便是为何设想师会正在登录按钮下圆参加一个“Desicover Manuva”的按钮，为用户供给一个分外的挑选。别的，为了让用户的小我私家疑息愈加本性化，正在登录历程中，用户借能够有针对性天挑选他们的目的。

　　主界里包罗两个部门，一个是健身锻练列表，一个是舆图。那协助用户快速天找到他们需求的公教。别的，用户界里傍边借包罗一个标签栏，那种导航形式和蔼可掬借充足明晰。

　　总而行之，线框图将Manuva 的全部框架战疑息构造明晰天显现出去，而且将交互地区、元素皆计划了出去。

　　UI设想

　　当线框图所显现的构造战构想被采取以后，设想师开端动手设想响应的UI界里。正在设想历程中，最主要的使命之一是找到适宜的配色计划。配色关于产物视觉极端主要，它间接干系到了用户关于产物的第一印象。没有恰当的配色能够会间接影响到产物的可用性、可读性和用户的合意度。别的，设想师需求思索的品牌自己的特性，目的受寡的年齿、性别、文明布景和爱好，正在此根底上去构建配色。

　　设想师为客户供给了多种配色的挑选，也让客户能够从多个差别的角度去对待他们的APP。差别的配色计划笼盖里十分广，有乌色布景的也有红色布景的，有暖色调的也有温色彩的。接下去我们看看详细的设想：

　　终极客户挑选了红色布景下包罗两种比照色的UI观点设想，那两种颜色是蓝色战粉白色。而蓝色自己也是 Manuva 的LOGO中的品牌色，那样的拔取有益于进步品牌的认知度。以下是APP 终极的UI设想：

　　正在注册界里傍边，APP 会让用户拔取他们最喜好的活动标的目的，显现方法是响应的活动员的图象。因为 Manuva Group 去自非洲，以是基于用户的需供，拔取了年夜量非洲裔活动员的图象。

　　为了让用户界里看起去明晰而充足本创，设想师借零丁为此设想了一组自界说矢量图标。图标气势派头繁复美妙，战全部导航体系拆配起去很是没有错。

　　新用户流程自界说插绘

　　新用户指导流程是客户出格存眷的一部门。新用户指导流程中，用户经由过程体系供给的教程理解APP 的功用战根本的控件怎样真用。那个环节中，凡是包罗简短明晰的指导战形貌性的疑息，论述APP 的劣势，并只管吸收用户试用并留下去。

　　为了让那些教程界里更具文娱性，客户战设想师一同会商，而且终极增加了一系列自界说插绘。那项使命交给了Tubik 的仄里设想师 Marina Solomennikova 。插绘的气势派头是扁仄的，颜色战全部UI配色互相照应，结果以下：

　　结语

　　不管存正在几同类使用，立异战差别的需供战市场总会让重生的APP 有脱颖而出的时机。不外正在缔造性的设想，用户体验设想上，需求设想师投进更多的精神，力争让UI愈加使人愉悦。