LXDAO Website Iteration Idea Collection | LXDAO 官网迭代意见收集｜品牌、内容与功能、UI/UX

charlotte · July 9, 2024, 1:15pm

For English please scroll down thx

大家好，我在准备 LXDAO 官网升级（非技术侧）的方案，希望听听大家对于现有 LXDAO 官网的想法。也可以参考 @hardman 在 LXDAO官网升级开源计划意见收集中准备的思维导图。
下面是一些可以思考的方面，当然也不局限于此：

关于品牌

当前网站是否能够传达现在 LXDAO 的理念？
当前网站是否能够突出 LXDAO 的品牌特性？

关于内容和功能

大家通常以什么身份访问 LXDAO 网站？主要目的是哪些？较常使用的功能有哪些？
在使用网站时通常会遇到哪些问题？
目前网站上哪些功能大家觉得很有用？
还有哪些功能需要改进或新增？

关于设计和用户体验

对现有网站的视觉风格有什么看法？
网站导航是否清晰易用？有哪些地方可以改进？
大家在手机或平板上使用我们的网站时，有没有遇到什么问题？

请大家畅所欲言～
讨论之后我会整理一下初步材料，看情况发起一次设计工作坊，感兴趣的朋友到时候欢迎来聊！

Hello everyone, I am preparing a plan for the non-technical side of the LXDAO website upgrade and would like to hear your thoughts on the current LXDAO website. You can also refer to the mind map prepared by @hardman in the LXDAO Website Upgrade Open Source Plan Feedback.

Here are some aspects to consider, but feel free to go beyond these:

About the Brand

Does the current website convey the current LXDAO philosophy?
Does the current website highlight LXDAO’s brand characteristics?

About Content and Features

In what capacity do you usually visit the LXDAO website? What are your main purposes? Which features do you use most frequently?
What issues do you typically encounter while using the website?
Which features on the current website do you find very useful?
What features need improvement or addition?

About Design and User Experience

What are your thoughts on the visual style of the current website?
Is the website navigation clear and easy to use? Where can it be improved?
Have you encountered any issues while using the website on mobile or tablet devices?

Please feel free to share your thoughts!

After collecting your feedback, I will organize preliminary materials and may initiate a design workshop. Interested friends are welcome to join the discussion!

Tiao.Wei_xiao · July 9, 2024, 2:37pm

当前网站是否能够传达现在 LXDAO 的理念？

我对比了一下 Moloch DAO 的官网和 Gitcoin 的官网，前者的页面紧密地围绕捐赠和 moloch 这个故事；后者的页面展示在做的几件重要的事——Grants, Allo Protocol, Passport。我感觉 LXDAO 更适合参考 Gitcoin 官网的内容。现在的网站感觉重点很模糊，看起来就是一个 DAO，什么都有一点，但是不知道我们最关注哪些东西，以及我们最认可自己做的哪些东西。

我们在做的最重要的事情是什么？我觉得有三点：（1）建设公共物品，让 Web3 为我们自己也为更多人带来价值（主要是自己做开源项目，目前好像还没有能力资助别人做的项目）；（2）让 LXDAO 经济可持续（更独立地建设，而不需要依附某个生态）；（3）“赛博社会主义”，用 LXDAO 的实验和实践预兆一个更好的社会（这主要包括社区、治理）。

tristan · July 9, 2024, 3:01pm

是时候迭代了！
我自己使用得多的主要还是论坛和 TG，已经很久没有上过官网了。
目前的官网围绕着影响力和提供参与 DAO 治理的接口，很像是打开一台刚买来的新电脑自动弹出的使用教程。我理解当初设计的初衷，主要是增加新人 onboarding 的友好度，并不能很好体现 LXDAO 的品牌特性。
我很支持 Tiao 的看法，我认为 LXDAO 在目前华语 DAO 里已经有着绝对的地位，当前阶段官网需要更多的是对品牌影响力以及一些公关内容的展示，同时也需要涵盖一些关于我们在做什么的解释。

charlotte · July 12, 2024, 3:59am

