Tải bản đầy đủ (.pdf) (22 trang)

Báo cáo thực tập thiết kế giao diện và trải nghiệm người dùng (uiux design)

Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (1.08 MB, 22 trang )

6

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN
KHOA CÔNG NGHỆ PHẦN MỀM

BÁO CÁO THỰC TẬP

THIẾT KẾ GIAO DIỆN
VÀ TRẢI NGHIỆM NGƯỜI DÙNG
(UI/UX DESIGN)

Công ty thực tập:

Công ty TNHH Tin học
Viễn thông Danh Việt
chi nhánh tại TP. HCM

Người phụ trách:

Hà Minh Hoàng

Thực tập sinh:

Thiều Quang Lâm

TP. Hồ Chí Minh, tháng 06 năm 2023


1

LỜI MỞ ĐẦU



Ngày nay, thiết kế giao diện và trải nghiệm người dùng là một trong những công việc
không thể thiếu khi phát triển một sản phẩm công nghệ. Việc các website, ứng dụng
trên mobile ra đời ngày một nhiều đã thúc đẩy nhu cầu thiết kế một bộ giao diện và trải
nghiệm trên sản phẩm được tốt nhất nhằm đảm bảo tính cạnh tranh cũng như giữ chân
người dùng sử dụng sản phẩm. Từ đó, kích thích sự phát triển của công nghệ thông tin
trong nước và thế giới.
Cùng với xu thế phát triển của thế giới, Việt Nam cũng không phải ngoại lệ. Ngành
UI/UX Designer tại Việt Nam đã và đang phát triển mạnh mẽ, để hòa nhập với những
công ty hàng đầu trên thế giới. Bên cạnh với xu thế thời đại, UX/UI cũng đang dần giúp
các cơng ty tạo nên những giá trị tốt hơn, hồn thiện hơn bao giờ hết.
UI (viết tắt của User Interface) dùng để mô tả giao diện người dùng, bao gồm những
yếu tố mà người dùng tiếp xúc với trang web hoặc ứng dụng đó. Trong khi đó, UX (viết
tắt của User Experience) chính là trải nghiệm của người dùng. Nói cách khác, đây là
cách thức mà người dùng tương tác với những yếu tố UI được tạo ra. Cả hai yếu tố UI
UX đều rất quan trọng bởi tính tương trợ của chúng sẽ ảnh hưởng trực tiếp tới lên quá
trình sử dụng sản phẩm và cảm nhận của người dùng. Tuy vậy, vai trị của UI UX lại
khơng hề giống nhau trên nhiều khía cạnh, từ cả q trình phát triển sản phẩm cho tới
những nguyên lý, nguyên tắc thiết kế.
Sau hơn ba năm học tập trên trường, do mong muốn có thêm kinh nghiệm thực tế, cũng
như muốn được trở thành một Nhà thiết kế giao diện & trải nghiệm người dùng trong
một mơi trường chun nghiệp. Vì vậy, em quyết định chọn Công ty TNHH Tin học
Viễn thông Danh Việt - một môi trường lý tưởng, hiện đại, chuyên nghiệp - là nơi sẽ
giúp em thực hiện được dự định này.

GVHD: Trần Anh Dũng

Thiều Quang Lâm



2

LỜI CẢM ƠN
Trân trọng gửi lời cảm ơn Công ty TNHH Tin học Viễn thông Danh Việt đã tạo điều
kiện cho em có cơ hội được thực tập tại cơng ty.
Chỉ trong một thời gian ngắn, nhưng nhờ sự chỉ dẫn nhiệt tình của anh mentor và các
anh chị trong team, em đã tiếp thu được những kiến thức quan trọng để có thể làm được
một vài cơng việc về UX/UI. Chân thành cảm ơn anh Mentor và các anh chị khác trong
công ty đã bỏ ra nhiều thời gian,công sức để hướng dẫn em hoàn thành đợt thực tập này.
Đặc biệt cảm ơn anh Minh Hoàng đã training UX/UI, hướng dẫn, giúp đỡ cho em tận
tình cả những khó khăn trong cơng việc, đến những khó khăn việc làm quen với môi
trường mới.
Cũng xin cảm ơn thầy cô trong khoa Cơng nghệ phần mềm đã nhiệt tình hỗ trợ, tạo điều
kiện em làm bài báo cáo này.
TP. HCM, ngày 28 tháng 6 năm 2023

