<!DOCTYPE html>
	<html lang="vi" xmlns="http://www.w3.org/1999/xhtml" prefix="og: http://ogp.me/ns#">
	<head>
<title>UI&#x002F;UX là gì? Công việc của UI&#x002F;UX như thế nào?</title>
<meta name="description" content="UI&#x002F;UX là gì? Công việc của UI&#x002F;UX như thế nào? - Savefile - Tin tức -...">
<meta name="author" content="Thế Anh Group">
<meta name="copyright" content="Thế Anh Group">
<meta name="robots" content="index, archive, follow, noodp">
<meta name="googlebot" content="index,archive,follow,noodp">
<meta name="msnbot" content="all,index,follow">
<meta name="geo.region" content="VN-SG">
<meta name="geo.placename" content="Ho Chi Minh">
<meta name="geo.position" content="10.833111;106.641224">
<meta name="generator" content="NukeViet v4.0">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#00b456">
<meta name="msapplication-navbutton-color" content="#00b456">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="#00b456">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta property="og:title" content="UI&#x002F;UX là gì? Công việc của UI&#x002F;UX như thế nào?">
<meta property="og:type" content="website">
<meta property="og:description" content="Savefile - Tin tức - https&#x3A;&#x002F;&#x002F;theanhgroup.com&#x002F;tin-tuc&#x002F;savefile&#x002F;tu-van-chon-dich-vu&#x002F;ui-ux-la-gi-cong-viec-cua-ui-ux-nhu-the-nao-119.html">
<meta property="og:site_name" content="Thế Anh Group - Hosting - Domain - VPS">
<meta property="og:image" content="https://theanhgroup.com/uploads/bnn-tag.jpg">
<meta property="og:url" content="https://theanhgroup.com/tin-tuc/tu-van-chon-dich-vu/ui-ux-la-gi-cong-viec-cua-ui-ux-nhu-the-nao-119.html">
<link rel="shortcut icon" href="https://theanhgroup.com/favicon.ico">
<link rel="preload" as="script" href="https://theanhgroup.com/assets/js/jquery/jquery.min.js">
<link rel="preload" as="script" href="https://theanhgroup.com/assets/js/language/vi.js">
<link rel="preload" as="script" href="https://theanhgroup.com/assets/js/global.js">
<link rel="preload" as="script" href="https://theanhgroup.com/themes/theanhgroup/js/news.js">
<link rel="preload" as="script" href="https://theanhgroup.com/themes/theanhgroup/js/main.js">
<link rel="preload" as="script" href="https://theanhgroup.com/OneSignalSDKWorker.js">
<link rel="preload" as="script" href="https://theanhgroup.com/OneSignalSDKUpdaterWorker.js">
<link rel="preload" as="script" href="https://cdn.onesignal.com/sdks/OneSignalSDK.js">
<link rel="preload" as="script" href="https://theanhgroup.com/themes/theanhgroup/js/intersection-observer.js">
<link rel="preload" as="script" href="https://theanhgroup.com/themes/theanhgroup/js/lazyload.min.js">
<link rel="preload" as="script" href="https://theanhgroup.com/themes/theanhgroup/js/bootstrap.min.js">
<link rel="stylesheet" href="https://theanhgroup.com/stylesheet/css/all.css">
<style>
	body{background: #fff;}
</style>
<script data-show="inline">(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-101091287-1', '.theanhgroup.com');
ga('send', 'pageview');
</script>
</head>
	<body >
<div id="print">
	<div id="hd_print">
		<h2 class="pull-left">Thế Anh Group - Hosting - Domain - VPS</h2>
		<p class="pull-right"><a title="Thế Anh Group - Hosting - Domain - VPS" href="https://theanhgroup.com/">https://theanhgroup.com</a></p>
	</div>
	<div class="clear"></div>
	<hr />
	<div id="content">
		<h1>UI&#x002F;UX là gì? Công việc của UI&#x002F;UX như thế nào?</h1>
		<ul class="list-inline">
			<li>Thứ tư - 05/06/2019 03:05</li>
			<li class="hidden-print txtrequired"><em class="fa fa-print">&nbsp;</em><a title="In ra" href="javascript:;" onclick="window.print()">In ra</a></li>
			<li class="hidden-print txtrequired"><em class="fa fa-power-off">&nbsp;</em><a title="Đóng cửa sổ này" href="javascript:;" onclick="window.close()">Đóng cửa sổ này</a></li>
		</ul>
		<div class="clear"></div>
		<div id="hometext">
			UI/UX là 2 thuật ngữ vô cùng quen thuộc trong các công nghệ thiết kế giao diện website hay thiết kế app, tác dụng chủ yếu là dành cho người dùng những trải nghiệp tốt nhất. Vậy UI là gì? UX là gì? So sánh UI và UX? Công việc của UI và UX là gì? Tất cả đều có tại bài viết dưới đây của theanhgroup.com, mời các bạn cùng tham khảo.
		</div>
		<div id="bodytext" class="clearfix">
			<h3>UI là gì ?</h3>

<p>UI được viết tắt của từ ” User Interface ” là giao diện cho người dùng, làm cho người dùng có thể nhìn thấy được ánh nhìn trực quan nhất, hay nói chính xác hơn thì UI bao gồm tất cả những gì mà người dùng có thể nhìn thấy trong giao diện website như: màu sắc, bố cục, font chữ, hình ảnh ….</p>

<p>UI đóng vài trò vô cùng lớn, là yếu tố giúp truyền tải thông điệp từ người sáng lập, nhà cung cấp dịch vụ hay truyền tải thông điệp từ người thiết kế, và khi đó người thiết kế UI đóng vào trò như là 1 designer để bất kỳ ai cũng có thể hiểu và sử dụng được sản phẩm của bạn.</p>

<div style="text-align:center">
<figure class="image" style="display:inline-block"><img alt="ui ux la gi" height="400" src="https://theanhgroup.com/uploads/tin-tuc/tu-van-chon-dich-vu/ui-la-gi.jpg" width="600" />
<figcaption>UI là gì ?</figcaption>
</figure>
</div>

<p>Hiện nay, phần lớn khách hàng đều đánh giá website của mình thông qua các tiêu chuẩn UI hay UX, sau đó mới test đến các chức năng hay hiệu suất hoạt động của website. Một website được khách hàng đánh giá cao và chất lượng nhất phải tối ưu được UI, UX, ít lỗi bug hay hạn chế bị crash.</p>

<h3>UX là gì ?</h3>

<p>UX được viết tắt của từ ” User Experience ” chính là trải nghiệp cho người dùng, đảm bảo người dùng được trải nghiệm và sử dụng tốt nhất. UX chính là những đánh giá của người dùng khi sử dụng các sản phẩm như: website, app của bạn có dễ dàng sử dụng hay không? cách sắp xếp bố cục đó có ổn định chưa? sản phẩm đó có đặt được mục đích đề ra hay không?</p>

<div style="text-align:center">
<figure class="image" style="display:inline-block"><img alt="ux la gi" height="400" src="https://theanhgroup.com/uploads/tin-tuc/tu-van-chon-dich-vu/ux-la-gi.jpg" width="600" />
<figcaption>UX là gì ?</figcaption>
</figure>
</div>

<p>UX Designer chính là những nghiên cứu và đánh giá về thói quen và cách mà người dùng sử dụng sau đó đánh giá về sản phẩm. Ý nghĩa của từ sử dụng và đánh giá ở đây là những vấn đề liên quan đến việc sử dụng, tiện ích hay sự hiệu quả khi hệ thống hoạt động.</p>

<h3>Sự khác nhau giữa UI và UX</h3>

<h4>Đặc điểm của UI</h4>

<ul>
	<li>Thiết kế chủ đề: cung cấp cho bạn một chủ đề nhất quán, cho sản phẩm hay dịch vụ của bạn dễ nhớ.</li>
	<li>Thiết kế logo: Mỗi logo sẽ có những tính năng và yếu tố, hình thức khác nhau.</li>
	<li>Thiết kế tài sản kễ thuật số: dựa vào UI, khi đó tài sản cần được tạo ra để các nhà phát triển sử dụng, hiện nay có một vài giao diện có khả năng thay đổi trạng thái của nút hay những yếu tố riêng lẻ khác nhau.</li>
	<li>Thiết kế tuỳ chọn website: đảm bảo các bản thiết kế xây dựng nguyên mẫu cơ bản của một vài ứng dụng website mà bạn không cần hỗ trợ, việc này có thể hỗ trợ người thiết kế trải nghiệm cho người dùng.</li>
</ul>

<h4>Đặc điểm của UX</h4>

<ul>
	<li>Thiết kế trải nghiệm cho người dùng chính là quá trình nâng cao sự hài lòng của khách hàng hay duy trì sự tin tưởng sản phẩm bằng cách cải thiện những tính năng sử dụng và sự tương tác giữa khách hàng hay sản phẩm.</li>
	<li>Thiết kế tuyến tính chính là hành trính có cấu trúc có chứa bố cục được thiết kế ở các điểm đầu – giữa – kết. Thiết kế tuyến tính cho phép người dùng thực hiện một hành nào nào đó tại một thời điểm, những luồng nhất quán giúp bạn phân biệt được bao nhiêu thời gian để có thể hoàn thành nhiệm vụ.</li>
	<li>Thiết kế dự đoán: giúp nhận ra nhu cầu của người dùng để có thể thu thập nhanh chóng và hiệu quả, khi đó nó có thể làm giảm khả năng va chạm và để người dùng hoàn thành ý định của mình.</li>
	<li>Tiết lộ luỹ tiến: Nếu như website hay app của bạn chứa nhiều thông tin, dữ liệu thì bạn có thể áp dụng kỹ thuật tiết lộ luỹ tiến nay để có thể nâng cao trải nghiệm người dùng, giúp hiển thị thông tin chỉ hiển thị khi người dùng cần nó, đảm bảo bạn không bị quá tải thông tin hay phân tâm nội dung không liên quan đến mục tiêu.</li>
	<li>Thông tin dựa trên ngữ cảnh: giúp hiển thị thông tin có liên quan và cụ thể nhất với ngữ cảnh của người dùng, đây chính là công cụ giúp tạo ra những trải nghiệm người dùng tối ưu nhất.</li>
</ul>

<h4>Công việc của 1 UI hay UX</h4>

<ul>
	<li>Công việc của UI Designer</li>
	<li>Xem xét và cảm nhận</li>
	<li>Phân tích khách hàng.</li>
	<li>Nghiên cứu thiết kế.</li>
	<li>Xây dựng thương hiệu và phát triển đồ họa.</li>
	<li>Xây dựng hướng dẫn sử dụng / Cốt truyện.</li>
	<li>Sự đáp ứng và tương tác</li>
	<li>Xây dựng sản phẩm mẫu.</li>
	<li>Sự tương tác và hoạt hình.</li>
	<li>Sự thích ứng với tất cả các kích cỡ của màn hình thiết bị.</li>
	<li>Thực hiện với nhà phát triển</li>
</ul>

<h4>Công việc của UX Designer</h4>

<ul>
	<li>Chiến lược và nội dung</li>
	<li>Phân tích đối thủ cạnh tranh</li>
	<li>Phân tích khách hàng</li>
	<li>Cơ cấu / Chiến lược sản phẩm</li>
	<li>Phát triển nội dung</li>
	<li>Xây dựng dụng cụ trực quan và sản phẩm mẫu</li>
	<li>Kiểm tra / Lặp lại</li>
	<li>Lên kế hoạch phát triển</li>
	<li>Thực hiện và Phân tích</li>
	<li>Phối hợp với nhà thiết kế giao diện người dùng</li>
	<li>Phối hợp với các nhà phát triển</li>
	<li>Theo dõi mục tiêu</li>
	<li>Phân tích và lặp lại</li>
</ul>

<p>Hi vọng với những chia sẻ trên về UI/UX là gì? hay những đặc điểm và công việc của 1 designer UI hay UX sẽ giúp bạn hiểu hơn về công nghệ thiết kế giao diện website/ app dành cho trải nghiệm người dùng tốt nhất. Chúc các bạn thành công.</p>
		</div>
	</div>
	<div id="footer" class="clearfix">
		<div id="url">
			<strong>URL của bản tin này: </strong><a href="https://theanhgroup.com/tin-tuc/tu-van-chon-dich-vu/ui-ux-la-gi-cong-viec-cua-ui-ux-nhu-the-nao-119.html" title="UI&#x002F;UX là gì? Công việc của UI&#x002F;UX như thế nào?">https://theanhgroup.com/tin-tuc/tu-van-chon-dich-vu/ui-ux-la-gi-cong-viec-cua-ui-ux-nhu-the-nao-119.html</a>

		</div>
		<div class="clear"></div>
		<div class="copyright">
			&copy; Thế Anh Group - Hosting - Domain - VPS
		</div>
		<div id="contact">
			<a href="mailto:info@theanhgroup.com">info@theanhgroup.com</a>
		</div>
	</div>
</div>

		</div>
        <div id="timeoutsess" class="chromeframe">
            Bạn đã không sử dụng Site, <a onclick="timeoutsesscancel();" href="https://theanhgroup.com/#">Bấm vào đây để duy trì trạng thái đăng nhập</a>. Thời gian chờ: <span id="secField"> 60 </span> giây
        </div>
        <div id="openidResult" class="nv-alert" style="display:none"></div>
        <div id="openidBt" data-result="" data-redirect=""></div>
<div id="run_cronjobs" style="visibility:hidden;display:none;"><img alt="" src="/index.php?second=cronjobs&amp;p=r8Av5Rd8" width="1" height="1" /></div>
<script src="https://theanhgroup.com/assets/js/jquery/jquery.min.js"></script>
<script>var nv_base_siteurl="/",nv_lang_data="vi",nv_lang_interface="vi",nv_name_variable="nv",nv_fc_variable="op",nv_lang_variable="language",nv_module_name="tin-tuc",nv_func_name="savefile",nv_is_user=0, nv_my_ofs=-4,nv_my_abbr="EDT",nv_cookie_prefix="nv4",nv_check_pass_mstime=1738000,nv_area_admin=0,nv_safemode=0,theme_responsive=1,nv_is_recaptcha=1,nv_recaptcha_sitekey="6LcBa6sUAAAAAL3xxPH8QGCnxx1DtQN_Qu8zAtTm",nv_recaptcha_type="image",nv_recaptcha_elements=[];</script>
<script src="https://theanhgroup.com/assets/js/language/vi.js"></script>
<script src="https://theanhgroup.com/assets/js/global.js"></script>
<script src="https://theanhgroup.com/themes/theanhgroup/js/news.js"></script>
<script src="https://theanhgroup.com/themes/theanhgroup/js/main.js"></script>
<script type="application/ld+json">
		{
			"@context": "http://schema.org",
			"@type": "LocalBusiness",
			"url": "/",
			"logo": "/uploads/logo.svg",
			"image": "/uploads/logo.svg",
			"priceRange": "VND",
			"hasMap": "https://goo.gl/maps/GxvwWZZZJwYi28GR7",
			"email": "mailto: khachhang@theanhgroup.com",
			"address": { 
			"@type": "PostalAddress", 
			"addressLocality": "Gò Vấp", 
			"addressRegion": "Hồ Chí Minh", 
			"postalCode":"700000", 
			"streetAddress": "164/64 Bùi Quang Là, Q. Gò Vấp, TP. Hồ Chí Minh" 
			},
			"description": "Công Ty TNHH Thế Anh Group chuyên cung cấp giải pháp lưu trữ website, máy chủ ảo, tên miền giá rẻ uy tín hàng đầu Việt Nam",
			"name": "Công Ty TNHH Thế Anh Group", "telephone": "088-877-6611",
			"openingHours": [ "Mo-Fri 08:00-17:00", "Sat 08:00-12:00" ],
			"geo": { "@type": "GeoCoordinates", "latitude": "10.833485", "longitude": "106.641419" },
			"sameAs" : [ "https://www.facebook.com/TheAnhGroup/" , "https://www.pinterest.com/theanhgroup/"] 
		}
		</script>
<script src="https://theanhgroup.com/OneSignalSDKWorker.js" async=""></script>
<script src="https://theanhgroup.com/OneSignalSDKUpdaterWorker.js" async=""></script>
<script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" async=""></script>
<script>
		  var OneSignal = window.OneSignal || [];
		  OneSignal.push(function() {
			OneSignal.init({
			  appId: "a62d202f-ca22-40ca-9987-e10da3bfbd9a",
			});
		  });
		</script>
<script>
		$(document).ready(function() {
			if (document.documentElement.clientWidth > 786 ) {
				window.onscroll = function() {myFunction()};
				var navbar = document.getElementById("main-menu");
				var sticky = navbar.offsetTop;
				function myFunction() {
					if (window.pageYOffset >= sticky) {
						navbar.classList.add("sticky")
					} else {
						navbar.classList.remove("sticky");
					}
				};
			}
			else
			{
				window.onscroll = function() {sticky_search_box()};
				var navbar_search = document.getElementById("box-search");
				var sticky_search = navbar_search.offsetTop;
				function sticky_search_box() {
					if (window.pageYOffset >= sticky_search + 300) {
						navbar_search.classList.add("sticky-search")
					} else {
						navbar_search.classList.remove("sticky-search");
					}
				}
			}
		});
		</script>
<script src="https://theanhgroup.com/themes/theanhgroup/js/intersection-observer.js"></script>
<script src="https://theanhgroup.com/themes/theanhgroup/js/lazyload.min.js"></script>
<script>
			var lazyLoadInstance = new LazyLoad({
				elements_selector: ".img-lazyload"
			}); 
		</script>
<script src="https://theanhgroup.com/themes/theanhgroup/js/bootstrap.min.js"></script>
</body>
</html>