Gitcoin 的官网主页的核心分区依次是：1）最新进展；2）为带有不同访问目的的人群提供任务入口；3）项目介绍；4）社区影响力。
它的内容组织紧密围绕着“项目”，通过项目让读者知道 GitCoin 是做什么的（非常神奇，它没有一句 Slogan 在首页）。同时，基于对访问官网的人群的了解，直接给出四个任务导航，让带着目的访问官网的人能够快速实现任务。最后一部分社区影响力通过数字和有影响力的人+评论展现，更有说服力吧。
LXDAO 的官网，同意你说的，什么都有一点。感觉它也像大多数官网，首先是 Slogan，然后是 Mission & Vision，再往后是工具、项目、成员等等。同时，这些信息基本上都是一屏一个，感觉是平级的，在层次上弱一些，也会觉得要下滑很久才能看完。
如果要更新官网，我觉得需要讨论：

官网的读者是谁，大家为什么点进官网，他们是否带有任务目的，如何让他们在1-2屏内找到如何实现自己的任务
对于所有读者，官网要呈现的 LXDAO 的形象是什么？如何呈现这些形象？比如你说的三件最重要的事情，是通过 slogan 来表达，还是通过某些项目或工具来具象化？
信息层级。比如 Vote、Proposal、Forum 这些工具，它们是否有必要各自占满一屏呈现？

charlotte · July 12, 2024, 4:03am

从一个“新人”的角度，我感觉在注册填写信息之后再也没有打开过官网了……
“增加新人 onboarding 的友好度”是什么意思呢？是说呈现一些全面的关于 LXDAO 的信息，还是通过网站给一个更好用的注册入口？
前者可以整合到如何向 fresh eyes 介绍 LXDAO，那它就不局限在新人了，合作伙伴、投资人等都有可能。

Muxin_LXDAO · July 12, 2024, 10:56am

一个从最开始就参与 LXDAO 官网项目的人来表达一下我的观点（非技术的）：

官网的作用：一个官方的对外展示的窗口，访问者可以通过官网了解到一个项目或组织是干嘛的、理念、在做的事情、团队介绍、其他相关内容的链接等。
LXDAO 官网的作用：除了以上基础的官网的作用外，LXDAO 的官网还承载了 Member 系统，比如 onboarding、profile、reward、SBT 等。理想的情况下，官网应该是 Member 日常工作和获取 LXDAO 最新动态的地方，需要更活跃一些。

LXDAO 官网的用户是谁：所有想要了解 LXDAO 的人（普通 guest、投资人、建设者、媒体、合作社区等）、所有 LXDAO Member。

目前LXDAO 官网缺失的、需要更新和优化的地方：

首页内容：LXDAO 对于支持公共物品和开源可持续的理念的体现是缺失的，Member 工作流程已经不再重要到要放在首页大篇幅的展示了，需要新增最活跃/最新活动的实时展示，Member 的展示，希望首屏可以增加一点点酷炫或者有意思的 interaction。
自动化及时更新官网内容：项目、工作组等。需要有一个机制和快捷的流程让负责人可以及时更新变更。
工作组内容展示：需要更加丰富一些，比如当前季度的路线图、周会日历以及周会纪要、Fairsharing 链接、成员历史记录等等。
onboarding 注册完后的流程：需要自动并及时的通知到运营组成员，邀请参加周会，参加完后及时发放 badge，并在社区中举行欢迎仪式等。
bounty 设置、展示、领取、状态更新的自动化。

先写这些吧，最后再说一下，跟官网不同，我认为 notion 应该主要作为内容沉淀的地方，而不是引导大家去 notion 来了解 LXDAO。

0xhardman · July 14, 2024, 6:32pm

插个眼，之后我们改

0xhardman · July 17, 2024, 6:32am

想起来了！建议参考ethpanda 集成下 Donate3

charlotte · July 17, 2024, 9:49am

展开讲讲！

charlotte · July 17, 2024, 9:55am

梳理了一下现在官网一级页面的内容和功能：

Section	Content	Size
0. Navigation	- Secondary page: Members, Projects, Working Groups, Docs, Governance, Bounty Task -Feature: Connect Wallet	-
1. Hero	- Headline: LXDAO is an R&D-focused DAO in Web3-Subheading: A solution on supporting valuable Web3 Public Goods and Open Source sustainably. - Call-to-Action: Join Us, Social Media, Link to Calendar	One screen
2. Support LXDAO	- Request Deck - Mint LXDAO Two-year Anniversary NFT	One screen
3. Mission	- Headline: Supporting valuable Web3 Public Good and Open Source sustainably. -Impact Card: Social Media Influence, Members, Projects, Treasury	One screen
4. Work	- Headline: How does LXDAO work
4.1 Idea	- Introduction paragraph	One screen
	- Headline: Join the next big thing -Card: three posts from Forum -Call-to-Action: Post an idea	One screen
