Hệ thống thiết kế để phát triển cảnh quan và người dùng

Trở thành một trong những người đầu tiên tung ra một siêu ứng dụng với các thương hiệu đa danh mục mang lại nhiều niềm tự hào cũng như sự lo lắng. Mặc dù nhiệm vụ là phục vụ nhiều nhóm người dùng khác nhau với các hành vi khác nhau như nhau, nhưng một trong những thách thức lớn nhất mà chúng tôi gặp phải là xây dựng trải nghiệm hướng tới người dùng, trực quan và hướng tới tương lai, đơn giản, linh hoạt, có thể mở rộng và trang nhã.

Sau vài tháng làm việc đáng kinh ngạc của đội ngũ thiết kế trẻ và năng động, chúng tôi tin tưởng rằng sản phẩm mà chúng tôi đang xây dựng sẽ nhận được sự yêu thích xứng đáng.

Đây là một bản tóm tắt nhanh để kỷ niệm hành trình của chúng tôi cho đến nay:

Thiết kế cho một hệ thống nhiều lớp: The Design Unsystem

Theo định nghĩa , một hệ thống là một tập hợp các quy tắc và hướng dẫn tạo ra trải nghiệm nhất quán và trực quan cho người dùng để giúp giảm thiểu ma sát và quá tải nhận thức. Qua đó, hệ thống giúp người dùng có cảm giác thoải mái, thân thuộc trong một không gian mà họ có thể gọi là của riêng mình.

Với tư cách là nhà thiết kế, chúng tôi thề với các lan can trong hệ thống thiết kế và tuân thủ chúng mà không có bất kỳ sự thỏa hiệp nào. Mỗi quy tắc là bất khả xâm phạm và do đó không linh hoạt. Nhưng bất chấp cấu trúc cứng nhắc này, nhóm của chúng tôi đã mở rộng ranh giới của hệ thống và tưởng tượng ra một cách mới để tạo ra trải nghiệm người dùng linh hoạt, nhất quán và nhanh nhẹn.

Với suy nghĩ mới mẻ và mới mẻ này, nỗ lực của chúng tôi là đảm bảo rằng khi người dùng đến với Neu-vũ trụ rộng lớn và đa dạng của chúng tôi , họ có thể dễ dàng điều hướng qua nhiều hành trình và nhiều thương hiệu, đồng thời có trải nghiệm liền mạch và gắn kết.

Đây là cái mà chúng tôi gọi là “ phi hệ thống"—một bộ quy tắc linh hoạt, linh hoạt, có thể mở rộng và linh hoạt để bắt kịp với các hành vi và trải nghiệm mới của người dùng.

Mặc dù có quy mô và tính đa dạng, nhưng nó cho phép sự linh hoạt trong giao diện người dùng (Người dùng Giao diện), chủ đề màu sắc và thậm chí cả các mẫu UX, trong khi vẫn duy trì cốt lõi của hệ thống thiết kế của chúng tôi trên khung vẽ ngày càng tăng.

Đi lai : chế độ tối hoặc sáng

Bóng tối là cao cấp, ánh sáng là sạch - vậy tại sao không sử dụng cả hai?

Trong cách tiếp cận Phi hệ thống của chúng tôi, chúng tôi đã thách thức tính cứng nhắc của chủ đề tối đối với một siêu ứng dụng có quá nhiều thứ đang diễn ra. Có những hành trình cảm thấy bị tổn hại và cần một giao diện nhẹ hơn, sạch hơn. Un-System là giải pháp của chúng tôi để chuyển đổi và triển khai những gì tốt nhất cho người dùng của chúng tôi.

Mặc dù chế độ tối rất phù hợp với các danh mục như đồ trang sức, thời trang và đồ điện tử để tăng thêm vẻ quyến rũ và mang lại cảm giác sang trọng cho sản phẩm, nhưng điều quan trọng là phải cân bằng các trang sản phẩm với chế độ sáng mang tính mô tả và cần sự chú ý của người dùng để đọc trong thời gian dài hơn mà không bị mỏi hoặc biến dạng.

Điều này khiến chúng tôi tạo ra một chủ đề không chỉ tối cũng không chỉ sáng mà còn kết hợp.

Chúng tôi đã tạo ra một hệ thống kết hợp liền mạch giữa bóng tối và ánh sáng dựa trên những gì sẽ mang lại cho người dùng trải nghiệm hình ảnh tốt nhất.