Thiều Quang Lâm

GVHD: Trần Anh Dũng

Thiều Quang Lâm


3

NHẬN XÉT CỦA KHOA
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................

...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................

...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................

GVHD: Trần Anh Dũng

Thiều Quang Lâm


4

MỤC LỤC
LỜI MỞ ĐẦU ............................................................................................................................ 1
LỜI CẢM ƠN ............................................................................................................................ 2
NHẬN XÉT CỦA KHOA ......................................................................................................... 3
MỤC LỤC ................................................................................................................................. 4
DANH MỤC HÌNH ẢNH ......................................................................................................... 5
CHƯƠNG 1: GIỚI THIỆU CÔNG TY THỰC TẬP ................................................................ 6
1.1. Giới thiệu Công ty TNHH Thương Mại Tin Học Viễn Thông Danh Việt ............... 6
1.2. Sản phẩm công ty .......................................................................................................... 6
1.3. Lịch làm việc khi thực tập tại công ty ......................................................................... 6
CHƯƠNG 2: NỘI DUNG THỰC TẬP ..................................................................................... 7
2.1. Tìm hiểu cơng ty và các kỹ năng cơ bản trong công ty ............................................. 7
2.2. Nghiên cứu kỹ thuật...................................................................................................... 7
2.2.1. Tìm hiểu về cơng cụ giao tiếp trong cơng việc ..................................................... 7
2.2.2. Tìm hiểu về cơng nghệ, kỹ thuật sử dụng trong quá trình làm việc.................. 7
2.2.2.1. Tìm hiểu về Figma .......................................................................................... 7

2.2.2.2. Tìm hiểu về thiết kế giao diện người dùng ................................................... 8
2.2.2.3. Tìm hiểu về thiết kế trải nghiệm người dùng ............................................... 9
2.3. Thực hiện dự án thực tế ............................................................................................. 10
2.3.1. Quá trình thực hiện ............................................................................................. 10
2.3.2. Mô tả dự án........................................................................................................... 11
2.3.3. Kết quả .................................................................................................................. 12
CHƯƠNG 3: TỔNG KẾT ....................................................................................................... 20
3.1. Điểm mạnh................................................................................................................... 20
3.2. Điểm yếu ...................................................................................................................... 20
TÀI LIỆU THAM KHẢO ....................................................................................................... 21

GVHD: Trần Anh Dũng

Thiều Quang Lâm


5

DANH MỤC HÌNH ẢNH
Hình 1. Logo cơng ty ................................................................................................................. 6
Hình 2. Giao diện khi mở ứng dụng ........................................................................................ 13
Hình 3. Nhập thơng tin cá nhân ............................................................................................... 14
Hình 4. Giao diện Trang chủ và Nhật ký ................................................................................. 15
Hình 5. Giao diện Món ăn và Chế độ ăn.................................................................................. 16
Hình 6. Giao diện thêm món ăn vào bữa ăn ............................................................................ 16
Hình 7. Giao diện tìm kiếm món ăn ......................................................................................... 17
Hình 8. Giao diện thêm hoạt động ........................................................................................... 18
Hình 9. Giao diện ghi lại cân nặng và lượng nước uống hàng ngày ........................................ 19
Hình 10. Giao diện thêm chi tiết hoạt động ............................................................................. 19


GVHD: Trần Anh Dũng

Thiều Quang Lâm


6

CHƯƠNG 1: GIỚI THIỆU CÔNG TY THỰC TẬP
1.1. Giới thiệu Công ty TNHH Thương Mại Tin Học Viễn Thông Danh Việt

Hình 1. Logo cơng ty

