Connect with us

Kinh Nghiệm Hay

4 cách để chơi game Flash mà không cần Flash

Published

on

Adobe Flash có thể đã chết, nhưng những website dưới đây vẫn đảm bảo các tựa game viết trên nền tảng này mãi mãi tồn tại.

Adobe Flash nay không còn nữa. Adobe đã ngừng hỗ trợ ứng dụng Flash Player trên toàn cầu vào ngày 31/12/2020, và đến ngày 12/1/2021, các nội dung chạy trên Flash Player sẽ bắt đầu bị chặn hoàn toàn.

Flash từng là một cột trụ của internet trong suốt những năm 2000, và trong hơn 20 năm qua, nó đã xây dựng được một đế chế game hùng mạnh chưa từng có tiền lệ, với số lượng lên đến hàng chục ngàn tựa game.

Hiện nay, khi các website chứa nội dung Flash đang dần rơi rụng, nhiều người tự hỏi liệu di sản game mà Flash để lại có chịu chung số phận?

Trong bài viết này, VNReview sẽ liệt kê một loạt các dự án đang được thực hiện nhằm bảo tồn các tựa game Flash cho nhiều thế hệ tương lai.

Cái chết của một tạo tác lịch sử

Cái chết của Adobe Flash không khiến nhiều người bất ngờ. Dù Adobe đã ngừng hỗ trợ Flash vào ngày 31/12/2020, chiếc đinh đầu tiên đóng vào cỗ quan tài của Flash là khi Apple quyết định không hỗ trợ nó trên các thiết bị iOS của hãng vào năm 2010. Trong một lá thư ngỏ giải thích cho quyết định này, Steve Jobs đã chỉ trích hiệu năng, mức độ tiêu thụ năng lượng, và những lỗ hổng bảo mật của Flash.

Có lẽ Apple đã đúng, khi mà nhiều nhà xuất bản nội dung khác đã đứng về phía họ trong việc chỉ trích nhiều vấn đề của Flash. Tuy nhiên, vào năm 1998, khi Flash lần đầu được tung ra, nó đã hoàn toàn cách mạng hoá internet.

Là một công cụ hoạt hoạ đơn giản, Flash đã giúp biến giao diện tĩnh đầy chữ của internet thành cổng thông tin tương tác như chúng ta thấy ngày nay. Và cũng không mất quá nhiều thời gian trước khi Flash nhận được sự chú ý từ cộng đồng game, những người nhanh chóng bắt đầu sử dụng nó để tạo ra nhiều tựa game thú vị.

Di sản game trải dài 20 năm

Vào năm 2000, Tom Fulp mở cửa cổng game Flash tự động hoá của mình, Newgrounds, có chức năng chấp nhận, xử lý và xuất bản nội dung Flash lên internet một cách tức thời. Newgrounds được xem là nền móng cho sự trỗi dậy của các tựa game Flash.

Với chỉ một cú nhấn chuột, bạn có thể nạp, xem, và tương tác với các nội dung Flash nói chung và các game Flash nói riêng. Mọi thứ diễn ra một cách đột ngột, chỉ 5 năm trước khi YouTube ra đời.

Đến thời điểm Adobe ngừng hỗ trợ Flash, đã có hàng chục ngàn tựa game được phát triển bằng công nghệ này. Thậm chí Nintendo cũng từng tung ra một tựa game Flash của riêng mình, “Mission in Snowdriftland”, như một cách để quảng bá cho các sản phẩm Nintendo khác.

Nhưng nay, khi Adobe đã rút ống thở của Flash, di sản game vô tiền khoáng hậu của nó đang trên bờ vực biến mất vĩnh viễn. Và đó là điều chắc chắn sẽ xảy ra nếu không có một loạt các dự án được lập nên và đưa game Flash đến mọi người sau khi Flash bị khai tử và chôn vùi.

Những nỗ lực vì sự sống của game Flash

1. Flashpoint của BlueMaxima

Những nỗ lực nhằm cứu vớt di sản game Flash bắt đầu với sự đóng góp của một cá nhân trên nền tảng Medium tên @bluemaximax011, hay Ben Latimore. Sau khi Latimore xuất bản một bài viết trên Medium và thu được sự chú ý vô cùng tích cực đối với dự án của mình, Flashpoint đã biến thành một dự án bảo tồn web game quốc tế cho đến ngày nay.

