马来西亚 App 与网站的 UI/UX 设计
CodaMinds 的 UI/UX 设计包括什么？
CodaMinds 的 UI/UX 设计，是在任何人动手制作之前，先决定你的 App 或网站长什么样、怎么读、怎么用：与真实用户一起调研和测试、各个画面和一套设计系统、新产品的品牌识别，以及一个在你手机上试用的可点击原型。之后由同一个团队把你确认的设计做出来。
Steven Lim 于 2021 年在吉隆坡创办工作室，自 2016 年起开发 App 与网站。我们设计自己运营的产品，所以我们画的每一个画面，上线当天就必须对真实用户管用。你发信息联系的人，就是设计并制作你画面的人，用英文、中文或马来文都可以。我们在巴生谷一带与客户面谈，也通过 WhatsApp 和共享的草稿链接，与马来西亚其他地区、新加坡及海外的企业合作。
为什么先设计，后制作
一个画面在还是设计稿时，改起来很便宜；一旦写成程序代码，改起来就很贵。所以决定产品成败的问题要先回答。顾客来是要做什么？他们需要看到什么才会信任你？他们在哪里放弃？原型会在制作开始之前，在手机上、在顾客手里回答这些问题。
你的顾客大多在手机上认识你，用的是手机流量，而且是在忙两件事之间抽空看。胜出的页面，在最前面几行就说清楚自己是什么，并把按钮放在拇指够得到的地方。这就是 UX。让它感觉像是你的生意的外观、字体和颜色，就是 UI。两者我们都做，而且和制作出自同一双手。
工作包括什么
与真实用户一起调研和测试
我们从会使用产品的人开始。我们和你的顾客或职员交谈，观察他们现在怎么完成这件事，并记下哪里出问题。接着我们把原型交给其中几位，再观察一次。我们改的是他们卡住的地方，而不是开会时听起来不错的想法。
界面设计与设计系统
你的顾客和团队会看到的每一个画面，都以手机优先来设计，每种语言都放好位置。画面背后是一套设计系统：颜色、字体、间距、按钮、表格和提示信息，写下一次，到处使用。它让产品在成长时保持一致，因为每一个新画面都由已经存在的零件组成。
新产品的品牌识别
一款新产品在需要网站之前，先需要一个用得上的名字、一个标志、颜色、字体和说话的语气。我们和产品一起设计品牌识别，让它在真正会出现的地方都管用：App 图标、应用商店页面、社交媒体贴文、收据。如果你已经有品牌，我们就保留它。改版不等于换品牌。
可点击原型，在你的手机上审阅
在任何东西制作之前，你会收到一个链接。你在手机上打开它，像顾客一样点过整个产品：注册、预约、付款、提问。对于比较大的构想，我们可以先展示一份概念稿，也就是放在共享页面上的一个方向，让你在任何事情定下来之前，就看到它往哪里走。你标出要改的地方，我们改到你确认为止。
动态效果与互动 3D 场景
会说明事情的动态效果：一个步骤滑入它该在的位置，一个按钮让你知道它收到了点击。对于需要被记住的品牌，可以在浏览器里放一个随滚动或光标移动的互动 3D 场景，就像 SENECA 网站背后的墨水，或 Ribbon 网站上的丝带。每个场景底下都有一个朴素版本，所以页面在中端手机上仍然读得清楚，对已经在设备上设置减少动态效果的人也一样。
无障碍设计，一开始就做进去
文字有足够的对比度，在日光下也读得清楚。只用键盘也能使用页面，而且焦点清楚可见。有屏幕阅读器能读出的标签和替代文字。点击区域大到拇指按得准。我们从第一个画面开始，就按照已公开的网页无障碍指南来设计，因为到最后才加，花费更多，效果也更差。
我们做过的项目
一个已上线的客户网站、一份概念稿，以及两款我们自家的产品。概念稿是我们为那两个品牌制作并预览的设计，没有上线，我们在品牌的许可下展示它。
我们怎么做
需求沟通。 你告诉我们产品是什么、谁会用它，以及它要让用户做什么。我们回复问题和一份书面范围。
固定报价。 范围内的调研、画面、原型和品牌识别，一个价格，开工前确认。范围以外的事项一律先报价。
在手机上看草稿。 你打开原型链接，像顾客一样点一遍，标出要改的地方。我们改到你确认为止。
制作与上线。 我们把你确认的设计做出来，做成网站、落地页、手机 App 或系统，并以你的名义上线。
上线后的维护。 新画面、新页面和修改，发个信息就行，每一项开工前都先报价。请参考网站维护。
常见问题
UI 设计和 UX 设计有什么不同？
UX 设计是产品怎么运作：顾客来是要做什么、他们走哪些步骤，以及可能在哪里卡住。UI 设计是他们在每一步看到的东西：版面、字体、颜色、按钮和动态效果。产品两者都需要。我们把两者一起做，并由同一个团队把结果做出来，所以你确认的设计，就是你得到的产品。
在制作之前，我能先看到设计吗？
能。你会收到一个可点击原型的链接，在手机上打开。你像顾客一样点一遍，注册、预约或购买，并标出要改的地方。我们改到你确认为止，之后才开始制作，所以程序代码是为一个你已经确认的设计而写。
你们可以改版现有的 App 或网站吗？
可以，先看过你现有的东西。改版通常是重新整理，而不是换品牌：我们保留你的文字、颜色和照片，重做画面，让它们在手机上读得清楚、每种语言都适用，并引导用户做一件事。SENECA 就是一个例子，现已在品牌自己的网站上线。开工前你会收到固定报价。
互动 3D 场景会拖慢网站吗？
有可能，所以我们设计时就避免这样。场景开始之前页面就已经读得到，场景在中端手机上运行，也不会挡住文字或按钮。已经在设备上设置减少动态效果的人，会看到朴素版本。如果某个场景没有带来任何好处，我们就不放。
设计可以用中文和马来文吗？
可以。我们设计每一个画面时，都把英文、中文和马来文的文字放进去，因为同一句话在每种语言里长短不同，版面必须容得下三种语言。上线前每种语言都会在真实手机上检查，而不是之后再用翻译插件加上去。
设计和文件归谁？
归你。设计文件、设计系统、品牌识别，以及制作出来的源文件，都会交给你，域名和主机也在你的名下。如果以后换团队，你可以全部带走。没有绑定。
开始
把产品是什么、谁会用它，以及它要让用户做什么发给我们。点按钮通过 WhatsApp 联系我们，获取设计的固定报价。
WhatsApp 联系我们