Flutter đã được sử dụng để triển khai trải nghiệm kết hợp liền mạch này bằng cách tận dụng sức mạnh của chủ đề và nó cho phép chúng tôi tạo một hệ thống phân cấp mạnh mẽ hơn giữa các tiện ích khác nhau trên một trang và cung cấp cho mỗi phần do người dùng sử dụng hoàn toàn.

Có được công nghệ phù hợp : Rung động với mã thông báo

Một sản phẩm tuyệt vời cần những người giỏi nhất. Khi thiết kế đổi mới đáp ứng được công nghệ mạnh mẽ, chúng tôi biết mình có người chiến thắng.

Nhóm kiến ​​trúc của chúng tôi đã mở đường bằng cách tận dụng một khung mạnh mẽ và có thể mở rộng; Chớp cánh. Được biết đến với sự linh hoạt trên các nền tảng với một cơ sở mã duy nhất, chúng tôi rất vui khi xây dựng hệ thống thiết kế trên M3 với Flutter, cho phép chúng tôi xây dựng một ứng dụng đẹp, được biên dịch nguyên bản trong một khung thời gian đầy thách thức.

Chúng tôi cũng đã kích hoạt mã thông báo trong hệ thống thiết kế của mình. Mã thông báo thiết kế là các quyết định thiết kế nhỏ, lặp đi lặp lại tạo nên hướng dẫn trực quan của hệ thống thiết kế. Các mã thông báo đã thay thế các giá trị tĩnh, chẳng hạn như mã hex cho màu sắc, bằng các danh pháp tự giải thích cho phép chúng tôi xây dựng các mô hình nhất quán, có thể mở rộng nhưng quan trọng hơn là cung cấp một nguồn thông tin chính xác duy nhất giữa các nhóm làm việc cùng nhau, cụ thể là các nhà thiết kế, kiến ​​trúc sư, mặt trận -cuối nhà phát triển, và các kỹ sư.

Phương ngữ trực quan: kể chuyện thông qua hình ảnh minh họa và hoạt hình

Phương ngữ là một ngôn ngữ được chia sẻ, được nói bởi một nhóm người cụ thể từ một khu vực tương tự. Đó là một điểm đánh dấu để xác định nguồn gốc và dòng dõi văn hóa của bạn. Và định nghĩa này cũng không khác lắm đối với thế giới kỹ thuật số. Với việc giảm khoảng chú ý và lượng thông tin khổng lồ cần xử lý và sử dụng trên siêu ứng dụng của chúng tôi — tiện ích con, danh mục, ưu đãi, biểu ngữ, nội dung, v.v., tất cả đều tranh giành sự chú ý của người dùng, chúng tôi đã quyết định thêm một số khoảng dừng dự định để phá vỡ sự lộn xộn.

Giới thiệu các mono và duotone isometric của chúng tôi, được tạo ra chỉ dành cho khoảng thời gian dự định đó. Trò chơi tinh tế của chúng tôi với hình minh họa và đồ họa chuyển động là một cách để mang lại sự nhẹ nhàng về mặt hình ảnh và hỗ trợ người dùng hòa mình vào toàn bộ trải nghiệm theo tốc độ của họ.

Phần nổi của tảng băng trôi: đã hoàn thành rất nhiều việc và còn rất nhiều việc phải làm.

Nghệ thuật không có chức năng có rất ít giá trị trong thế giới ngày nay và với tư cách là nhà thiết kế và nghệ sĩ, chúng tôi thừa nhận rằng những sáng tạo của chúng tôi phải giải quyết các vấn đề thực tế và đặt người dùng của chúng tôi làm trung tâm của mọi thứ. Hành trình ra mắt hệ thống thiết kế này của chúng tôi chỉ làm cho điều này trở nên rõ ràng hơn, cho thấy rằng các vấn đề phức tạp có thể có các giải pháp đơn giản.

Công việc của chúng tôi chỉ mới bắt đầu khi chúng tôi chuyển sang thử thách tiếp theo là giải quyết cho nhiều thương hiệu hơn, danh mục đa dạng hơn, thay đổi hành vi người dùng, chủ đề mới hơn và cá nhân hóa sâu hơn. Tất cả điều này để cho phép mọi người dùng sống Neu!