Nỗ lực của Latimore bắt đầu vào tháng 1/2018 nhằm ngăn chặn tình trạng thất thoát nội dung trước cái chết của Flash. Kể từ đó, Flashpoint đã biến thành một dự án bảo tồn web game và hoạt hoạ tạo ra bởi nhiều plugins, framework, và tiêu chuẩn khác nhau của internet. Đến phiên bản 9.0, Flashpoint đã cứu được hơn 70.000 tựa game và 8.000 nội dung hoạt hoạ chạy trên nhiều nền tảng khác nhau.

Flashpoint của BlueMaxima sử dụng một launcher tuỳ biến, Apache, và ứng dụng của riêng mình, Flashpoint Secure Player. Với hai công cụ này, bạn có thể chơi nội dung đa phương tiện nền web trong một môi trường nhanh gọn, thân thiện với người dùng, mà không tạo ra những thay đổi vĩnh viễn hay những lỗ hổng bảo mật trên máy tính của mình.

Flashpoint có hai phiên bản: Ultimate, nặng 478GB, chứa mọi nội dung đa phương tiện đã được cứu bởi dự án trong một gói hoàn chỉnh có thể hoạt động offline, và Infinity, nhẹ hơn, chỉ 500MB, cho phép bạn tải về và chơi các nội dung tuỳ thích.

2. Website Flash Game Archive

Flash Game Archive là một kho lưu trữ game Flash miễn phí cho phép bạn chơi ngay trên máy tính của mình bất kỳ lúc nào. Mục tiêu của website này là bảo tồn các tựa game Flash trước khi chúng biến mất hoàn toàn.

Dự án này được thực hiện bởi một nhóm phát triển người Canada tên Dragom. Flash Game Archive là một dự án phi lợi nhuận và sử dụng miễn phí, nhưng nếu bạn tham gia vào nhóm Flash Game Archive trên Patreon, bạn có thể được ưu tiên truy cập đến mọi nội dung bổ sung và được quyền yêu cầu thêm các tựa game mới.

Flash Game Archive mang lại cho bạn cơ hội được tiếp tục chơi các tựa game Flash bằng cách tải về ứng dụng khách của dự án. Ứng dụng này cho phép bạn tải các tựa game Flash theo nhu cầu và chơi chúng offline. Game và các nội dung đa phương tiện khác được lưu trữ trong một trung tâm dữ liệu, hiện đã đạt đến con số hơn 1888 tựa game.

3. Internet Archive

Internet Archive, thư viện số phi lợi nhuận, nơi lưu trữ các website và các tạo tác văn hoá khác, vốn được biết đến rộng rãi thông qua Wayback Machine, hiện là nơi cung cấp công cụ giả lập các tựa game và nội dung Flash. Theo tôn chỉ “có truy cập mới có bảo tồn”, Internet Archive đã thực hiện dự án Emularity nhằm cho các phần mềm đã lỗi thời một cơ hội thứ hai.

Cũng trên tinh thần đó, bằng trình giả lập Ruffle Flash, website đã hỗ trợ Flash ngay trong hệ thống Emularity của mình. Ruffle là một trình giả lập chơi Flash được xây dựng bằng ngôn ngữ lập trình Rust.

Cùng nhau, Internet Archive và Ruffle cho phép bạn chơi các nội dung đa phương tiện Flash như cách bạn từng chơi, kể cả sau tháng 12/2020. Hệ thống này hoạt động trên mọi trình duyệt hỗ trợ Webassembly và không đòi hỏi bạn phải cài đặt Adobe Flash Player.

4. Newgrounds

Newgrounds, website và là công ty giải trí trực tuyến (chính là website đã giúp đưa game Flash lên đỉnh cao thời đại), là một tổ chức khác đang giúp bảo tồn game Flash. Là nhà của các nội dung Flash trong hơn 20 năm qua, website này dự định sẽ tiếp tục con đường đã chọn dù các trình duyệt có ngừng hỗ trợ plugin Flash đi chăng nữa.

Với mục tiêu bảo tồn game và các nội dung Flash, Newgrounds đã phát triển trình chơi Flash riêng. Dù nó phụ thuộc vào plugin Flash của Adobe và bạn có thể sẽ được yêu cầu cài đặt nó, nhưng Newgrounds Player được thiết kế để tạo ra “trải nghiệm duyệt mượt mà trên Newgrounds, đồng thời đảm bảo khả năng tận hưởng mọi nội dung kinh điển của chúng tôi” – theo trang tải về của ứng dụng này.