4.2 Vote	- Introduction paragraph	One screen
	- Headline: Guide DAO in the correct way -Card: three votes from Snapshot - Call-to-Action: Create a vote	One screen
4.3 Buidling	- Introduction paragraph	One screen
	- Card: Latest project - Call-to-Action: View all projects	One screen
4.4 Rewards allocation	- Introduction paragraph	One screen
	- An image	One screen
5. Project	- Short introduction - Swiping cards of all projects - Call-to-Action: Buidl your own, View all projects	1.25 screens
6. LXDAO Members	- Portrait cards: hover to see buidler card - Call-to-Action: Join us	>3 screens
7. LXDAO Working Groups	- Card: all working groups	3 screens
8. Sponsorship & Partner	- Logo	1.2 screens
9. Footer	- Development: Github, Developer Guide, Weekly Update, Monthly AMA, Reward Announcement - Buidl Together: Join Us, Make a proposal, Apply Reward, Bounty Task - Resources: Forum, Notion, Snapshot, LXDAO Media Kit - Contact	One screen

经过梳理主页之后的一些初步感受：

很长。不包含 Navigation 和 Footer 在内，共有 8 个 Section，超过 20 个满屏页面。
1. 现有信息是否都需要放在主页上？
2. 存在一些重复，比如 4.3 Buidling 和 5. Projects 是一个内容
3. 同一层级的信息是否可以整合在一屏页面内？
有许多 Call-to-action 或子次级页面导航。不包含 Navigation 和 Footer 在内，有20个读者可以点进去的地方（不同 Projects 卡片算作一个）。
1. 这些功能都需要出现在主页上吗？比如 Buidl your own、Create a vote，它们属于先成为 Buidler 之后才会出现的功能，是否需要成为 public information？
2. 存在一些重复
直到 4.1 Idea 才开始从论坛帖子的标题卡片上看到 LXDAO 在做什么
感觉揉杂了信息展示和功能入口
似乎没有很明显的品牌属性，而且由于太长了，看到下面已经忘记 LXDAO 是干嘛的，只觉得是有很多 DAO tools 的 DAO

相关网站参考

charlotte · August 15, 2024, 8:27am

设计了一份问卷，欢迎大家填填！问题不多，5 分钟左右即可~

brucexu.eth · August 26, 2024, 1:37am

目前不能，因为目前的内容还是比较早的版本，当时还没有介绍公共物品相关的概念。

可以突出一部分，比较简约和高质量。

我通常以成员的身份访问，主要目的是查找成员的钱包地址。比较常用的功能是看我自己的资金和激励是否正确到账。

但是整体用的比较少。

0xhardman · August 26, 2024, 8:34am

整体上，我觉得不要只把 LXDAO website 只当官网，我希望未来 LXDAO 官网是一个开源官网模版（SASS化）。视觉上的优化空间有限，而且我觉得现在已经做的挺好的了。

brucexu.eth · August 27, 2024, 8:56am

SaaS 是准确的拼写，这个的成本比较高，需要非常抽象，最好基于 ETHPanda 的版本来做，因为那个是经过我重构重写了一些，比较轻量干净。

首先，LXDAO 官网是一个很重要的展示的地方，需要让大家一眼看到和了解到 LXDAO 是什么，然后吸引大家加入和贡献。

charlotte · August 28, 2024, 6:42am

对于问卷的分析和总结~

官网的核心作用

在当前的用户使用习惯中，官网的核心作用是：

社区管理功能：搜索查看成员信息、贡献公示、项目信息管理
社交分享与推荐：将官网作为向他人介绍 LXDAO 的工具

用户对官网首页功能和信息的重要度考量：

**90%：**核心理念介绍、加入我们 / 注册
**80%：**社区活动日程表入口、论坛最新消息及论坛入口、最新项目及查看全部项目入口、赞助商与合作伙伴
50% - 60%：使命、Snapshot 最新投票及入口、工作组介绍及入口
低于 50%：Request deck、Mint 2-year NFT、社交媒体影响力、国库入口、发起投票、创建项目、激励分配介绍、成员列表

