Thiết kế giao diện người dùng thiết kế website wedsite tài chính, ngân hàng

2 Khái niệm về wedsite UI/UXUI là những người dung trực tiếp tương tác trực tiếp với một sản phẩm, dịch vụ.Đó có thể là nút bấm, biểu tượng, hình ảnh, văn bản, màu sắc, bố cục, trên một

THIẾT KẾ WEBSITE WEDSITE

TÀI CHÍNH, NGÂN HÀNG

GVHD: ThS Trịnh Hoàng Bình

SVTH: - Đỗ Hoàng Nam 21230036

- Nguyễn Quốc Thịnh: 21230301

THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG

2 Khái niệm về wedsite UI/UX

UI là những người dung trực tiếp tương tác trực tiếp với một sản phẩm, dịch vụ.Đó có thể là nút bấm, biểu tượng, hình ảnh, văn bản, màu sắc, bố cục, trên một wedsite ứng dụng di động, thương mại điện tử, phần mềm hoặc bất kỳ sản phẩm công nghệ nào.

3 Khái niệm về wedsite UI/UX

UX là toàn bộ cảm xúc và suy nghĩ của người dùng khi tương tác với một sản phẩm Nó bao gồm mọi khía cạnh,từ việc người dùng khi tương tác với một sản phẩm,sử dụng sản phẩm cho đến khi hoàn thành nhiệm

vụ nào đó.

4 Hình ảnh minh họa của UI/UX

5 So sánh UI/UX

Tập trung vào phần nhìn, cảm giác Quan tâm đến toàn bộ trải nghiệm của người dùng khi sử

dụng sản phẩm như: tính dễ sử dụng, hiệu quả, độ tin cậy, sự hài lòng

khi người tương tác trực tiếp với sản phẩm như: màu sắc,

bố cục, typography, hình ảnh, animation. Ngược lại, UX tốt cần phải có một UI trực quan và dễ sử dụng.Đều cần nghiên cứu người dùng.Cả UI và UX là đều

cần hiểu rõ nhu cầu hành vi và tâm lý của người dùng để tạo ra sản phẩm phù hợp.

Cải thiện trải nghiệm người dung và tăng sự hài long của

khách hang.UI là một phần của UX Ví dụ: quy trình đăng ký, quá trình thanh toán, cách tìm kiếm thông tin.

Ví dụ: nút bấm,biểu tượng, form nhập liệu,menu điều

hướng

6 Ví dụ thực tế:

7 1.Quy trình thực hành thiết kế wedsite tài chính ngân hàng

 Giao diện UI/UX đầu trang chủ wedsite tài chính ngân hàng bao gồm:

- Phần đầu trang chứa thanh trang chủ,giới thiệu, khách hàng ưu tiên, sự kiện,mạng lưới, tuyển dụng,

tổng đài, thanh tìm kiếm, và cuối cùng là quốc kỳ của nước Cộng Hòa Xã Hội Chủ Nghĩa Việt Nam.

- Phần trình đơn điều hướng chứa hình ông mặt trời và mây, nội dung tiêu đề, logo,sản phẩm dịch vụ,

mũi tiên đi xuống, công cụ & tiện ích, liên hệ hổ trợ, giao dịch an toàn và click đăng nhập

8 1.Quy trình thực hành thiết kế wedsite tài chính ngân hàng

 - Phần nội dung chính chứa thanh công cụ tìm kiếm của wedsite

 - Phần cuối cùng là chân trang chứa logo màu trắng, gợi ý sản phẩm, đăng ký trực tuyến, đặt lịch hẹn,

ưu đãi.

 Trang chủ website tài chính ngân hàng là một công cụ quan trọng giúp ngân hàng tiếp cận khách hàng,

xây dựng hình ảnh thương hiệu và tăng trưởng doanh số Một trang chủ được thiết kế tốt sẽ giúp ngân hàng tạo ra lợi thế cạnh tranh trên thị trường Vietcombank thiết kế truyền thống, sang trọng, tập trung vào các dịch vụ cốt lõi.

9 2 Đăng nhập wedsite Vietcombank

 Giao diện nội dung đăng nhập wedsite của tài chính ngân hàng bao gồm:

 - Phần đầu trang chứa thương hiệu vietcombank màu xanh lá cây

 - Phần trình đơn điều hướng chứa nội dung tiêu đề của wedsite.

 - Phần nội dung chính chứa tên đăng nhập, mật khẩu, địa chỉ, Email, mã kiểm tra, thanh chuyển mã

kiểm tra, đường thẳng và cuối cùng là quên mật khẩu.

10 2 Đăng nhập wedsite Vietcombank

 - Phần cuối cùng là chân trang chứa điều khoản sử dụng dịch vụ, biểu phí dịch vụ, hướng dẫn sử dụng