Tạm kết

Sau hơn 20 năm hoạt động, Flash cuối cùng đã đi đến cuối đoạn đường. Trong nhiều năm trời, cả người dùng lẫn các nhà phát triển đã không ngừng phàn nàn về những lỗi cũng như lỗ hổng bảo mật bên trong ứng dụng này, nhưng không ai phủ nhận được sự thật rằng công nghệ này đã giúp internet trở thành một cửa ngõ tương tác hiệu quả như hiện nay.

Không chỉ vậy, Flash về cơ bản đã khai sinh ra thể loại game nền web và giúp một trong những cộng đồng game indie lớn nhất thế giới hình thành và phát triển. Số lượng game xây dựng bằng Flash trong hơn 20 năm lịch sử lớn đến mức vượt rất xa số lượng các tựa game được phát triển bằng bất kỳ nền tảng nào khác.

Minh.T.T (theo MakeUseOf)

Nguồn: https://vnreview.vn/tu-van-di-dong/-/view_content/content/3378363/4-cach-de-choi-game-flash-ma-khong-can-flash

Continue Reading

Kinh Nghiệm Hay

Cảnh giác cuộc gọi lừa đảo đe dọa khóa SIM

Published

on

Vài ngày gần đây, một số người dùng phản ánh rằng họ đã nhận được các cuộc gọi lừa đảo tự xưng là trung tâm viễn thông.

Những cuộc gọi lừa đảo này đưa ra thông báo rằng số điện thoại của người dùng sẽ bị khóa nếu không cập nhật thông tin thuê bao.

“Trung tâm viễn thông xin thông báo số thuê bao của quý khách sẽ bị tạm khóa trong 24h. Để biết thông tin chính xác, quý khách vui lòng bấm phím 1”, thông báo được đưa ra trong các cuộc.

Kẻ gian đang lợi dụng quy định về quản lý thuê báo để thực hiện các cuộc gọi lừa đảo (Ảnh minh họa).

Kẻ gian đang lợi dụng quy định về quản lý thuê báo để thực hiện các cuộc gọi lừa đảo (Ảnh minh họa).

Có thể thấy, kẻ gian đang lợi dụng quy định về quản lý thuê báo để thực hiện các cuộc gọi lừa đảo, nhằm mục đích đánh cắp thông tin và chiếm đoạt tài sản. Theo tìm hiểu của PV Dân trí, những cuộc gọi này đến từ rất nhiều số điện thoại và có đầu số khác nhau.

Những kẻ gian liên tục thay đổi phương thức và chiêu trò nhằm thực hiện hành vi lừa đảo. Vào tháng 11/2022, nhiều người dùng cũng đã nhận được một số cuộc gọi tự xưng đến từ “Cục viễn thông” và đe dọa khóa SIM.

Theo các chuyên gia tại Trung tâm Giám sát an toàn không gian mạng quốc gia (NCSC), đây là một trong những kịch bản phổ biến được nhiều đối tượng lừa đảo sử dụng. Mục đích của các đối tượng lừa đảo nhằm đánh cắp thông tin cá nhân của người dùng. Những thông tin cá nhân này sau đó có thể bị lạm dụng cho nhiều mục đích khác nhau.

Theo quy định tại Nghị định 49/2017/NĐ-CP, các thuê bao di động cần phải được cập nhật đầy đủ, chính xác thông tin cá nhân (họ và tên, CMND, ngày cấp và nơi cấp,…). Đồng thời, từ ngày 1/8/2022, thuê bao mới phát sinh cũng sẽ phải thực hiện xác thực với cơ sở dữ liệu quốc gia về dân cư.

Từ ngày 15/3, các nhà mạng di động ở Việt Nam đã gửi tin nhắn tới các thuê bao di động trong diện cần phải chuẩn hóa thông tin, đáp ứng yêu cầu đồng bộ với Cơ sở dữ liệu quốc gia về dân cư. Những chủ tài khoản nhận được tin nhắn đa phần là những người dùng có thông tin chưa khớp với cơ sở dữ liệu quốc gia về dân cư.