Cơng ty TNHH Thương Mại Tin Học Viễn Thông Danh Việt (DVIT) được thành lập
từ 16/8/2006 với đội ngũ cán bộ giàu kinh nghiệm, am hiểu về kiến thức chun mơn,
nhiệt tình và ln tận tâm trong công việc, sẵn sàng mang đến cho khách hàng giải pháp
hợp lý nhất.
Đội ngũ cán bộ của Danh Việt đã có kinh nghiệm phục vụ hơn 1.000 khách hàng trên
toàn quốc: từ Nhà khách VP Quốc Hội đến các bộ ban ngành như: Bộ Y tế, Bộ tài chính,
Bộ Công An, Bộ Tham mưu, Bộ Nội Vụ… Các chi nhánh ngân hàng như VP Bank,
VIB Bank, MB Bank, VR Bank…. Các cơng ty chứng khốn như chứng khốn Quốc
Gia, chứng khốn Sài Gịn, chứng khốn Mê Kơng, chứng khốn Quốc tế… đến các
doanh nghiệp và cá nhân trong và ngồi nước.
1.2. Sản phẩm cơng ty
• Phân phối, cung cấp, lắp đặt tổng đài, thiết bị an ninh giám sát, thiết bị viễn thơng,
thiết bị văn phịng.
• Tư vấn lắp đặt, thiết kế, thi công hệ thống an ninh, tin học - viễn thơng.
• Dịch vụ bảo hành, bảo trì, sửa chữa thiết bị an ninh, viễn thông - thiết bị văn ρhịng.
• Ngồi ra, cơng ty gần đây mở rộng sang lĩnh vực phần mềm, cung cấp ứng dụng di
động
1.3. Lịch làm việc khi thực tập tại công ty

Thời gian thực tập: 27/03/2023 – 09/06/2023
Lịch thực tập: thứ hai, thứ tư, và thứ sáu hàng tuần


7

CHƯƠNG 2: NỘI DUNG THỰC TẬP
2.1. Tìm hiểu cơng ty và các kỹ năng cơ bản trong công ty
Thời gian: 1 ngày
Nội dung: giới thiệu về công ty, cách tổ chức của công ty, được nghe người phụ trách
giới thiệu về cơng ty, q trình thành lập và phát triển, quy trình làm việc từ cao xuống
thấp, cách thức tổ chức của cơng ty, các phịng ban về IT, HR, Marketing, … Ngồi ra,
thực tập sinh cịn được giới thiệu về văn hóa làm việc trong cơng ty như thời gian đi
làm, các quy định, cách sử dụng email trong công việc, …
Kết quả: hiểu thêm về công ty Danh Việt, q trình thành lập và phát triển. Có thêm các
kỹ năng về việc sử dụng email trong công việc, làm việc có kế hoạch, có kỷ luật, có
trách nhiệm hơn.
2.2. Nghiên cứu kỹ thuật
2.2.1. Tìm hiểu về cơng cụ giao tiếp trong cơng việc
Nội dung: Tìm hiểu về các cơng cụ sử dụng trong q trình làm việc
Trong thời gian này, mentor đã hướng dẫn thực tập sinh tìm hiểu về các cơng cụ sẽ giúp
ích cho trong cơng việc sau này. Thực tập sinh được hướng dẫn tạo tài khoản và sử dụng
Skype, cùng với Google Mail để trao đổi công việc.
Kết quả: Hiểu được cách sử dụng và quy tắc sử dụng công cụ, giúp dễ dàng kết hợp các
cơng cụ với nhau.
2.2.2. Tìm hiểu về cơng nghệ, kỹ thuật sử dụng trong quá trình làm việc
Nội dung: Tìm hiểu về Figma, quy tắc thiết kế giao diện và trải nghiệm người dùng
2.2.2.1. Tìm hiểu về Figma
Được training về cách sử dụng các tính năng trong cơng cụ, những kiến thức quan trọng
để tạo ra các hình khối, các frame, các chữ, màu sắc, các thuộc tính của chúng, kết hợp

với các widget và plugin để xây dựng các hình theo ý muốn.
-

Hình khối