dịch vụ, hướng dẫn giao dịch an toàn, câu hỏi thường gặp, tai nghe, chọn ngôn ngữ bất kỳ, logo màu trắng.

 Website đăng nhập đóng vai trò quan trọng trong việc bảo vệ dữ liệu người dùng và cung cấp trải

nghiệm trực tuyến liền mạch Để xây dựng một website đăng nhập hiệu quả, các nhà phát triển cần chú trọng đến giao diện, bảo mật, và tính năng Đồng thời, người dùng cũng cần nâng cao ý thức về bảo mật thông tin khi sử dụng các dịch vụ trực tuyến.

11 3 Cổng thông tin tài khoản cá nhân wedsite Vietcombank

 Giao diện cổng thông tin tài khoản cá nhân wedsite tài chính ngân hàng bao gồm:

 - Phần đầu trang chứa logo vietcombank màu trắng hình viền màu đen, hình tròn màu xanh lục,

chuyển tiền, thanh toán, giao dịch ngân hàng, ATM, doanh nghiệp, công ty chứng khoán, cài đặt, hình viền màu trắng và cuối cùng và màu đen bên trong hình tròn.

12 3 Cổng thông tin tài khoản cá nhân wedsite Vietcombank

 - Phần trình đơn điều hướng chứa thư mục chuyển tiền và thanh toán hóa đơn, hình chữ nhật bo góc 2

bên phải và hình chữ nhật đứng và cuối cùng là 3 dấu chấm tròn màu trắng.

 - Phần nội dung chính chứa chuyển tiền trong VCB, 24/7, ngoài VCB, tiền mặt, từ thiện, trạng thái

chuyển tiền, hóa đơn tiền nước, điện, cước di động trả sau, cước internet ADSL, thanh toán viện phí, vé máy bay và cuối cùng là hình chữ nhật màu đen nhạt.

13 3 Cổng thông tin tài khoản cá nhân wedsite Vietcombank

 - Phần cuối cùng là chân trang chứa tài khoản/thẻ, chuyển tiền, mã QR Pay, nạp tiền điện thoại, thanh toán

hóa đơn, thẻ tín dụng, ATM/Chi nhánh, logo vietcombank màu xanh lá cây và cuối cùng là hình chữ nhật màu trắng nhạt.

 Cổng thông tin tài khoản cá nhân website là chúng ta đang đề cập đến việc thu thập, phân tích và trình bày

toàn bộ thông tin liên quan đến hoạt động của người dùng trên một nền tảng trực tuyến cụ thể đánh giá hiệu quả, đo lường hiệu quả của các chiến dịch marketing, các tính năng mới và trải nghiệm người dùng, Cải thiện trải nghiệm người dùng, nhận biết những điểm mạnh, điểm yếu của website để đưa ra các cải tiến phù hợp, phân tích hành vi khách hàng,hiểu rõ hơn về khách hàng để đưa ra các chiến lược kinh doanh hiệu quả, cá nhân hóa trải nghiệm,cung cấp cho người dùng những nội dung, sản phẩm và dịch vụ phù hợp với

sở thích của họ Tối ưu hóa hoạt động, tìm ra những vấn đề kỹ thuật và tối ưu hóa hiệu suất của website.

14 KẾT LUẬN

 Tài chính ngân hàng là một trong những hoạt động kinh tế xã hội đã đóng vai trò rất quan trọng trong sự

phát triển và sự tồn vong của ngân hàng đặc biệt là trong nền kinh tế cạnh tranh gay gắt giữa các ngân hàng Thì việc nâng cao chất lượng tín dụng trung và dài hạn của các ngân hàng thương mại là vô cùng cần thiết kĩ năng làm việc để dễ dàng hơn trong khi làm việc bản thân cũng không ngừng học hỏi và trao dồi kiến thức về lĩnh vực chuyên ngành, tích lũy vốn kiến thức cơ bản để hoàn thành tốt hơn

15 KẾT LUẬN

 Những năm qua,Vietcombank đã không ngừng hoàn thiện cả về quy mô và chất lượng nhưng

bên cạnh đó cũng còn rất nhiều hạn chế và thiếu sót Bên cạnh đó sự là nỗ lực của ban lãnh đạo và cán bộ công nhân viên trong ngân hàng mà còn cần sự trợ giúp từ ngân hàng trung ương và nhà nước để hoạt động kinh tế của ngân hàng Vietcombank ngày càng được nâng cao

Em hiểu bản thân tôi cũng đã đạt được những mục tiêu hiểu về các dịch vụ và nguyên lý hoạt động của các loại thẻ Nắm rõ được quy trình học hỏi, tiếp thu được nhiều kiến thức mới Xây dựng và mở rộng mối quan hệ đồng nghiệp cũng như Đặc biệt hơn hết, thành công trong cơ hội có thể làm việc tại Ngân Hàng Ngoại Thương Việt Nam (Vietcombank) sau khi tốt nghiệp Cao Đẳng, Đại Học.

THANK

YOU!