Theo quy định, sau ngày 31/3, nếu khách hàng vẫn chưa đáp ứng được yêu cầu chuẩn hóa, các nhà mạng sẽ ngừng cung cấp dịch vụ một chiều và tiếp tục gửi tin nhắn thông báo tới chủ thuê bao.

Đến ngày 15/4, sẽ tiếp tục khóa dịch vụ 2 chiều cho các thuê bao chưa đáp ứng yêu cầu và sẽ thực hiện thu hồi số thuê bao từ ngày 15/5 nếu khách hàng vẫn không bổ sung, điều chỉnh lại thông tin kịp thời.

Người dùng hoàn toàn có thể thực hiện chuẩn hóa thông tin thuê bao tại nhà thông qua mạng Internet, hoặc liên hệ với tổng đài thông qua đường dây nóng của mỗi nhà mạng để được hướng dẫn cụ thể.

Nguồn: https://dantri.com.vn/suc-manh-so/canh-giac-cuoc-goi-lua-dao-de-doa-khoa-sim-20230316221344832.htm

Continue Reading

Kinh Nghiệm Hay

2 cách đếm số ký tự, số dòng, số trang trong văn bản Word dễ dàng nhất

Published

on

Bạn muốn xem tổng số ký tự, số dòng và số trang của văn bản Word mình đã soạn thảo nhưng không biết cách thực hiện như thế nào. Hãy cùng Cẩm Nang Tin Hoc tham khảo cách đếm qua một vài bước đơn giản nhất nhé!

I. Cách đếm số ký tự, số dòng và số trang trong Word

1. Thực hiện trên Word 2019, 2016, 2013, 2010, 2007

Hướng dẫn nhanh

Vào Word > Bôi đen văn bản bạn muốn đếm số ký tự, số dòng, số trang > Chọn Review > Chọn WordCount> Xuất hiện hộp thoại Word Count hiển thị thông tin số ký tự, số dòng, số trang.

Hướng dẫn chi tiết

Bước 1: Vào Word > Bôi đen văn bản bạn muốn đếm số ký tự, số dòng, số trang.

Bôi đen văn bản bạn muốn đếm số ký tự, số dòng, số trang

Bôi đen văn bản bạn muốn đếm số ký tự, số dòng, số trang

Bước 2: Chọn Review > Chọn WordCount.

Chọn Review > Chọn WordCount

Chọn Review > Chọn WordCount

Sau đó hộp thoại Word Count sẽ được bật lên cho bạn biết thông tin số ký tự, số dòng, số trang.

Hộp thoại Word Count

Hộp thoại Word Count

Lưu ý: Bạn có thể xem nhanh bằng cách click chuột vào chữ Words bên tay trái nằm ở dòng ngang phía dưới giao diện Word.

Bạn có thể xem nhanh bằng cách click chuột vào chữ Words

Bạn có thể xem nhanh bằng cách click chuột vào chữ Words

2. Thực hiện trên Word 2003

Bước 1: Bôi đen văn bản bạn muốn đếm số ký tự.

Bôi đen văn bản bạn muốn đếm số ký tự

Bôi đen văn bản bạn muốn đếm số ký tự

Bước 2: Chọn ToolWordCount.

Chọn Tool và WordCount

Chọn Tool và WordCount

Bước 3: Xuất hiện hộp thoại Word Count hiển thị thông tin theo thữ tự.

  • Pages: Đếm số trang
  • Words: Đếm số từ, ký tự trong văn bản
  • Character (no spaces): Đếm ký tự không bao gồm khoảng trắng
  • haracter (with spaces): Số ký tự bao gồm cả khoảng trắng
  • Paragraphs: Đếm số đoạn trong trang văn bản
  • Lines: Đếm số dòng trong văn bản

Xuất hiện hộp thoại Word Count

Xuất hiện hộp thoại Word Count

II. Cách đếm số ký tự, số dòng và số trang online

1. Hướng dẫn nhanh

Vào trang web Word Counter > Nhập hoặc paste nội dung vào ô đếm > Đọc thông số bên phải để biết được thông tin số ký tự, số dòng, số trang.

2. Hướng dẫn chi tiết

Bước 1: Vào trang web Word Counter tại đây.

Vào trang web Word Counter

Vào trang web Word Counter

Bước 2: Nhập hoặc paste nội dung vào ô đếm.