Các kiến thức cơ bản về việc tạo ra các hình như hình chữ nhật, hình ellipse, hình tam
giác, hình ngơi sao, đường thẳng, mũi tên, cách kết hợp giữa chúng thành các selection
để tạo ra một hình mới.
-

Hình ảnh

Cách chèn hình ảnh và tuỳ chỉnh các thơng số của hình ảnh
-

Màu sắc

GVHD: Trần Anh Dũng

Thiều Quang Lâm


8

Thực tập sinh sẽ được hướng dẫn về tư duy màu sắc, cách phối màu với nhau, các thông
số trong màu sắc như saturation, hue, tint, opacity, …
-

Font chữ


Cung cấp các nguồn để sử dụng font chữ, các khái niệm, thông số của font chữ như
typeface, baseline, glyph, …
-

Layer

Cung cấp các tuỳ chọn thuộc tính của layer như Pass through, Normal, Lighten, Darken,

-

Widget

Tìm hiểu các widget phổ biến để giúp tăng tốc độ thiết kế.
-

Quản lý bộ nhớ

Mentor hướng dẫn thực tập sinh cách quản lý các thư mục, file trong figma về các bài
tập và các task sau này.
Kết quả: Nâng cao kỹ năng thiết kế với Figma, ngoài ra còn được biết thêm một số quy
tắc trong việc thiết kế sao cho đúng chuẩn, dễ nhìn, tiện lợi, tạo ra sản phẩm tốt nhất.
2.2.2.2. Tìm hiểu về thiết kế giao diện người dùng
-

Khái niệm cơ bản về thiết kế giao diện người dùng

Nắm được các khái niệm cơ bản về thiết kế giao diện người dùng, là một q trình
khơng thể thiếu để tạo ra sản phẩm mang đến người dùng. Các ưu điểm và khuyết điểm
thường mắc phải khi thiết kế giao diện.
-


Style Guides

Làm thế nào để có thể truyền thơng được thương hiệu của mình đến với người dùng.
Đó chính là Style Guide, thứ tập trung chủ yếu vào phong cách. Chúng bao gồm màu
sắc, font chữ, logo và thuộc tính thương hiệu.
-

Design System

Design System chủ yếu là bộ sưu tập các quy luật, nguyên tắc, ràng buộc áp dụng trong
thiết kế và code. Ba thuộc tính này phục vụ các chức năng riêng biệt, tính thống nhất và
tính hệ thống.
-

Thiết kế giao diện đa thiết bị

Học cách và quy luật thiết kế trên nhiều thiết bị khác nhau như mobile, tablet, laptop,
… Cách áp dụng auto layout và contraints để thiết kế một cách tối ưu nhất, …
-

Sketch

GVHD: Trần Anh Dũng

Thiều Quang Lâm


9


Sketch là bản phác thảo nhanh UI, nhằm ghi lại ý tưởng nhanh về một chức năng nào
đó. Mục đích của Sketch là để capture nhanh những ý tưởng lúc tư duy một mình hoặc
đang brainstorm với nhau.
-

Wireframe

Là bố cục của giao diện người dùng, mặc dù không quá chi tiết nhưng nó thể hiện rõ
được luồng thao tác của người dùng (user flow) và cấu trúc các nhóm thơng tin có trên
UI đó.
-

Mockup

Mockup chi tiết hơn Wireframe về: màu sắc, vị trí field, kích cỡ, hình ảnh, font chữ,
đường kẻ, phân lơ, phân luồng, thậm chí là validation của các trường dữ liệu.
-

Prototype

Nhìn bên ngồi, Prototype khá giống Mockup. Nhưng điều làm Prototype trở nên thú
vị hơn là khả năng tương tác của nó. Với Prototype, người dùng hồn tồn có thể tương
tác trực tiếp với nó như: nhấn nút, kéo thả, trượt lên, trượt xuống, mở popup, ... Điều
này sẽ giúp khách hàng hình dung rõ ràng hơn về sản phẩm mà họ sẽ nhận được.
Kết quả: Hiểu được những khái niệm cơ bản về thiết kế giao diện người dùng. Thực
hiện được vài giao diện người dùng mẫu.
2.2.2.3. Tìm hiểu về thiết kế trải nghiệm người dùng
-