用户对新内容的期待：

很有必要大于或等于50%：研究产出（80%）、Impact Story（60%）、重要性介绍（50%）
其他：近期新闻和动态（可以有 50%，没必要或无所谓 30%）、Community qoute（可以有 40%、没必要或无所谓 60%）、媒体报道（可以有 70%、没必要 20%）

在其他问题中，用户提到希望在首页上集成 Donate3

总结：

官网首页是对外及对内展示的窗口，其信息需要能够展示 LXDAO 的社区形象。主要通过三个维度呈现
1. 以简洁文字为代表的核心理念介绍，可以在原有基础上添加重要性阐述；
2. 社区实际工作，包括活动日程、论坛信息、项目。尤其，多数受访者认为研究产出的展示十分有必要；
3. 赞助商与合作伙伴体现的生态影响力，同时可以考虑介绍几个案例应用的 Impact Story 使之更具体。
官网首页需要提供明显的新用户注册指引
大多数核心成员使用官网的目的是日常管理和运营，这些功能需要有好用的入口，但不一定需要呈现在首页信息流上
1. 待讨论：贡献公示需要出现在首页上吗？
集成 Donate3

满意度

满意度大于等于 50% ：

视觉（80%）、主页内容长度（70%）、可用性（50%）

不满意度大于或等于 50% ：

影响力（70%）、主次分明（50%）、吸引力（50%）

其他：

信息充分、易用性、交互

总体打分：

3.1

总结：

最亟待优化的是：1）如何通过主页体现 LXDAO 的影响力；2）提供更加主次分明、有节奏的阅读体验；3）提升吸引力
用户对视觉、可用性较满意，暂时不需要作为优化重点。同时，当前的主页内容长度适中，可作为调整的 baseline。
总得来说，目前的官网是及格水平。

提升方向

在相似网站参考中，GitCoin 和 Zircuit 的官网得到了 60% 受访者的喜爱。对于这些网站的借鉴，受访者认为：

70%：有连贯统一的视觉风格、清晰地传达该组织的理念
60%：信息简洁不冗余
50%：功能入口直观
30%：多样的交互

对于最看重的官网更新维度，用户认为：

前三：内容质量提升：围绕 LXDAO 的核心理念，对内容进行筛选和重组（80%），易用性提升：更简洁有效地进行内容组织，便于查找信息和功能入口（70%），叙事更新：更新 LXDAO 的核心理念、mission、vision 等（60%）
其他：视觉更新：更加吸引人，并体现 LXDAO（50%）、更好的社区成员 onboard 及个人主页管理（40%）、修 bug，提升可用性（30%）、更高效、多样的交互（10%）、能够更突出地体现 LXDAO 的影响力（10%）

总结：

如何清晰地传达该组织的理念，是用户认为 LXDAO 官网更新最应关注的事情。它实现的方式可以是进一步强化统一的视觉、内容质量提升、叙事更新等。
易用性也是用户关心的提升维度，例如设计更直观的功能入口。

总结

综上，本次官网迭代的核心目标是：

**清晰传达组织理念：**确保官网能够通过统一的视觉风格和高质量的内容，清晰地传达 LXDAO 的核心理念和价值观。包括对核心理念、使命、愿景等内容的更新和强化。
**提升内容质量：**对内容进行筛选和重组，重点展示对 LXDAO 社区形象至关重要的信息，包括社区活动日程表、论坛、项目、研究。
**改进易用性：**简化内容组织，使功能入口更直观，提升用户在官网上的查找和操作体验。主要针对：1）新用户注册；2）日常运营所需的功能
**增强影响力展示：**赞助商与合作伙伴体现的生态影响力，同时可以考虑介绍几个案例应用的 Impact Story 使之更具体。

其他目标：

**提升视觉吸引力：**进一步优化视觉设计，使网站更具吸引力。调研显示 80% 受访者对现有视觉感到满意，50% 认为不需要更新。但亦有成员反映对这方面比较不满意，有调整的意愿，同时，在参考网站分析时，70% 成员亦认同应借鉴其连贯的视觉风格。因此，这一点作为非核心目标。
**集成新功能：**根据用户需求，集成如 Donate3 等新功能。