Nhập hoặc paste nội dung vào ô đếm

Nhập hoặc paste nội dung vào ô đếm

Bước 3: Đọc thông số bên phải để biết được thông tin số ký tự, số dòng, số trang.

Đọc thông số bên phải để biết được thông tin số ký tự, số dòng, số trang

Đọc thông số bên phải để biết được thông tin số ký tự, số dòng, số trang

Ngoài ra trong khi viết blog, bài tập hoặc có thể là mô tả cho trang đích, chúng ta thường tự hỏi liệu mình đã đếm đúng từ chưa, bạn có thể đếm ký tự nhanh chóng, miễn phí thông qua công cụ https://demkytu.com/ . Bạn có thể sao chép và dán văn bản của mình với các ký tự cần đếm trong vùng văn bản ở trên hoặc bạn có thể nhập các ký tự và từ của mình vào vùng văn bản. Bộ đếm sẽ được cập nhật ngay lập tức, hiển thị số lượng ký tự, từ, câu, đoạn văn và khoảng trắng trong văn bản của bạn, chưa kể mật độ từ khóa (mà bạn có thể cấu hình từ menu tùy chọn) cũng được hiển thị..

Như vậy với các bước đơn giản như trên bạn có thể đếm số ký tự, số dòng, số trang trong văn bản Word nhanh, chính xác và đơn giản. Nếu thấy hữu ích, hãy chia sẻ cho bạn bè cùng biết nhé!

Nguồn tham khảo: Thegioididong.com

Continue Reading

Kinh Nghiệm Hay

Tips tối ưu, thực tế cho thiết kế giao diện Website/App cơ bản và hiệu quả

Published

on

Dù bạn là một UX/UI Designer lâu năm hay là một người mới vào nghề, bạn nhất thiết cần và nên tuân theo một số nguyên tắc chung khi thiết kế. Bài viết dưới đây, kèm theo những hình ảnh trực quan, sẽ giải thích một số điểm lưu ý trong thiết kế giao diện của Website/App.

1. Phông chữ tạo sự khác biệt

Đừng chỉ làm cho văn bản lớn hơn để làm nổi bật hoặc nhấn mạnh. Thay vào đó, hãy sử dụng độ đậm của phông chữ, kiểu chữ hoặc màu đậm hơn.

2. Độ dài văn bản

Tránh sử dụng các dòng dài và văn bản nhỏ để sử dụng toàn bộ bất động sản. Thay vào đó, hãy sử dụng khoảng trống trên màn hình để hiển thị tầm quan trọng của văn bản.
Tham khảo nhanh – Có không quá 9 từ mỗi dòng.

Có không quá 9 từ mỗi dòng

3. Cẩn thận với các nút (button) trên màn hình

Thiết kế nút của Ứng dụng dành cho thiết bị di động cần được định kích thước cẩn thận! Theo một nghiên cứu của MIT, chiều rộng đầu ngón tay của con người là 16-20mm, tức là gần 40-50px.

4. Lưu ý hiệu ứng di chuột trên điện thoại

Trang web dành cho thiết bị di động không có trạng thái di chuột. Các nút (hoặc lời kêu gọi hành động) phải được thiết kế phù hợp để làm cho trang web thực sự đáp ứng.

5. Làm nổi bật nút CTA khi cần thiết

Nút hành động chính được “đánh dấu” trong hộp thoại bên phải, để cung cấp cho nó tầm quan trọng mà nó cần. Hình bên trái khiến 2 nút CTA đồng cấp, không làm nổi bật được mục đích cuối cùng là chọn “Download”. Hình bên phải là phương án giải quyết để người dùng tập trung vào nút được tô màu hơn, tăng tỷ lệ nhấp chuột.

6. Sử dụng nút chọn (radio button)

Sử dụng kiểu nút radio để nhấn mạnh khi bạn có ít hơn 5 tùy chọn và ưu tiên so sánh các tùy chọn giúp họ có cái nhìn trực quan về các lựa chọn màu sắc, kích thước,…
Các Drop-down menu được ưu tiên hơn khi bạn có nhiều hơn 7 tùy chọn, mà không cần phải xem tất cả chúng song song với nhau.

7. Sử dụng Infinite Scroll hay Pagination cho việc hiển thị nội dung?

