top of page
LND.gif
Apple iPhone 11 Yellow.png

Lumos Nox 沙龙 

针对移动体验进行优化的重新设计

Lumos Nox 网站有几个痛点导致用户放弃。提议的重新设计,针对移动优先进行了优化,简化了信息架构,同时减少了不必要的点击。这将带来更流畅的用户体验和造型师预订量的增加。 

使用的工具

Figma Logo.png
Whimsical logo

我的为什么?

当我冒险进入设计领域的职业生涯时,我开始练习以设计师的眼光接近数字空间。我认识我的好朋友 Twylla 最近为她的沙龙建立了一个网站,我访问了该网站以查看它。 Twylla 和我对艺术和人类体验有着同样的热情,所以我决定根据我在访问她的网站时遇到的痛点来开发这个项目。 Twylla 没有要求该项目,但当我与她谈论我认为我们可以如何改善她的网站体验时,她愿意接受反馈

这个项目是我练习设计思维、用户体验方法以及让我熟悉 UI 原则和设计工具的跳板。当我在新兵训练营中获得知识时,我们打算在网站的迭代上进行合作,并在我开发工程师网络来构建项目后在未来启动它。

Down Arrows.png

问题_

该网站的总体目标是将潜在客户与正确的造型师相匹配。在站点的当前迭代中,这项任务很乏味并且很可能由于三个主要原因而失败。
 

3 points.png
The Problem
Down Arrows.png

过程_

LSLanding.png

我的流程首先确定当前的用户流以及哪些接触点或缺少哪些接触点是有问题的。



第一个痛点很快就暴露在
着陆页上没有号召性用语中。

第二个也许是最令人不安的痛点是在预订部分。

呼吁采取行动,但说明与 CTA 相矛盾,要求采取额外步骤来查找有关造型师的更多信息。
这些说明将访问者引导至位于页面顶部导航栏上的两个单独的选项卡。

LSBooking.png

这个页面是整个项目的催化剂。让您的访问者在搜索信息时记住一组导航步骤是一种 肯定会失去客户我还发现了前两个屏幕上对比度的可访问性问题我很高兴发现这些问题,因为它证实了我能够像设计师一样识别痛点。

The Process
Surprised Face.png

正是在这个过程中,我犯了一些错误。

作为一名新设计师,我渴望解决问题并直接进入构思阶段。回想起来,这意味着大部分项目都是基于偏见和假设。

了解到这一点后,我相信一些可用性测试可以为我提供更准确的数据来完善项目。

 

  • 这种方法的缺点是浪费时间而没有扎实的研究。

  • 成功的学习是我能够识别我的过程中的差距,并学习如何使用设计工具,如 Whimsical 和 Figma。

Lumos Nox Flow 1.png
Wireframes.png

我首先绘制出用户流程并勾勒出一些线框构想。

深入
研究表明,一些用户可能已经认识他们的造型师,因此不需要“查找造型师”步骤

第一次迭代很好,并检查了所有功能框,但感觉有点乏味。经过一番讨论,我们决定我们想要展示造型师的作品并创造一些神秘或好奇。

第二次迭代通过添加额外的照片、创建有趣的副本并简单地要求用户选择他们的旅程来实现这些目标。

Lumos Nox Salon Project_2x-6 1.png
Lumos Nox Salon Project_2x-7 1.png
Lumos Nox Salon Project_2x-8 1.png
Down Arrows.png

原型_

Group 42.png

与原型交互

Hi-Fidelity

钥匙 外卖

Down Arrows.png
Group.png

尽管设计过程是线性教授的,但绝非如此!但是,我发现如果我在流程和设计上采用更结构化的方法,我可以节省大量时间。

carbon_search-locate.png

研究工具是无价的,必须是每一个决定的基础。随着我对这些工具的了解越来越多,我将回去进行卡片分类测试。由于内容架构是该项目的主要关注点,因此该测试将是最有洞察力的。

icons8_idea.png

主动伸出援手并为此努力让我有机会潜入并学习设计工具和流程,而不会带来高风险。它也让我有信心相信我的设计直觉。

Takeaways

查看其他项目

ITB Horizontal Card.png
ITB Horizontal Card-2.png
bottom of page