TỔNG QUAN VỀ ĐỀ TÀI VÀ CƠ SỞ LÝ THUYẾT4 1.1 Tổng quan về doanh nghiệp thực tập
Giới thiệu chung về doanh nghiệp thực tập
DS Solution là một công ty dịch vụ CNTT có trụ sở tại Nhật Bản và APAC. Chuyên cung cấp dịch vụ tư vấn CNTT và phát triển phần mềm, giúp khách hàng chuyển đổi CNTT lên một tầm cao mới với nền tảng điện toán đám mây mới nhất, cung cấp các công cụ và phương pháp hay nhất Công ty cung cấp chuyên môn tư vấn hàng đầu trong ngành, cung cấp dịch vụ, các sản phẩm và giải pháp tiên tiến cho tất cả các bước của vòng đời phát triển phần mềm (SDLC).
Công ty Cổ phần DS Solution Vietnam được thành lập cuối năm 2021, DS Solution thành lập với quyết tâm mở rộng, nâng cao chất lượng dịch vụ phát triển phần mềm, dịch vụ IT Outsourcing và đem lại cho khách hàng trải nghiệm công nghệ mới, đặt trụ sở tại Tầng 12, Tòa Viwaseen Tower, số 48 Tố Hữu, Trung Văn, Nam Từ Liêm, Hà Nội và Công ty Cổ phần DS Solution tại Nhật Bản. Đến tháng 02/2023, DS Solution chính thức thành lập chi nhánh thứ 2 – Công ty
Cổ phần DS Solution Đà Nẵng tại tầng 2 toà nhà Đại Thắng, Xô Viết Nghệ Tĩnh, Đà Nẵng Sự thành lập của DS SOLUTION Đà Nẵng đã đánh dấu cơ sở thứ 3 của tập đoàn
DS SOLUTION trên bản đồ thế giới, đồng thời đặt nền móng cho sự phát triển và nâng cấp về cả quy mô và dịch vụ mà DS SOLUTION GROUP cung cấp tới quý khách hàng.
Hiện tại, DS Solution Vietnam đang hoạt động trong lĩnh vực cung cấp những sản phẩm – dịch vụ như:
- Hỗ trợ áp dụng, chuyển đổi, liên kết cloud platform, xây dựng kiến trúc, kết cấu hạ tầng điện toán đám mây.
- Giải pháp tự động hóa, quy trình phát triển phần mềm, quy trình kinh doanh; phát triển plugin và hệ sinh thái Atlassian.
- Tư vấn, hỗ trợ kỹ thuật, phát triển – vận hành – bảo trì hệ thống, phần mềm. xii
Tầm nhìn, sứ mệnh và giá trị cốt lõi
Tầm nhìn và sứ mệnh
+ Trở thành công ty với dịch vụ phát triển phần mềm, dịch vụ IT Outsourcing hàng đầu tại miền Trung.
+ Cho phép công ty thực thi các năng lực CNTT của mình và phục vụ tốt hơn cơ sở khách hàng ngày càng tăng của mình với kỹ sư CNTT có tay nghề cao, các dịch vụ phát triển phần mềm mạnh mẽ và các giải pháp tiên tiến.
+ DSS Vietnam vận dụng phương thức phát triển phần mềm agile đảm bảo đem tới cho khách hàng giải pháp phát triển – phân phối liên tục (Continuous delivery).
+ Nâng cao chất lượng dịch vụ và năng lực nhân sự trong các công nghệ thế mạnh của công ty bao gồm: Cloud Computing, Salesforce, công cụ kỹ thuật số Atlassian, E-commerce, Shopify Đem tới khách hàng những giải pháp công nghệ mới, hiệu quả và tối ưu. xiii
- DS Solution Vietnam có đội ngũ chuyên gia được chứng nhận bởi Google Cloud và Atlassian Chúng tôi sử dụng các công cụ tự động hóa quá trình phát triển phần mềm, quy trình nghiệp vụ của Google Cloud Platform, Atlassian trong phát triển hệ thống Đồng thời, cung cấp dịch vụ tư vấn, cung cấp, hướng dẫn sử dụng đối với các công cụ này.
- Với đội ngũ chuyên gia trên 10 năm kinh nghiệm phát triển phần mềm,cùng đội ngũ nhân lực trẻ nhanh nhạy với công nghệ mới, kể từ khi thành lập, DS Solution Vietnam đã và đang cung cấp giải pháp gia công phân mềm và tư vấn giải pháp IT, giải pháp cloud cho trên 20 doanh nghiệp thuộc 8 quốc gia trong hơn 40 dự án phát triển phần mềm.
Tổng quan về thiết kế UI/UX
UI (User Interface) – Giao diện người dùng: đề cập đến những yếu tố mà người dùng tương tác và thấy được trên giao diện của một ứng dụng hoặc trang web Chúng bao gồm các thành phần như nút, thanh trượt, hình ảnh, biểu tượng, màu sắc, phông chữ và bố cục Mục tiêu của UI là tạo ra một giao diện dễ sử dụng, hấp dẫn, thân thiện và đáp ứng nhu cầu của người dùng.
UX (User Experience) – Trải nghiệm người dùng: đề cập đến cảm nhận và trải nghiệm của người dùng khi sử dụng một sản phẩm số Điều này bao gồm cảm giác, suy nghĩ, và phản hồi của người dùng khi tương tác với giao diện Mục tiêu của UX là tối ưu hóa trải nghiệm người dùng để đảm bảo rằng sản phẩm đáp ứng đầy đủ và vượt qua mong đợi của người dùng, đồng thời tối giản các rào cản sử dụng và tăng tính hấp dẫn của sản phẩm xiv
1.2.1 Giới thiệu chung về UI/UX Designer
UI/UX Designer là người chịu trách nhiệm thiết kế giao diện người dùng và trải nghiệm người dùng cho các sản phẩm số như ứng dụng di động, trang web, phần mềm, hoặc các sản phẩm tương tự Các công việc của một UI/UX Designer được mô tả ở bảng dưới đây:
Bảng 1-1 Mô tả công việc của một UI/UX Designer
Thiết kế trải nghiệm người dùng
- Tìm hiểu và xác định được khách hàng mục tiêu của sản phẩm đang phát triển.
- Thực hiện quá trình Đồng cảm (Empathy) bằng cách nghiên cứu định tính bằng các hình thức khác nhau và phân tích kết quả nghiên cứu để xác định rõ điểm đau (Pain point) mà người dùng phải chịu.
- Tạo bản đồ đồng cảm để giúp UX Design, UX Research và Team Product hiều tất cả về nhu cầu, điểm đau, tệp người dùng sản phẩm và dịch vụ.
- Tạo User Persona cho mỗi User Group là người dùng giả tưởng đại diện cho mục tiêu và đặc điểm của một User Group Và giúp UX Research và UX Design và Team Product hình dung rõ hơn các người dùng của sản phẩm và dịch vụ.
- Tạo Hành trình người dùng (Customer Journey Map) để xác định được con đường cũng như các điểm chạm (Touch point) của người dùng phải trải qua từ lúc phát hiện ra vấn đề và nhận ra sản phẩm/dịch vụ (Awareness) tới lúc trở thành khách hàng trung thành của sản phẩm/dịch vụ (Loyalty) Nhằm mục tiêu là phát hiện các điểm đau của người dùng trên các giai đoạn để tìm ra cơ hội sửa chữa phát triển và cải tiến sản phẩm/dịch vụ.
- Từ các thông tin có ở trên thì sẽ tạo Tuyên bố vấn đề (Problem Statement) Đây như là cú chốt hạ rõ ràng về nhu xv cầu người dùng cần giải quyết Từ đó xác định được mục tiêu dự án cụ thể rõ ràng hơn Ngoài ra còn tạo ra các chỉ số đo lường mức độ thành công của dự án Quan trọng hơn cả là sẽ hình dung rõ hơn các chức năng cần có để giải quyết các vấn đề của người dùng.
- Thực hiện Nghiên cứu đối thủ cạnh tranh (Competitive audit) để khám phá ý tưởng thiết kế, xem xét và học hỏi từ đối thủ cạnh tranh (bao gồm giải pháp được đối thủ dùng hiệu quả và giải quyết chưa hiệu quả).
- Thực hiện Động não (Brainstorming) bằng cách thực hiện How Might We & Crazy Eight để tìm ra các giải pháp cho các vấn đề điểm đau của người dùng bằng thiết kế UI.
- Xây dựng Cấu trúc thông tin (Infomation Architecture) để tổ chức và cấu trúc nội dung ứng dụng, website Cung cấp một cái nhìn cao cấp về một sản phẩm/tính năng phát triển ở hiện tại và trong tương lai.
- Thực hiện Kiểm tra khả năng sử dụng (Usability Test) để kiểm tra tính hữu dụng của sản phẩm đối với người dùng thực tế, từ đó có thể thay đổi, cải tiến hơn trước khi ra mắt sản phẩm hoặc những lần cập nhật nếu đã ra mắt.
- Nghiên cứu về tông giọng và hình ảnh hay là tiếng nói của sản phẩm/thương hiệu hướng tới để có các nội dung về content, microcopy phù hợp ở trong thiết kế trải nghiệm.
- Nghiên cứu, xác định phương thức và thực hiện các kế hoạch truyền thông cho sản phẩm ở nhiều kênh khác nhau (trước – trong – sau khi ra mắt sản phẩm).
- Xây dựng Brand Guideline hay Content Guideline cho sản phẩm.
Thiết kế giao - Xây dựng Moodboard bằng cách tìm hiểu
Demographic của người dùng để xác định được màu sắc, xvi diện người dùng
(UI) tông màu cũng như Design System phù hợp
- Xây dựng hệ thống lưới (Grid system) của các flatform mà sản phẩm có thể có.
- Vẽ khung dây (Wireframe) cho toàn bộ các screen có trong sản phẩm Cung cấp cái nhìn tổng thể về bố cục, thông tin và chức năng thông qua các hình khối cơ bản.
- Vẽ Hight Wireframe (Hi-fi) để nhìn rõ hơn về màu sắc, hình ảnh và bố cục của sản phẩm Để có thể hình dung và chỉnh sửa trước khi vẽ UI chi tiết
Công cụ hỗ trợ thiết kế giao diện trong UI/UX
- Công cụ hỗ trợ chính để thiết kế UI/UX cho dự án là Figma.
- Figma là một ứng dụng gồm nhiều công cụ thiết kế mạnh mẽ trên nền tảng website Với Figma, bạn có thể sáng tạo không giới hạn giao diện người dùng (UI/ UX), thiết kế tạo mẫu, tạo bài đăng trên các mạng xã hội và nhiều dự án thiết kế khác.
Ưu điểm của Figma xxxiv
- Khả năng tương thích cao.
Hình 1-8 Một số Frame được hỗ trợ trên Figma
Là một phần mềm trên nền tảng website, Figma có thể được truy cập và sử dụng trên hầu hết các hệ điều hành phổ biến hiện nay như Windows, MacOS hay thậm chí là Linux, chỉ cần thiết bị của bạn được kết nối internet
Hiện tại, Figma còn có các phiên bản ứng dụng trên máy tính và điện thoại để người dùng có thể sáng tạo hay theo dõi các dự án ở bất cứ nơi đâu.
Hình 1-9 Chức năng Figma Chat trên Figma Ưu điểm hàng đầu của Figma phải kể đến tính cộng tác trong thời gian thực Với Figma, làm việc nhóm từ xa trở nên dễ dàng khi nó cho phép những người khác xxxv trong dự án có thể cộng tác về thiết kế, cung cấp phản hồi, kiểm tra tiến độ công việc hoặc gắn cờ các vấn đề có thể xảy ra theo thời gian thực.
Hình 1-10 Chức năng trò chuyện online trên không gian làm việc của Figma
Trang bị nhiều công cụ pluggin mạnh mẽ.
Hình 1-11 Minh hoạ các fluggin của Figma
Kho plugin khổng lồ và cực kỳ hữu ích chỉ có ở Figma sẽ giúp bạn khắc phục được những lỗi nhỏ và tăng hiệu suất làm việc Việc quản lý màu sắc, nội dung hình ảnh hay hoạt ảnh đều trở nên dễ dàng hơn bao giờ hết.
Thiết kế nhiều layout trong một sản phẩm. xxxvi
Hình 1-12 Ví dụ về các layout trong cùng một sản phẩm
Tính năng quản lý nhiều artboard cùng lúc cũng được tích hợp trên Figma Với tính năng này, bạn có thể sáng tạo nhiều layout với các kích thước khác nhau trên cùng một sản phẩm mà không cần phải tạo thêm tệp mới.
Xuất được đa dạng file ảnh cực sắc nét.
Hình 1-13 Chức năng xuất file của Figma
Tương tự như Illustrator, Figma thiết kế hình ảnh dưới dạng vector nên chất lượng của hình ảnh sẽ không bị giảm khi bạn thay đổi kích thước của chúng Hình ảnh xuất ra cũng sẽ giữ được độ sắc nét với nhiều định dạng khác nhau như PNG, SVG, JPG hay thậm chí là PDF. xxxvii
Hỗ trợ lưu trữ đám mây.
Hình 1-14 Minh hoạ cho lưu trữ đám mây của Figma
Figma sử dụng dịch vụ đám mây để lưu trữ và chỉnh sửa dữ liệu, điều này tương tự như khi bạn thay đổi nội dung trên Google Docs Bạn sẽ không còn phải lo lắng về việc ổ cứng đầy dung lượng hay quên sao lưu vì Figma sẽ tự động thực hiện cho bạn. xxxviii
NGHIÊN CỨU TRẢI NGHIỆM NGƯỜI DÙNG
Triển khai dự án
2.1.1 Giới thiệu chung về dự án
COSTIC là dự án được triển khai và thiết kế giúp người dùng tìm kiếm các sản phẩm và thông tin sản phẩm mặt hàng mỹ phẩm dễ dàng hơn Giúp người dùng hiểu rõ về các sản phẩm mà họ tìm kiếm Cho người dùng cảm giác rõ ràng về mặt thông tin và hành động khi trải nghiệm ở website Qua đó giúp tối ưu chuyển hoá khách hàng cho doanh nghiệp Ở Việt Nam cũng như toàn thế giới, nhu cầu mua hàng mỹ phẩm trên website đang rất phổ biến và tiện lợi Thị trường mỹ phẩm online đang trải qua sự tăng trưởng đáng kể Người tiêu dùng ngày càng nhận thức và ưa chuộng việc mua sắm mỹ phẩm trực tuyến vì tính tiện lợi, đa dạng sản phẩm và khả năng so sánh giá Internet cung cấp sự thuận tiện và lựa chọn đa dạng về sản phẩm và thương hiệu Người tiêu dùng có thể dễ dàng tìm thấy và mua sắm các loại mỹ phẩm từ khắp nơi trên thế giới, không chỉ giới hạn trong nước Thêm vào đó mua hàng mỹ phẩm online cho phép người tiêu dùng mua sắm bất kỳ lúc nào trong ngày và nhiều khuyến mãi kèm theo Điều này giúp tiết kiệm tiền bạc, thời gian và công sức so với việc phải đến cửa hàng truyền thống.
Do đó cạnh tranh trên gian hàng không gian mạng đang rất cao Ngoài việc đầu tư vào cạnh tranh ở khía cạnh chất lượng sản phẩm, marketing thì đầu tư vào thiết kế trải nghiệm mua hàng của người dùng cũng rất quan trọng và là lợi thế lớn để thu hút khách hàng tiềm năng và giữ chân khách hàng cũ tốt trên thị trường đầy cạnh tranh. xxxix
2.1.2 Lên kế hoạch thiết kế giao diện
Hình 2-15 Kế hoạch thiết kế giao diện
Kế hoạch được xây dựng cụ thể và chi tiết như hình trên Ước lượng thời gian được đánh giá và xem xét dựa trên kinh nghiệm cá nhân và các bước sau:
- Bước 1: Chia nhỏ các module thành các task nhỏ cần làm.
- Bước 2: Đánh giá độ khó của từng task và estimate thời gian gần đúng nhất có thể.
- Bước 3: Tổng hợp lại thời gian của từng module.
- Bước 4: Dựa vào Due date mà chúng ta có thể chia bảng Proceed theo tuần hay ngày và sắp xếp các module vào cho phù hợp.
Thiết lập mục tiêu nghiên cứu và nhân khẩu học của đối tượng nghiên cứu 34 2.3 Khảo sát đối tượng nghiên cứu bằng bảng câu hỏi
Dựa vào tìm hiểu về nhu cầu tiêu dùng và xu hướng mua sắm của thị trường hiện tại cho thấy các mặt hàng mỹ phẩm ngày càng được sử dụng nhiều hơn do nhu cầu của người tiêu dùng ngày càng tăng Ngoài ra, các sản phẩm mỹ phẩm cũng được cải tiến liên tục để đáp ứng nhu cầu của khách hàng Theo một báo cáo của VIRAC, các sản phẩm chăm sóc da được ưa chuộng nhất, với hơn 60% người tiêu dùng sử dụng mỗi ngày. [ CITATION VIR22 \l 1033 ] Thêm vào đó, hiện nay, định kiến về giới đã thay đổi nên xu hướng sử dụng mỹ phẩm ở nam giới cũng tăng theo Nhiều nam giới đã thử các sản phẩm làm đẹp và ngành công nghiệp mỹ phẩm cũng đã sẵn sàng để đáp ứng nhu cầu của họ.[CITATION 2 \l 1033 ] [CITATION 3 \l 1033 ] xl
Do đó nhóm quyết định được các yếu tố nhân khẩu học của đối tượng tham gia khảo sát như sau.
- Người thường xuyên sử dụng và mua đồ dùng chăm sóc da, mỹ phẩm.
- Từng sử dụng website để tìm kiếm thông tin về sản phẩm và mua hàng.
- Nghề nghiệp: Sinh viên, Nhân viên văn phòng…
Với các mục tiêu nghiên cứu
- Nhóm người sử dụng web để mua hàng mỹ phẩm là ai?
- Mục tiêu và nhu cầu sử dụng mỹ phẩm của họ là gì?
- Hiện tại người dùng đang sử dụng các trang web của các hãng mỹ phẩm như thế nào?
- Các khó khăn và thách thức của họ khi truy cập website của các hãng mỹ phẩm?
Hiểu hơn các yếu tố ảnh hưởng tới hành vi mua sắm của người dùng đối với một sản phẩm mỹ phẩm. xli
2.3 Khảo sát đối tượng nghiên cứu bằng bảng câu hỏi
Dựa vào mục tiêu nghiên cứu để lập bảng câu hỏi phù hợp và có đủ các loại câu hỏi câu hỏi mở đầu các cuộc phỏng vấn, câu hỏi thu thập hành vi người dùng, câu hỏi thu thập ý kiến người dùng, các câu hỏi mục tiêu dự án, câu hỏi trực tiếp, câu hỏi gián tiếp
Hình 2-16 Các câu hỏi được xây đựng để thực hiện khảo sát xlii
Hình 2-17 Các câu hỏi được xây đựng để thực hiện khảo sát xliii
Hình 2-18 Các câu hỏi được xây đựng để thực hiện khảo sát
Thiết lập Bản đồ đồng cảm (Empathy Map)
Dựa vào kết quả từ cuộc Khảo sát thói quen truy cập và sử dụng Website Tiến hành xem lại các câu trả lời và phân tích chia các thông tin quan trọng thành 4 phần là Says (những gì người tham gia nói), Does (những gì người tham gia đã làm), Feels (những cảm xúc của người tham gia), Thinks (những suy nghĩ của người tham gia) và thể hiện trực quan bằng Bản đồ đồng cảm (Empathy map). xliv
Hình 2-19 Một số kết quả nổi bật của cuộc khảo sát xlv
2.5 Xác định Nhóm người dùng (User group) và thiết lập người dùng giả tưởng (User Persona) cho các nhóm trên
Từ Bản đồ đồng cảm trên, ta có thể tạo ra một nhóm người dùng (User group) với tên gọi là Người trẻ ít thời gian.
Dưới đây là người dùng giả tưởng và các đặc điểm của nhóm người dùng này.
Hình 2-21 User Persona của Nhóm người trẻ ít thời gian xlvii
Xây dựng Bản đồ hành trình người dùng (Customer journey map)
Hình 2-22 Customer Journey Map xlviii
Xây dựng User Flow và Sitemap
2.7.1 Lý do tạo User Flow Đăng nhập
Cách thiết kế User Flow Đăng nhập như đã trình bày phần trước phụ thuộc sâu vào tâm lý của người sử dụng khi họ tương tác với một trang web cụ thể Điều này có nguồn gốc từ một yếu tố quan trọng trong bộ 7 yếu tố cơ bản của thiết kế trải nghiệm người dùng, được gọi là "Credible" (Tính đáng tin cậy) Yếu tố này đóng một vai trò quan trọng trong việc tạo niềm tin, cung cấp thông tin đáng tin cậy và phù hợp với mục đích trong một khoảng thời gian hợp lý.
Việc thiết lập yêu cầu đăng nhập chỉ vào những thời điểm thực sự cần thiết, như khi người dùng muốn thực hiện thanh toán hoặc đặt mua một sản phẩm cụ thể, phát sinh từ mục tiêu đã đặt ra Dù vẻ ngoài có vẻ nhỏ bé, cách tiếp cận này tạo ra sự yên tâm cho người dùng khi không áp đặt họ phải đăng ký và cung cấp thông tin cá nhân ngay từ lúc mới tiếp cận trang web Điều này càng quan trọng hơn khi người dùng chưa chắc trang web có cung cấp sản phẩm mà họ đang cần.
Hơn nữa, hành động này phản ánh quyết tâm tạo điều kiện để người dùng cảm thấy thoải mái và tự do trong quá trình trải nghiệm sản phẩm Bằng việc nhận ra rằng việc tham gia và tương tác trên một nền tảng trực tuyến thỉnh thoảng gặp khó khăn, việc giảm bớt sự áp lực về việc cung cấp thông tin cá nhân có thể tạo ấn tượng ban đầu tích cực và khởi đầu mối quan hệ lâu dài với người dùng. xlix
Hình 2-23 User Flow Đăng nhập l
2.7.2 Lý do tạo User Flow chức năng Thêm sản phẩm vào wishlist
Phương pháp định hình User Flow cho chức năng thêm sản phẩm vào danh sách mong muốn (wishlist) đã được dựa trên yếu tố Useful (Tính hữu ích), một phần quan trọng trong 7 yếu tố cơ bản của thiết kế trải nghiệm người dùng Sự phát triển của User Flow này xuất phát từ những lý do cụ thể sau đây.
Trước hết, trong lĩnh vực sản phẩm mỹ phẩm, việc có nhiều sản phẩm với tên gọi dài được xây dựng dựa trên sự kết hợp của các thành phần cốt lõi Tên gọi này mang trong mình một tầm quan trọng, bởi nó phản ánh tỷ lệ phần trăm của các thành phần quan trọng trong mỗi sản phẩm Dẫn đến tình trạng từ giao diện bên ngoài, người dùng gặp khó khăn trong việc nhận biết sự khác biệt giữa các sản phẩm, ngay cả khi sự khác biệt này chỉ ở mức độ phần trăm nồng độ là 5% hoặc 10%.
Ngoài ra, sản phẩm mỹ phẩm thường có giá trị cao hơn so với những sản phẩm khác và chúng được chia thành các biến thể với nồng độ thành phần khác nhau, mỗi biến thể phù hợp với một số người sử dụng cụ thể Như vậy, tầm quan trọng của việc chọn sản phẩm đúng không chỉ đối với trải nghiệm mua sắm mà còn liên quan trực tiếp đến sức khỏe của người dùng.
Từ hai lý do kể trên, để thêm sản phẩm vào danh sách mong muốn, người dùng cần tiếp cận chi tiết của sản phẩm để hiểu rõ hơn về nó Bước này mang lại giá trị hữu ích, giúp tránh trường hợp người dùng mua nhầm sản phẩm không phải ý muốn hoặc chọn sai sản phẩm, giúp đảm bảo sự hài lòng và tránh rủi ro trong việc chọn lựa sản phẩm. li
Hình 2-24 User Flow chức năng Thêm sản phẩm vào wishlist lii
2.7.3 Lý do tạo User Flow chức năng xem chi tiết thành phần sản phẩm
Lý do để xây dựng chức năng này là bắt nguồn từ quá trình nghiên cứu tìm ra các điểm cần phát triển, giải quyết của người dùng Nó nhằm mục tiêu giải quyết vấn đề nhiều người dùng không hiểu các chức năng của sản phẩm và các thành phần chi tiết Chi tiết này giúp người dùng dễ dàng đưa ra quyết định mua hàng hay không bởi vì trước đó họ đã hiểu sản phẩm đó có phù hợp với mình.
Hình 2-25 User Flow chức năng xem chi tiết thành phần sản phẩm liii
Xây dựng cấu trúc thông tin (Information Architecture)
THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG CHO WEBSITE BÁN MỸ PHẨM COSTIC
Vẽ Wireframe cho người website (Dạng Low-fi)
Hình 3-27 Hình ảnh Wireframe lv
Xây dựng Design system cho Website
Sau thời gian nghiên cứu đối tượng người dùng cũng như thói quen và nhu cầu của họ, em đã quyết định sử dụng phong cách thiết kế Minimalism nhằm mang lại giao diện đơn giản giúp những người mới sử dụng hay những người trung niên có thể dễ dàng thao tác trên website này; đồng thời vừa khẳng định chất lượng của sản phẩm, vừa thể hiện sự tinh tế, sang trọng của thương hiệu.
Là font chữ được sử dụng rộng rãi, cùng với đường nét nhẹ nhàng không quá sắc cạnh, mang lại cảm giác gọn gàng cho người dùng, font family Chesna Grotesk là một sự lựa chọn hợp lý khi được sử dụng trên website này. lvi
Hình 3-29 Chi tiết Typography System lviii
Hoàn thiện UI chi tiết
Hình 3-30 Trang chủ cho website Costic lix
Hình 3-31 Giao diện Deal of The Week của website Costic lx
Hình 3-32 Giao diện Category của website Costic lxi
Hình 3-33 Chức năng xem chi tiết thành phần của sản phẩm. lxii
Hình 3-34 Giao diện chi tiết sản phẩm trên Costic lxiii
Hình 3-35 Giao diện chi tiết sản phẩm (Review) trên Costic. lxiv
Hình 3-36 Giao diện chi tiết 1 blog trên Costic. lxv
Hình 3-37 Giao diện chi tiết sản phẩm lxvi
Hình 3-38 Giao diện chi tiết sản phẩm (Ship & Return) trên Costic lxvii
Tạo prototype cho website
Hình 3-39 Prototype của các Component lxviii
Hình 3-40 Prototype của các Component lxix
Hình 3-41 Prototype của các màn hình lxx
KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN
Kết quả đạt được trong kỳ thực tập
Sau thời gian thực tập, tìm hiểu và nghiên cứu về thiết kế giao diện/trải nghiệm người dùng tại công ty DS Solution để thực hiện cho đề tài thực tập nghề nghiệp, em đã đạt được những kết quả như sau:
- Trong hơn 2 tháng thực tập, em đã hoàn thành việc thiết kế giao diện cho các màn hình, bản thiết kế này đã được PM duyệt qua, đã được team Developer lập trình và chuẩn bị kết thúc giai đoạn test để bắt đầu đưa vào sử dụng chính thức.
- Đề tài đã giải quyết phần nào nhu cầu của khách hàng, làm đơn giản hóa các thành phần có trong sản phẩm để người dùng có thể hiểu được tính năng mà sản phẩm này mang lại, hỗ trợ người dùng ra quyết định khi họ muốn mua để sử dụng hay đặt hàng làm quà tặng cho người thân và bạn bè.
Từ đó, thể hiện được tiếng nói thương hiệu của Costic là sự tin tưởng tối giản và sang trọng
- Tuy là dự án còn hạn chế về việc nghiên cứu ở quy mô lớn nhưng khi được kết quả là các giao diện như hiện tại Em cũng đã thực hiên Usability Tesing ở quy mô nhỏ và đã nhận không ít những góp ý và phản hồi tích cực.
Qua hơn 2 tháng được làm việc trực tiếp và tham gia vào các dự án thực tế, em không những có cơ hội được nghiên cứu, tìm tòi về kiến thức chuyên ngành, mà còn được biết thêm rất nhiều kinh nghiệm qua các buổi giao lưu, chia sẻ kinh nghiệm từ các anh chị đồng nghiệp, nhờ vậy, mà em hiểu rõ được công việc của một UI/UX Designer cần làm về mặt chuyên môn và nghiệp vụ là gì Đồng thời, bản thân em nhận thấy, việc tối ưu hoá các quy trình bằng công nghệ số và áp dụng các công cụ hỗ trợ sẽ rút ngắn được rất nhiều thời gian hoạt động của các nghiệp vụ, đồng thời nâng cao năng suất làm việc Từ đó, áp dụng những gì đã được học vào công việc cũng như học tập, mà em đã hoàn thành đề tài thực tập nghề nghiệp của mình lxxi
- Tìm hiểu về các lý thuyết liên quan đến phân tích nghiệp vụ, nắm bắt được các công cụ và flugin cùng các kỹ năng cần thiết của một UI/UX Designer.
- Tìm hiểu về văn hoá doanh nghiệp của DSS ĐN, về tầm nhìn và sứ mệnh, cơ cấu tổ chức, các phòng/ban.
- Vận dụng các kiến thức chuyên môn đã được đào tạo để tìm hiểu và thu thập nhu cầu của những người dùng mục tiêu về vấn đề mua sắm mặt hàng mỹ phẩm trực tuyến thông qua website, từ đó rút ra được các vấn đề và mong muốn của người dùng để có thể đưa ra các giải pháp thiết kế hay phát triển các tính năng cho website tối ưu nhất.
- Thiết kế cấu trúc thông tin và giao diện người dùng cho Website bán mỹ phẩm Costic.
Những vấn đề còn tồn tại
Vì hạn chế về mặt kiến thức cũng như thời gian thực tập tại doanh nghiệp, nên bài báo cáo vẫn còn tồn tại một vài vấn đề nhất định:
- Thực hiện khảo sát đối tượng nghiên cứu ở quy mô nhỏ (22 người) và không có sự đa dạng về ngành nghề, lứa tuổi.
- Thông tin người dùng còn hạn chế nên chỉ có 1 User Persona được tạo ra, vì vậy không đảm bảo được tính toàn diện khi nghiên cứu người dùng.
Hướng phát triển của đề tài
Từ những vấn đề còn tồn tại trên, đề tài cần được cải thiện và chuẩn hoá thêm một số tính năng để mang lại trải nghiệm tốt nhất cho người dùng Cụ thể là việc sẽ nghiên cứu thêm nhiều người dùng ở nhiều lứa tuổi khác nhau để có được lượng thông tin cần thiết đủ để xây dựng, phát triển thêm các giải pháp mới.