Định nghĩa về Trải nghiệm người dùng


Thiết kế trải nghiệm người dùng (UXD) là q trình nâng cao sự hài lịng của người
dùng với sản phẩm bằng cách cải thiện khả năng sử dụng, khả năng truy cập và sự hài
lòng khi tương tác với sản phẩm.
-

Tầm quan trọng của thiết kế trải nghiệm người dùng

Thiết kế trải nghiệm người dùng tốt không chỉ làm nổi bật và nâng tầm sản phẩm của
bạn, mà nó cịn trở thành một phần quan trọng trong việc xây dựng và phát triển sự tin
tưởng của khách hàng. Một sản phẩm tuyệt vời hoặc nội dung hấp dẫn mà khơng có trải
nghiệm người dùng hấp dẫn có thể ảnh hưởng đến khả năng đạt được mục tiêu kinh
doanh.
Phương pháp tiếp cận tốt nhất để thiết kế trải nghiệm người dùng: Thiết kế lấy
người dùng làm trung tâm (Human – Centered Design - HCD):
Yếu tố chính của sự thành công nằm trong việc bạn đặt người dùng ở trung tâm của quá
trình thiết kế. Cách tiếp cận này cho phép bạn tạo ra các thiết kế sạch sẽ, đơn giản, trực

GVHD: Trần Anh Dũng

Thiều Quang Lâm


10

quan, linh hoạt và hấp dẫn, đồng thời cung cấp trải nghiệm tuyệt vời cho người dùng và
do đó có thể phân biệt bạn với đối thủ cạnh tranh của bạn.
Quy trình thiết kế trải nghiệm người dùng:
• Understand - Hiểu: Để cung cấp một giải pháp, trước tiên bạn cần hiểu
vấn đề để sau đó có thể giải quyết vấn đề.

• Research - nghiên cứu: Nghiên cứu là chìa khố quan trọng trong việc
thiết kế trải nghiệm.
• Sketch - phác thảo: Vẽ bản phác thảo bằng giấy, các dòng bảng trắng và
các khung hình để chia sẻ ý tưởng của bạn với các bên liên quan.
• Design - thiết kế: Biến các mơ hình ban đầu và wireframes thành hình ảnh
tuyệt đẹp với theme và style áp dụng cho chúng với các thơng số kỹ thuật.
• Implement - thực hiện: Nhóm phát triển xây dựng chức năng back-end
trước tiên và kết nối nó với giao diện người dùng khi họ nhận được các
đồ tạo tác thiết kế.
• Evaluate - đánh giá; Khi tính năng sản phẩm được triển khai, sản phẩm
cuối cùng được đánh giá dựa trên một số yếu tố được đề ra.
Kết quả: Nắm được các kiến thức về thiết kế trải nghiệm người dùng, và có thể tạo ra
các User Stories, User Personas, Userflow, … theo yêu cầu.
2.3. Thực hiện dự án thực tế
2.3.1. Quá trình thực hiện
Sau hơn 3 tuần tìm hiểu và học hỏi, thực tập sinh đã nắm được những kiến thức cơ
bản về Figma, giao diện & trải nghiệm người dùng. Trong tuần tiếp theo, thực tập sinh
được giao một số bài tập về thiết kế giao diện dưới sự hướng dẫn của mentor. Sau đó,
thực tập sinh được hướng dẫn tham gia vào dự án mà công ty đề xuất.
Chi tiết q trình thực hiện:

Tuần

1

Cơng việc

Người hướng dẫn

Mức

độ
hồn
thành

Nhận xét của người
hướng dẫn

- Tìm hiểu về cơng ty, Hà Minh Hồng
cách tổ chức của công
ty.
- Làm quen với các công
cụ cần thiết cho thực
hiện dự án như Figma,
Skype, Google Mail.

GVHD: Trần Anh Dũng

