meocon_yk_nb
23-03-2015, 01:15 PM
Công nghệ thông tin luôn thay đổi và mới lạ, theo xu hướng đó lĩnh vực thiết kế website cũng thay đổi ngày càng tối ưu, hướng tới người dùng sao cho hiệu quả. Một website giữ TOP Google nhưng giao diện không tối ưu với người dùng thì không có gì đảm bảo rằng nó sẽ trụ vững trong thời gian tới khi mà Google ngày càng hướng tới người dùng nhiều hơn.
Cùng Webbee xem 9 xu hướng đổi mới cho website năm 2015 là những xu hướng nào, thay đổi cũng như điều chỉnh phù hợp với website mình nhé!
1. Giao diện Responsive
Không quá lạ khi giao diện Reponsive lên ngôi trong năm nay. Khi mà ngay năm 2013 giao diện Responsive đã được đánh giá cao và phát triển trong năm qua và trong bài xu thế thiết kế giao diện năm 2014 tôi có giới thiệu năm ngoái cũng đã có sự góp mặt của giao diện này.
Khi Google đưa ra những yếu tố ảnh hưởng đến thứ hạng website trong đó có trải nghiệm người dùng trên mobile thì thiết kế Responsive càng thể hiện được thế mạnh của nó. Với giao diện Responsive bạn hoàn toàn có thể “chơi trên dế” của mình một các hiệu quả.
http://webbee.vn/wp-content/uploads/2015/03/9-xu-huong-doi-moi-trong-giao-dien-cho-website-nam-2015-1.jpg
9 xu hướng đổi mới trong giao diện cho website năm 2015
Nhìn chung thì vẫn còn một số tranh cãi là nên làm theme kiểu responsive hay là làm hẳn theme chuyên cho mobile luôn, nhưng không ai nói là “Hãy quên responsive đi!” cả, và thực tế thì ngày càng nhiều website đang đi theo hướng này.
2. Nút bấm tối giản
Những nút bấm này được thiết kế hết sức đơn giản, chỉ có một đường viền cùng với chữ bên trong, không có gì khác. Nếu bạn hover chuột thì sẽ có hiệu ứng màu mè gì đó, nhưng đó là khi hover, còn tổng quát thì nó xuất hiện khá nổi bật và thu hút được chú ý khi kết hợp chung với background cỡ lớn giống như đề cập ở mục 4 dưới đây.
http://webbee.vn/wp-content/uploads/2015/03/9-xu-huong-doi-moi-trong-giao-dien-cho-website-nam-2015-2.jpg
3. Tập trung rất nhiều vào Font chữ (Typography )
Trước đây, những bộ font đẹp chuyên dụng trên web thường được bán với giá rất đắt. Điều này có nghĩa là các trang thiết kế theo kiểu typographic đều yêu cầu bội chi ngân sách, khiến cho những người dùng nhỏ lẻ (bao gồm hầu hết dân dùng WordPress) nằm ngoài cuộc chơi. Tuy nhiên, thời thế đang thay đổi. Các bộ font ngày càng rẻ hơn (hoặc miễn phí, nếu bạn sử dụng Google Fonts), và điều đó nghĩa là các nhà thiết kế có cả một bầu trời tự do để vẽ vời và sáng tạo với website của mình. Ngoài ra, điều này cho phép các nhà sản xuất theme WordPress đính kèm nhiều font chữ hơn trong theme của họ, mang đến nhiều sự lựa chọn cho người sử dụng.
http://webbee.vn/wp-content/uploads/2015/03/9-xu-huong-doi-moi-trong-giao-dien-cho-website-nam-2015-3.jpg
4. Sử dụng ảnh / video làm nền
Một yếu tố khác làm nên thành công của hầu hết các theme nổi tiếng hiện nay, là các thể loại ảnh nền và video đẹp bá cháy. Đây được xem là một cách đơn giản để mang lại điểm nhấn cho website của bạn, khi nội dung cần thể hiện sẽ gây được sự chú ý lớn đối với độc giả. Xu hướng này đang nở rộ và dự là sẽ ngày càng được cải thiện trong thời gian tới.
http://webbee.vn/wp-content/uploads/2015/03/9-xu-huong-doi-moi-trong-giao-dien-cho-website-nam-2015-4.jpg
5. Cuộn, thay vì Click
Khi web trên di động đang bùng nổi và ngành công nghiệp thiết kế web sẽ tiếp tục thay đổi để mang lại những trải nghiệm hiệu quả và tốt nhất trên thiết bị, việc cuộn (scrolling) sẽ thay thế dần các cú Click chuột thần thánh. Bạn có để ý, cuộn lúc nào cũng ít tốn thời gian (chỉ việc di chuyển một ngón tay duy nhất trên con lăn) so với click (phải dùng cả bàn tay để di chuột, rồi nhấn thêm phát nữa). Trực quan, dễ xài, giảm thời gian load trang và cho phép nhiều nội dung động được thể hiện giữa người dùng và website.
http://webbee.vn/wp-content/uploads/2015/03/9-xu-huong-doi-moi-trong-giao-dien-cho-website-nam-2015-5.jpg
6. Thiết kế theo phong cách Thẻ
Có lẽ bạn sẽ thấy phong cách này không mới, và đã gặp rất nhiều nơi, ví dụ như Google Plus hay Pinterest. Thẻ (Card) là một cách tốt để tổ chức các khối nội dung trên trang, sắp xếp lại chúng mà không làm mọi thứ rối tung lên, cung cấp rất nhiều dữ liệu trên màn hình và cả gợi ý người dùng tiếp tục “cuộn xuống để xem tiếp”. Nói ngắn gọn, card gọn gàng và đơn giản nhưng mang lại nhiều lợi ích. Đây là một trong những điều mà website cần, vậy nên đừng ngạc nhiên khi bạn thấy nó sẽ tồn tại và phát triển mạnh từ 2014 sang 2015.
http://webbee.vn/wp-content/uploads/2015/03/9-xu-huong-doi-moi-trong-giao-dien-cho-website-nam-2015-6.jpg
7. Flat Design nở rộ (hay Material Design đang trỗi dậy?)
Thiết kế phẳng đã đạt được nhiều cú đột phá trong năm vừa rồi, và nó sẽ không chịu dừng lại trong năm 2015. Tuy nhiên, có thể, nó sẽ thay đổi thành một cái gì đó mới mẻ hơn, có lẽ là Material Design.
Vậy, Material design là gì?
Material design là “một cái gì đó” mà Google giới thiệu trong năm nay, cùng với hướng đi mới trong việc thiết kế giao diện mobile của họ. Bỏ qua mấy cái định nghĩa trên giấy tờ và các tài liệu chính thống, dựa trên các sản phẩm sử dụng Material Design mà Google đã thực hiện (ví dụ như giao diện Android L, hoặc app Google Play Store phiên bản mới nhất), chúng ta có thể tạm nói rằng, Material Design hầu hết là flat design sử dụng thêm các dải màu nhẹ, có phân chia từng lớp và có chuyển động (animation) giữa các lớp đó để mang lại cảm giác về một thế giới vật lý 3 chiều, mà vẫn giữ được các đặc điểm của flat design.
8. Microinteraction – Tương tác nhỏ
Microinteractions là những trải nghiệm nho nhỏ bên trong một sản phẩm (hoặc một khu vực nào đó trên website) mà chỉ xảy ra trong một trường hợp nhất định nào đó. Ví dụ, khi bạn đọc một website nào đó và cuộn xuống tới gần cuối, sẽ có một popup nhỏ đề nghị bạn cung cấp email để nhận bài mới lần sau. Những tương tác này sẽ giúp thu hút được hành vi của user, trong trường hợp này là có nhiều người đăng ký nhận tin qua email hơn.
http://webbee.vn/wp-content/uploads/2015/03/9-xu-huong-doi-moi-trong-giao-dien-cho-website-nam-2015-8.jpg
9. Cá nhân hóa trải nghiệm người dùng (UX)
Ý tưởng về việc sử dụng cookie để giúp bạn hiển thị những thông tin liên quan tới những vị khách quen không có gì là mới. Netflix dùng cookie để nhớ những bộ phim bạn thường xem. YouTube cũng vậy, ngoài ra còn gợi ý về những video mà có thể bạn hứng thú, dựa trên việc ghi nhận thông tin truy cập gần đây của bạn. Vậy, bạn nghĩ thế nào về việc một trang tin điện tử có sidebar liệt kê những bài viết “Vừa đọc”, giúp bạn quay trở lại nội dung trước đó? Hoặc ẩn đi những bài bạn đã xem để chừa chỗ cho những tin mới hơn được tự động cập nhật?
Với những xu thế trên hy vọng sẽ giúp ích với bạn trong quá trình xây dựng cũng như thay đổi hướng thiết kế giao diện website hiệu quả. Bạn cần tư vấn về thiết kế giao diện có thể đặt câu hỏi dưới bài viết này, với hơn 6 năm kinh nghiệm trong thiết kế website Webbee sẽ giúp bạn định hướng tốt nhất về giao diện cho lĩnh vực hoạt động của bạn.
Chúc các bạn thành công!
Nguồn: 9 xu hướng đổi mới trong giao diện cho website năm 2015 (http://webbee.vn/9-xu-huong-doi-moi-trong-giao-dien-cho-website-nam-2015/)
Cùng Webbee xem 9 xu hướng đổi mới cho website năm 2015 là những xu hướng nào, thay đổi cũng như điều chỉnh phù hợp với website mình nhé!
1. Giao diện Responsive
Không quá lạ khi giao diện Reponsive lên ngôi trong năm nay. Khi mà ngay năm 2013 giao diện Responsive đã được đánh giá cao và phát triển trong năm qua và trong bài xu thế thiết kế giao diện năm 2014 tôi có giới thiệu năm ngoái cũng đã có sự góp mặt của giao diện này.
Khi Google đưa ra những yếu tố ảnh hưởng đến thứ hạng website trong đó có trải nghiệm người dùng trên mobile thì thiết kế Responsive càng thể hiện được thế mạnh của nó. Với giao diện Responsive bạn hoàn toàn có thể “chơi trên dế” của mình một các hiệu quả.
http://webbee.vn/wp-content/uploads/2015/03/9-xu-huong-doi-moi-trong-giao-dien-cho-website-nam-2015-1.jpg
9 xu hướng đổi mới trong giao diện cho website năm 2015
Nhìn chung thì vẫn còn một số tranh cãi là nên làm theme kiểu responsive hay là làm hẳn theme chuyên cho mobile luôn, nhưng không ai nói là “Hãy quên responsive đi!” cả, và thực tế thì ngày càng nhiều website đang đi theo hướng này.
2. Nút bấm tối giản
Những nút bấm này được thiết kế hết sức đơn giản, chỉ có một đường viền cùng với chữ bên trong, không có gì khác. Nếu bạn hover chuột thì sẽ có hiệu ứng màu mè gì đó, nhưng đó là khi hover, còn tổng quát thì nó xuất hiện khá nổi bật và thu hút được chú ý khi kết hợp chung với background cỡ lớn giống như đề cập ở mục 4 dưới đây.
http://webbee.vn/wp-content/uploads/2015/03/9-xu-huong-doi-moi-trong-giao-dien-cho-website-nam-2015-2.jpg
3. Tập trung rất nhiều vào Font chữ (Typography )
Trước đây, những bộ font đẹp chuyên dụng trên web thường được bán với giá rất đắt. Điều này có nghĩa là các trang thiết kế theo kiểu typographic đều yêu cầu bội chi ngân sách, khiến cho những người dùng nhỏ lẻ (bao gồm hầu hết dân dùng WordPress) nằm ngoài cuộc chơi. Tuy nhiên, thời thế đang thay đổi. Các bộ font ngày càng rẻ hơn (hoặc miễn phí, nếu bạn sử dụng Google Fonts), và điều đó nghĩa là các nhà thiết kế có cả một bầu trời tự do để vẽ vời và sáng tạo với website của mình. Ngoài ra, điều này cho phép các nhà sản xuất theme WordPress đính kèm nhiều font chữ hơn trong theme của họ, mang đến nhiều sự lựa chọn cho người sử dụng.
http://webbee.vn/wp-content/uploads/2015/03/9-xu-huong-doi-moi-trong-giao-dien-cho-website-nam-2015-3.jpg
4. Sử dụng ảnh / video làm nền
Một yếu tố khác làm nên thành công của hầu hết các theme nổi tiếng hiện nay, là các thể loại ảnh nền và video đẹp bá cháy. Đây được xem là một cách đơn giản để mang lại điểm nhấn cho website của bạn, khi nội dung cần thể hiện sẽ gây được sự chú ý lớn đối với độc giả. Xu hướng này đang nở rộ và dự là sẽ ngày càng được cải thiện trong thời gian tới.
http://webbee.vn/wp-content/uploads/2015/03/9-xu-huong-doi-moi-trong-giao-dien-cho-website-nam-2015-4.jpg
5. Cuộn, thay vì Click
Khi web trên di động đang bùng nổi và ngành công nghiệp thiết kế web sẽ tiếp tục thay đổi để mang lại những trải nghiệm hiệu quả và tốt nhất trên thiết bị, việc cuộn (scrolling) sẽ thay thế dần các cú Click chuột thần thánh. Bạn có để ý, cuộn lúc nào cũng ít tốn thời gian (chỉ việc di chuyển một ngón tay duy nhất trên con lăn) so với click (phải dùng cả bàn tay để di chuột, rồi nhấn thêm phát nữa). Trực quan, dễ xài, giảm thời gian load trang và cho phép nhiều nội dung động được thể hiện giữa người dùng và website.
http://webbee.vn/wp-content/uploads/2015/03/9-xu-huong-doi-moi-trong-giao-dien-cho-website-nam-2015-5.jpg
6. Thiết kế theo phong cách Thẻ
Có lẽ bạn sẽ thấy phong cách này không mới, và đã gặp rất nhiều nơi, ví dụ như Google Plus hay Pinterest. Thẻ (Card) là một cách tốt để tổ chức các khối nội dung trên trang, sắp xếp lại chúng mà không làm mọi thứ rối tung lên, cung cấp rất nhiều dữ liệu trên màn hình và cả gợi ý người dùng tiếp tục “cuộn xuống để xem tiếp”. Nói ngắn gọn, card gọn gàng và đơn giản nhưng mang lại nhiều lợi ích. Đây là một trong những điều mà website cần, vậy nên đừng ngạc nhiên khi bạn thấy nó sẽ tồn tại và phát triển mạnh từ 2014 sang 2015.
http://webbee.vn/wp-content/uploads/2015/03/9-xu-huong-doi-moi-trong-giao-dien-cho-website-nam-2015-6.jpg
7. Flat Design nở rộ (hay Material Design đang trỗi dậy?)
Thiết kế phẳng đã đạt được nhiều cú đột phá trong năm vừa rồi, và nó sẽ không chịu dừng lại trong năm 2015. Tuy nhiên, có thể, nó sẽ thay đổi thành một cái gì đó mới mẻ hơn, có lẽ là Material Design.
Vậy, Material design là gì?
Material design là “một cái gì đó” mà Google giới thiệu trong năm nay, cùng với hướng đi mới trong việc thiết kế giao diện mobile của họ. Bỏ qua mấy cái định nghĩa trên giấy tờ và các tài liệu chính thống, dựa trên các sản phẩm sử dụng Material Design mà Google đã thực hiện (ví dụ như giao diện Android L, hoặc app Google Play Store phiên bản mới nhất), chúng ta có thể tạm nói rằng, Material Design hầu hết là flat design sử dụng thêm các dải màu nhẹ, có phân chia từng lớp và có chuyển động (animation) giữa các lớp đó để mang lại cảm giác về một thế giới vật lý 3 chiều, mà vẫn giữ được các đặc điểm của flat design.
8. Microinteraction – Tương tác nhỏ
Microinteractions là những trải nghiệm nho nhỏ bên trong một sản phẩm (hoặc một khu vực nào đó trên website) mà chỉ xảy ra trong một trường hợp nhất định nào đó. Ví dụ, khi bạn đọc một website nào đó và cuộn xuống tới gần cuối, sẽ có một popup nhỏ đề nghị bạn cung cấp email để nhận bài mới lần sau. Những tương tác này sẽ giúp thu hút được hành vi của user, trong trường hợp này là có nhiều người đăng ký nhận tin qua email hơn.
http://webbee.vn/wp-content/uploads/2015/03/9-xu-huong-doi-moi-trong-giao-dien-cho-website-nam-2015-8.jpg
9. Cá nhân hóa trải nghiệm người dùng (UX)
Ý tưởng về việc sử dụng cookie để giúp bạn hiển thị những thông tin liên quan tới những vị khách quen không có gì là mới. Netflix dùng cookie để nhớ những bộ phim bạn thường xem. YouTube cũng vậy, ngoài ra còn gợi ý về những video mà có thể bạn hứng thú, dựa trên việc ghi nhận thông tin truy cập gần đây của bạn. Vậy, bạn nghĩ thế nào về việc một trang tin điện tử có sidebar liệt kê những bài viết “Vừa đọc”, giúp bạn quay trở lại nội dung trước đó? Hoặc ẩn đi những bài bạn đã xem để chừa chỗ cho những tin mới hơn được tự động cập nhật?
Với những xu thế trên hy vọng sẽ giúp ích với bạn trong quá trình xây dựng cũng như thay đổi hướng thiết kế giao diện website hiệu quả. Bạn cần tư vấn về thiết kế giao diện có thể đặt câu hỏi dưới bài viết này, với hơn 6 năm kinh nghiệm trong thiết kế website Webbee sẽ giúp bạn định hướng tốt nhất về giao diện cho lĩnh vực hoạt động của bạn.
Chúc các bạn thành công!
Nguồn: 9 xu hướng đổi mới trong giao diện cho website năm 2015 (http://webbee.vn/9-xu-huong-doi-moi-trong-giao-dien-cho-website-nam-2015/)