Infinite scroll nghĩa là kéo không giới hạn, các thông tin liên tục được hiện ra và bạn không biết khi nào nội dung đã hiển thị hết. Kiểu thiết kế này thích hợp có các nội dung có tính khám phá như Pinterest, Twitter, Facebook hay các mạng xã hội, báo chí khác.

Pagination nghĩa là phân trang. Kiểu thiết kế này thích hợp cho các nền tảng hướng tới một mục đích nhất định. Như hình dưới đây, đôi với các sản phẩm điện thoại khác nhau, nhà thiết kế phân tách chúng thành cách thành các ô riêng biệt với hiệu ứng trượt thay vì infinite scroll. Nhờ đó, người dùng có thể dễ dàng so sánh các sản phẩm trên Amazon.

8. Sắp xếp của yếu tố trên giao diện

Vị trí dày đặc được sử dụng cho các nút mang tính chất tương đồng như ‘Spam‘ & ‘Xóa‘. Ví dụ như nút “Spam” và nút “Xóa” trong hình có chung tính chất và mục tiêu nhằm xóa hoặc báo cáo một chủ thể. Khi đó, hai biểu tượng này nhất thiết phải được đặt cạnh nhau.

Vị trí phân tán được sử dụng cho các nút mang tính trái ngược. Ví dụ như ‘Yêu thích‘ & ‘Xóa‘ trong hình là hai biểu tượng có ý nghĩa khác nhau. ‘Yêu thích‘ mang tính tích cực, ‘Xóa‘ mang tính tiêu cực nên chúng cần được tách biệt, giúp người dùng nhận ra sự khác biệt nhanh chóng và tránh ấn nhầm.

9. Thiết lập lựa chọn mặc định

Đối với radio buttonsta cần tạo lựa chọn mặc định mong muốn hoặc lựa chọn thường xuyên cho người dùng có thể sử dụng. Điều này vô cùng quan trọng cho website/app thương mại điện tử.

10. Hữu hình hóa văn bản

Đối với các chức năng phức tạp hoặc trừu tượng, hãy sử dụng biểu tượng và biểu tượng tổ hợp nhãn để tác động cả về mặt lý trí và cảm xúc. Hãy hình tượng hóa, thể hiện với các icon để người dùng chú ý và dễ theo dõi hơn. Điều này cũng khiến thiết kế sinh động hơn thay vì chỉ sử dụng chữ.

11. Tăng khả năng nhấp chuột vào CTA

Các nút CTA thường chứa các động từ mạnh, ví dụ như “Add” trong hình dưới đây. Nhưng bạn không nên chỉ sử dụng động từ, thêm bối cảnh cho hành động để không khiến người dùng khó chịu. Chúng tôi khuyến khích nội dung CTA không quá 3 chữ cái để nút CTA đẹp hơn và người dùng không mất nhiều thời gian để định hình nội dung trong đó.

Ngoài ra, hiện đang được ưa chuộng là “Call to value” (CTV), tức là các nút kêu gọi hành động mang lại giá trị cho người dùng. Vì vậy đừng chỉ thêm “hành động”, hãy thêm cả “ngữ cảnh”!

12. Sử dụng overlap và đổ bóng

Hình ảnh chồng chéo tạo thêm tiêu điểm và chiều sâu cho giao diện. Việc đổ bóng tạo chiều sâu và tập trung vào yếu tố đó trên giao diện. Đây cũng là biện pháp tuyệt vời để tối đa khoảng trống và tối ưu hóa việc sử dụng không gian.

13. Chi tiết hóa các lỗi xuất hiện

Khi người dùng điền vào biểu mẫu, có nhiều trường hợp lỗi có thể xảy ra như giá trị không đúng, hợp lệ, mật khẩu không chính xác, tài khoản chưa đăng ký,… Hãy hiển thị thông báo chính xác lỗi xảy ra trên biểu mẫu. Nếu có thể, bạn có thể thêm phần đề xuất sửa lỗi để người dùng có thể làm theo.

14. Sử dụng nút thay vì chữ

Đóng khung CTA và đổ màu là một cách để nút CTA trở nên ấn tượng và hấp dẫn hơn người dùng. Đôi khi, người dùng bỏ qua việc đọc nội dung trên nút CTA mà chỉ nhấp vào nút nổi bật nhất. Hình bên trái có hai đoạn văn bản được thiết kế giống nhau khiến người dùng phải đọc và định hình và thao tác chính xác nút CTA họ đang cần chọn. Điều này không chỉ gây khó chịu mà ảnh hưởng đến quá trình thao tác, mất thời gian hơn, không thân thiện với người dùng.