Thiều Quang Lâm


11

2, 3

4

5, 6

7


8, 9

10

11

- Tìm hiểu về thiết kế
giao diện và trải nghiệm
người dùng.
- Tham gia các buổi
training, thực hiện các
bài tập do mentor đưa
ra.
- Tiếp tục thực hiện các
bài tập của mentor.
- Tìm hiểu về dự án sắp
tới do công ty đưa ra.
- Tham gia các buổi họp
của công ty về dự án
- Trao đổi với khách
hàng, với team dev để
đề xuất tiến độ của dự án
- Phác thảo thiết kế của
ứng dụng
- Làm việc với khách
hàng, sửa đổi theo yêu
cầu của khách hàng
- Tiếp tục thực hiện thiết
kế
- Làm việc với khách

hàng, sửa đổi theo yêu
cầu của khách hàng
Hoàn thiện thiết kế và
cho khách hàng xem
mẫu
Thực hiện báo cáo thực
tập với sự hướng dẫn
của mentor

Hà Minh Hoàng

Hà Minh Hoàng

Hà Minh Hoàng
Nguyễn Đặng
Thanh

Hà Minh Hoàng
Nguyễn Đặng
Thanh

Hà Minh Hoàng

Hà Minh Hồng

Hà Minh Hồng
Nguyễn Đặng
Thanh

2.3.2. Mơ tả dự án

Khách hàng u cầu một ứng dụng di động về sức khoẻ với một số tính năng cơ bản
như:
Thu thập nhu cầu của người dùng khi vừa bắt đầu ứng dụng (tăng cân, giảm
cân, giữ cân nặng) và các thông tin cần thiết như thể trạng, chế độ ăn uống, luyện tập
hiện tại, từ đó đưa ra lộ trình phù hợp với mục tiêu người dùng.
Người dùng có thể đăng nhập/đăng ký tài khoản ngay khi bắt đầu ứng dụng
hoặc sau khi đã vào được ứng dụng.

GVHD: Trần Anh Dũng

Thiều Quang Lâm


12

Sau khi đã nhận được lộ trình, người dùng sẽ được vào màn hình chính của ứng
dụng. Trong màn hình gồm nhiều mục khác nhau như Bữa sáng, Bữa trưa, Bữa tối,
Uống nước, Tập luyện, Theo dõi cân nặng.
Đối với các bữa ăn, người dùng có thể lựa chọn món ăn (Dish) hoặc chế độ ăn
(Diet) phù hợp với cá nhân theo các lựa chọn có sẵn. Người dùng cũng có thể chỉnh
sửa các chi tiết như khẩu phần, số lượng món trong một chế độ, … cho phù hợp với
nhu cầu cá nhân. Nếu khơng tìm thấy, người dùng cũng có thể tự tạo mới món ăn và
chế độ ăn theo sở thích cá nhân.
Người dùng có thể thích món ăn/chế độ ăn và các món ăn/chế độ ăn được u
thích sẽ xuất hiện ở một mục riêng biệt.
Ngồi món ăn và chế độ ăn, người dùng cũng được điều chỉnh số lượng nước
uống mỗi ngày và chế độ tập luyện hàng ngày.
Tất cả các thay đổi về ăn uống và tập luyện sẽ được ghi lại trong nhật ký, bao
gồm cả những thông tin chi tiết như số calo trong từng món ăn, số calo tiêu hao khi
tập luyện.

Người dùng có thể mở nhật ký theo từng ngày và xem các món ăn, các bài tập
luyện đã thực hiện trong ngày hơm đó.
Ngồi theo dõi lượng calo nạp vào và tiêu thụ hằng ngày, người dùng cũng có
thể ghi lại cân nặng hàng ngày để theo dõi tiến độ.
2.3.3. Kết quả
Một số hình ảnh của ứng dụng:

GVHD: Trần Anh Dũng

Thiều Quang Lâm


13

Hình 2. Giao diện khi mở ứng dụng

GVHD: Trần Anh Dũng

Thiều Quang Lâm


14

Hình 3. Nhập thơng tin cá nhân

GVHD: Trần Anh Dũng

Thiều Quang Lâm



15

Hình 4. Giao diện Trang chủ và Nhật ký

GVHD: Trần Anh Dũng

Thiều Quang Lâm


16

Hình 5. Giao diện Món ăn và Chế độ ăn

Hình 6. Giao diện thêm món ăn vào bữa ăn

GVHD: Trần Anh Dũng

Thiều Quang Lâm


17

Hình 7. Giao diện tìm kiếm món ăn

GVHD: Trần Anh Dũng

Thiều Quang Lâm


18


Hình 8. Giao diện thêm hoạt động

GVHD: Trần Anh Dũng

Thiều Quang Lâm


19

Hình 9. Giao diện ghi lại cân nặng và lượng nước uống hàng ngày

Hình 10. Giao diện thêm chi tiết hoạt động

GVHD: Trần Anh Dũng

Thiều Quang Lâm


20

CHƯƠNG 3: TỔNG KẾT
Quãng thời gian thực tập tại Danh Việt đã giúp em cải thiện bản thân rất nhiều trong
quy trình làm việc thực tế, tác phong của người kỹ sư phần mềm. Được làm việc tại
đây, em đã học thêm được kỹ năng mềm sử dụng mail, quản lý ticket, làm việc nhóm,
giao tiếp với cấp trên, …
Chỉ trong thời gian hạn chế, em đã hoàn thành dự án cá nhân trong q trình training
với các tính năng, yêu cầu đặt ra ban đầu.
Khi tham gia vào dự án thực tế, em cũng hoàn thành tốt các tác vụ đúng hạn và đạt
chất lượng tốt.

3.1. Điểm mạnh
-

Trải nghiệm quy trình làm việc của một dự án theo mơ hình Agile.

-

Xây dựng giao diện của một ứng dụng di động mang lại giá trị cho người dùng.

Học hỏi và tích lũy thêm nhiều kiến thức khơng chỉ thuộc mảng UX/UI Design
mà cịn về Business Analyst, Development,…
Hiểu được quy trình, nguyên tắc xây dựng giao diện người dùng theo nguyên
tắc Design Thinking đi từ ý tưởng đến việc phân tích rồi đi vào thực hiện đưa ý tưởng
thành hiện thực.
Nâng cao tư duy, kỹ năng thiết kế khi tiếp cận nhiều xu hướng và công nghệ
mới.
Nâng cao khả năng làm việc nhóm và học được cách quản lý cơng việc, thời
gian.
Kỹ năng giao tiếp với đồng nghiệp và khách hàng, tư duy phản biện, giải quyết
vấn đề được nâng cao.
3.2. Điểm yếu
-

Khó khăn về mặt di chuyển khi cơng ty có vị trí địa lý xa nơi ở.

Khó khăn trong những ngày đầu làm quen với quy trình làm việc do sinh viên
chưa được trải nghiệm môi trường thực tế trước đây.
Khó khăn về mặt giao tiếp, trao đổi cơng việc vào những ngày đầu do chưa
quen biết được toàn bộ các thành viên của team.
Khó khăn về việc trao đổi dự án trong những ngày đầu với Mentor do sinh viên

chưa nắm rõ được quy trình làm việc thực tế của một công ty.

GVHD: Trần Anh Dũng

Thiều Quang Lâm


21

TÀI LIỆU THAM KHẢO
• Nguyen N. (2022, March 18). Tổng Hợp Nguyên Tắc Vàng Và Xu Hướng
Thiết Kế UI/UX Nổi Bật Bạn Khơng Nên Bỏ Qua. Glints Vietnam Blog.
/>• The 6 Key Principles of UI Design. (n.d.). Maze. Retrieved June 28, 2023, from
/>• The Basics of UX and UI Design Principles. (n.d.). Retrieved June 28, 2023,
from />• TopDev. (2020, October 24). Một số nguyên tắc thiết kế UI/UX website.
TopDev. />
GVHD: Trần Anh Dũng

Thiều Quang Lâm



×