15. Sử dụng icon/hình ảnh tương ứng với nội dung

Cũng giống như Tip 10, việc hiển thị nhiều thông tin giống nhau sẽ gây nhàm chán và khiến người dùng khó nắm bắt. Việc sử dụng icon hay hình ảnh tương ứng, liên quan giúp phân biệt các nội dung. Để thấy rõ hơn, bạn xem hình ảnh bên dưới để thấy được hiệu quả bất ngờ giữa các lựa chọn thiết kế.

16. Tận dụng khoảng trắng và màu sắc để phân cách nội dung

Nếu số lượng nội dung cùng cấp quá nhiều, việc chỉ áp dụng Tip 15 (Sử dụng icon/hình ảnh tương ứng với nội dung) là chưa đủ. Để giúp tối ưu việc hiển thị ta cần phân cách bằng màu sắc và khoảng trắng sẽ giúp nội dung trở nên rõ ràng và dễ đọc, dể thao tác hơn rất nhiều. Hiện nay, các mạng xã hội đã áp dụng nguyên tắc này rất hiệu quả trong phần thông báo, nổi bật như Facebook và Instagram.

17. Áp dụng thanh tiến trình ghim trên header

Mặc dù giao diện người dùng trên điện thoại có hiển thị thanh chạy (scroll bar) của trình duyệt ở phía tay phải, nhưng ít người dùng chú ý tới phần này. Đặc biệt, thói quen người dùng cầm điện thoại bằng tay phải và lướt màn hình bằng ngón cái đã che mất yếu tố này. Để hỗ trợ người nhận biết tiền trình đọc nội dung trên trang, ta cần đưa tính năng thanh tiến trình ở phía trên header với màu sắc nổi bật.

18. Tránh màu nền sáng, chói

Tránh nền sáng cho các ứng dụng nặng văn bản. Nó gây căng thẳng cho mắt và khó đọc.

19. Phân biệt Checklist và Radio Button khi áp dụng

Checklist – Sử dụng khu người dùng có thể chọn nhiều phương án cùng lúc
Radio Button – Để lựa chọn một lựa chọn

20. Phân cách bằng thanh cùng tone với nền

Sử dụng tông màu (hoặc bóng râm) cùng màu là một cách chia tách nội dung. Các màu sắc quá rõ ràng, nổi bật so với màu nền (hình bên trái) khiến người dùng mất tập trung vào nội dung. Tuy nhiên, khuyến khích nên tận dụng khoảng trắng, font chữ để phân cách thay vì các đường kẻ.

21. Offset shadow

Offset shadow là một kỹ thuật quen thuộc trong thiết kế với 2 mặt đổ bóng và 2 mặt nhận ánh sáng. Việc thực hiện đổ bóng toàn bộ để làm nổi bật vật thể làm thiết kế trở nên không tự nhiên. Thay vào đó, Sử dụng Offset Shadow làm cho bố cục có vẻ tự nhiên.

22. Hạn chế sử dụng nhiều màu

Thiết kế bên trái sử dụng nhiều màu sắc cho các icon khác nhau và điều này làm tăng việc tiếp nhận thông tin, nhận thức màu sức từ menu. Thay vào đó, hãy thử dùng 2 màu, trong đó một để hiển thị trạng thái đang được chọn.

23. Mô tả chi tiết các trường nhập

Gợi ý người dùng cách nhập nội dung trong trường giúp giảm khả năng phải nhập lại nhiều lần, khiến người dùng khó chịu.

24. Thiết kế các button và trực quan

Các lựa chọn hoạt động tốt hơn với các tùy chọn mô tả trực quan và có thể chạm rộng hơn so với các nút radio. Ví dụ khi so sánh giữa hai phiên bản dưới đây, rõ ràng hình bên phải với hình ảnh nổi bật và vùng thao tác lớn hấp dẫn người dùng hơn.

25. Phân biệt bằng các nhãn màu

Bạn nên thêm màu sắc vào các nhãn phân loại quan trọng để làm nổi bật các nội dung chính, giúp người dùng có cái nhìn trực quan, chính xác khi nhìn lướt.

26. Tận dụng khoảng trắng

Để lên giao diện người dùng trong kích thước giới hạn, hãy tạo khoảng trắng cho các phần thay vì ngăn cách bằng đường kẻ cho cái nhìn rõ rệt hơn nhưng khiến người dùng phân tâm, nội dung trở nên rời rạc hơn. Khoảng trắng luôn là phương án tuyệt vời trong trường hợp này.

27. Mô tả các lựa chọn

Có các tùy chọn mô tả cho một cảnh báo, chỉ dẫn quan trọng giúp người dùng dễ dàng đưa ra các phán đoán, thao tác nhanh chóng và sáng suốt. Ngoài ra có nhiều cách để các CTA hay hơn, nhưng đừng quên Tip 11: không dài quá 3 từ nhé.

28. Tạo màu khác biệt cho các lớp hiển thị

Giữ cho lớp thứ hai, chẳng hạn như một menu thả xuống ít nhất 2 sắc thái (hoặc sắc thái) khác với nền sẽ giúp tạo ra sự nổi bật về mặt hình ảnh.

29. Xử lý hiển thị thanh điều hướng

Thanh điều hướng là một nhân tố quan trọng để tăng trải nghiệm trang và kéo dài thời gian ở lại trang của người dùng. Các yếu tố quan trọng như mũi tên điều hướng phải có tông màu đen và trắng, để hoạt động trên cả nền tối và nền sáng.

Ba ví dụ dưới đây đều sử dụng chung một tấm hình với màu nền đa dạng. Tuy nhiên, hình số ba xử lý tốt nhất dù chỉ áp dụng hai màu cơ bản Đen – Trắng.

30 Tách biệt trường văn bản và nút CTA

Sử dụng một nút dễ phân biệt khác với trường văn bản để làm cho nút này nổi bật hơn và dễ hành động hơn.

31. Sử dụng màu nhấn giúp tạo sự khác biệt

Sử dụng màu nhấn như một yếu tố nâng cao & khác biệt trong thiết kế giúp người dùng phân loại các phần một cách trực quan.

32. Phương pháp đổ bóng với mảng màu tối

Trên các hình ảnh, đối tượng có màu sáng hay quá nhiều màu sắc thì khó để chọn đúng màu sắc cho văn bản. Việc đổ bóng không chỉ tạo sự tự nhiên cho bức ảnh mà vẫn làm nổi bật nội dung, hỗ trợ người dùng đọc và thao tác dễ dàng hơn.

33. Thiết kế nhiều phương tiện để phân biệt các yếu tố trên giao diện

Như bạn đã biết, một số phương pháp thường được áp dụng là sử dụng icon, màu sắc, giải phân cách,… Tuy nhiên sử dụng sự khác biệt bằng hình ảnh một cách tinh tế tạo ra mức độ ưu tiên để người dùng hiểu được, với lời kêu gọi hành động tốt hơn (call-to-action).

34. Lưu ý khoách cách giữa các dòng

Khoảng cách giữa các dòng trong văn bản có tác động, thói quen đến người dùng, đặc biệt với những nội dung mang tính chất thông tin. Nếu giãn dòng quá nhỏ, việc đọc trở nên khó khăn, đôi khi người dùng có thể thoát ngay lập tức nếu nhìn vào những đoạn văn bản như vậy. Trường hợp giãn dòng quá lớn, khu vực hiển thị dài hơn kiến việc đọc nội dung khó tập trung, khó khăn khi đọc tiếp. Người dùng thường có xu hướng đọc lướt và lười đọc vì thế nên giữ khoảng cách văn bản phù hợp. Giữ chiều cao dòng nhiều hơn 20-30% so với chiều cao ký tự để dễ đọc hơn.

35. Sử dụng nội dung phù hợp

Sử dụng nội dung, chữ trong trải nghiệm của người dùng nhằm mục đích chỉ dẫn, giải thích giúp tăng mức độ tương tác của người dùng.

Những tip trên mặc dù khá cơ bản trong thiết kế UX/UI nhưng chúng thực sự hiệu quả. Những tip trên được tham khảo từ Sparklin – Đơn vị phát triển Ứng dụng Website/App, xây dựng thương hiệu có trụ sở tại New Delhi & Bangalore, Ấn Độ.

Continue Reading

Trending