Các bài viết có giới thiệu thiết kế web đáp ứng với thế giới đã được công bố chỉ hơn năm năm trước.
Trong khoảng thời gian ngắn kể từ khi, thiết kế web đáp ứng đã đi từ một ý tưởng mới thú vị với cách tiếp cận toàn ngành công nghiệp chấp nhận để thiết kế đa thiết bị. Khi chúng ta nhìn đến năm 2016, chúng ta có thể thấy rằng sự trưởng thành của phương pháp này đem lại một số thông lệ tốt nhất cũng như một số xu hướng thú vị.
Chúng ta hãy cùng nhìn lại những xu hướng thành công của năm với một con mắt hướng tương lai.
1. quyến rũ kể chuyện
Nhân loại đã luôn sử dụng những câu chuyện để truyền đạt ý tưởng và chia sẻ thông tin. Câu chuyện kích hoạt các bộ phận của bộ não của bạn rằng các sự kiện đơn giản và con số không. Trên các trang web, kể chuyện tạo ra nội dung trang web hấp dẫn hơn và đáng nhớ.
Phương pháp kể chuyện này đã được chấp nhận bởi các trang web và nhiều nhà văn web hiện đang được sử dụng những câu chuyện để truyền đạt tốt hơn các chi tiết quan trọng, thông tin và dữ liệu hấp dẫn .
Khi sử dụng kể chuyện trong trang web đáp ứng của bạn, một số lời khuyên cơ bản để theo dõi bao gồm:
- Hook độc giả một cách nhanh chóng và chắc chắn rằng bạn có một mở mạnh mẽ mà rơi trên gấp trên tất cả các khung nhìn để độc giả nhìn thấy nó ngay lập tức
- Đảm bảo độ dài dòng cho câu chuyện của bạn là tối ưu cho cả hai màn hình lớn và nhỏ. Đường quá dài rất khó để làm theo, trong khi dòng được nghỉ quá ngắn dòng chảy của đọc bình thường. Phấn đấu cho một phạm vi giữa sáu đến 75 ký tự trên mỗi dòng và điều chỉnh kích thước font chữ khi cần thiết để đạt được kết quả tốt nhất.
- Sử dụng hình ảnh nơi thích hợp để làm nổi bật những câu chuyện, nhưng phải lưu ý kích thước tập tin và đảm bảo tải nhanh chóng trên tất cả các thiết bị
- Làm cho nó dễ dàng cho người đọc để chia sẻ những câu chuyện với những người khác. Xem xét đến việc chức năng chia sẻ ở cả trên và dưới cùng của nội dung để người đọc không cần phải di chuyển đến làm sử dụng các tính năng này. Điều này đặc biệt hữu ích về bố trí màn hình nhỏ mà yêu cầu cuộn đáng kể. Ngoài ra hãy chắc chắn rằng các nút này có thể dễ dàng sử dụng trên màn hình cảm ứng.
Đầy đủ kích thước khung nhìn
2. Ít là nhiều
Nhiều chuyên gia SEO và trang web từ lâu đã cho rằng "càng lớn càng tốt."
Lập luận của họ là một trang web với rất nhiều các trang có cơ hội tốt nhất để xếp hạng cho một loạt các điều khoản quan trọng. Các vấn đề với việc tạo ra các trang web cực kỳ dày đặc là chúng có thể gây nhầm lẫn cho người sử dụng và họ có thể khó khăn để tiếp tục cập nhật. trang đã lỗi thời và nội dung thường được trái bị bỏ quên, tạo trang web là cồng kềnh và không còn phù hợp nữa.
Khi bạn nghĩ về tải nội dung trên các thiết bị nhỏ hơn, bạn có thể tưởng tượng cơn ác mộng khả năng sử dụng mà xảy ra sau đó.
Nhiều trang web đã bắt đầu có những cách tiếp cận đối diện với "lớn hơn là tốt hơn" đề nghị này. trang web nhỏ hơn là siêu tập trung vào các chủ đề cụ thể, loại bỏ bất kỳ trang hoặc nội dung mà không phải là quan trọng đối với kinh nghiệm người dùng.
"Ít hơn" Xu hướng này có thể được nhìn thấy trong sự phổ biến của các trang web một trang duy nhất, bao gồm cả các trang web sai . Bạn cũng có thể nhìn thấy nó trong các trang web đã mạnh đơn giản hóa sơ đồ web của họ.
3. ở khắp mọi nơi
Khi một phương pháp tiếp cận trở nên phổ biến và được sử dụng rộng rãi, như thiết kế web đáp ứng có, mô hình sẽ thường bắt đầu xuất hiện.
Các giá trị trong việc sử dụng một mẫu thiết kế web tốt để giải quyết một vấn đề là người sử dụng sẽ được quen thuộc và thoải mái với giải pháp của bạn.Nhược điểm để sử dụng các mẫu thiết lập là nếu tất cả mọi người sử dụng phương pháp tương tự, các trang web bắt đầu trông rất giống nhau và thiết kế độc đáo sẽ bị mất. Bạn phải cân nhắc lợi ích của việc sử dụng một mô hình thành lập chống lại các nhược điểm của việc không được có thể thiết kế một cái gì đó mới và độc đáo.
Vừa khung nhìn
Quan điểm tablet mở rộng điều hướng theo chiều ngang và thêm một CTA chính ở giữa màn hình cùng với bốn CTAs thứ ở dưới cùng của màn hình.
khung nhìn lớn nhất
Sự chuyển hướng và bố trí nội dung vẫn giống như các khung nhìn máy tính bảng cỡ.
Khi đánh giá các mẫu thiết kế, luôn luôn tự hỏi mình những câu hỏi sau:
- vấn đề gì tôi đang cố gắng để giải quyết?
- Làm thế nào có người khác giải quyết vấn đề này như thế?
- Có mẫu cho những giải pháp hoặc một thực hành tốt nhất thành lập?
- Được mô hình này bị lạm dụng?
- Rào cản nào, nếu có, tồn tại để sử dụng mô hình này vào dự án của tôi?
Để tìm hiểu thêm về các mẫu thiết kế web đáp ứng, kiểm tra một số mô hình bố trí phổ biến như vạch ra bởi Google và hữu ích thư viện đáp ứng...
4. bố trí Thẻ
Một trong những xu hướng thiết kế phổ biến nhất hiện nay là các "bố trí thẻ ." , Bố trí thẻ đã trở thành một phương pháp được sử dụng rộng rãi để trình bày những phần dễ dàng có thể quét được nội dung trên trang web.
bố trí thẻ là rất hấp dẫn khi xem xét các UX cho các trang web đáp ứng. Bởi vì các thẻ này có hiệu quả phá vỡ nội dung xuống thành các khối nhỏ hơn, những khối sau đó có thể dễ dàng sắp xếp lại cho kích thước màn hình khác nhau và nhu cầu bố trí.
khung nhìn lớn nhất
Thẻ có thể giúp cải thiện phân phối thông tin, đó là các trang web tại sao như zalo và Google đã theo với mô hình giao diện người dùng này và lý do tại sao ngày càng có nhiều trang web chắc chắn sẽ áp dụng phương pháp này cho năm 2016 và xa hơn nữa.
5. menu ẩn
Trong khi lợi ích của tiết kiệm không gian trên một thiết kế đáp ứng là không thể phủ nhận, đã có một số lượng người đã lập luận chống lại việc thực hành các menu ẩn. Menu được ẩn để tiết kiệm không gian ít có khả năng được truy cập hơn so với những người được thể hiện một cách nhất quán.
khung nhìn lớn nhất
Một thí nghiệm thực tế cho thấy các mục điều hướng ẩn cắt giảm thời gian tham gia trong một nửa .
Những thách thức của chuyển hướng đáp ứng được một cái gì đó mà các nhà thiết kế giao diện người dùng tiếp tục vật lộn với. Mặc dù có những nhược điểm có thể để các menu ẩn, kỳ vọng mẫu thiết kế này vẫn là một lựa chọn phổ biến cho chuyển hướng đáp ứng.
6. Hình ảnh
Nhiều trang web sử dụng hình ảnh anh hùng khổng lồ mà span toàn bộ chiều rộng và chiều cao của màn hình. Các trang web khác đã đưa ra những cách tiếp cận hoàn toàn trái ngược với hình ảnh anh hùng, tránh sử dụng hoàn toàn và thích màu sắc chỉ đậm và kiểu chữ phong phú trong vị trí của mình.
Hình ảnh anh hùng
Không có hình ảnh anh hùng
Hai xu hướng cạnh tranh đều cung cấp các lợi ích và hạn chế riêng. Sử dụng hình ảnh phong phú có thể thêm sự tinh tế hình ảnh đến một thiết kế, nhưng hình ảnh khổng lồ có nghĩa là có thêm thời gian cho các hình ảnh và các trang web để tải. Loại bỏ hình ảnh anh hùng lớn có thể làm giảm sự phong phú hình ảnh của một thiết kế, nhưng sự mất mát của những hình ảnh tăng tốc thời gian tải.
Ngoài ra, theo Google / YouTube sử dụng kinh nghiệm nghiên cứu , loại bỏ những hình ảnh này thực sự có thể giúp tạo ra một trang web hấp dẫn hơn.Trong nghiên cứu của họ, các nhà nghiên cứu tìm thấy rằng việc giảm thiểu sự phức tạp hình ảnh của một trang, trong khi cũng tăng theo nguyên mẫu của nó, thực sự có thể làm tăng sức hấp dẫn của nó.
Tóm tắt:
hình ảnh anh hùng lớn
- Trực quan phong phú và hấp dẫn
- thời gian tải chậm
Không có hình ảnh anh hùng
- Không phải là trực quan phong phú
- thời gian tải nhanh hơn
- Ít phức tạp có thể làm tăng sức hấp dẫn tổng thể
Cả hai cách để hình ảnh anh hùng là hợp lệ và mỗi hạt có thể sẽ vẫn phổ biến trong năm 2016.
quảng cáo 7. Xem xét lại
quảng cáo trực tuyến và các trang web đáp ứng luôn trải qua một mối quan hệ đầy thử thách.
Trong nhiều năm qua, quảng cáo trực tuyến đã được bán dựa trên kích thước và địa điểm. Điều này đặt ra một vấn đề với các trang web đáp ứng vì kích thước và vị trí của các yếu tố giao diện người dùng khác nhau sẽ thay đổi qua các kích thước màn hình khác nhau. Điều này làm cho quảng cáo cố định kích thước phù hợp nghèo trong một môi trường đáp ứng.
Những thay đổi trong mối quan tâm riêng tư và làm thế nào các trình duyệt web xử lý quảng cáo cũng đang gửi chấn động qua thời gian dài này chủ yếu của Web.
quả táo's iOS9 thêm nhiên liệu đáng kể để lửa này với tuyên bố của họ rằng họ sẽ cho phép ba nhà phát triển bên để tạo quảng cáo phần mềm chặn cho trình duyệt Mobile Safari. Sự thay đổi này có tiềm năng thay đổi cơ bản cách công trình Web .
Trong tương lai rất gần, tất cả các trang web - đáp ứng hay không, sẽ cần phải suy nghĩ lại cách quảng cáo được sử dụng.
8. Cải tiến quy trình làm việc
Không phải tất cả các xu hướng có thể được nhìn thấy bằng mắt trên trang web chính thức. Một số xu hướng xảy ra đằng sau hậu trường như trang web đó đang được thiết kế và phát triển. Một cải tiến quy trình làm việc đáp ứng là một trong những xu hướng.
Một thay đổi quan trọng nhiều nhà thiết kế đang sử dụng là đáp ứng tạo mẫu.
Thay vì thiết kế tĩnh mà tìm cách để hiển thị các điểm dừng khác nhau có thể có trong một thiết kế tiềm năng, công cụ tạo mẫu đáp ứng tạo ra những kinh nghiệm thực tế hơn có thể được triển khai nhanh chóng và dễ dàng.
Những nguyên mẫu sẽ truyền đạt tốt hơn những tương tác này sẽ cho phép bạn để có được thông tin phản hồi thông tin hơn và đưa ra quyết định thiết kế giao diện tổng thể tốt hơn.
Bước tiếp theo
Để tìm hiểu thêm về thực hành tốt nhất cho thiết kế web, kiểm tra hướng dẫn miễn phí Web xu hướng thiết kế năm 2015 và 2016 . Bằng cách phân tích 166 mẫu thiết kế web tốt nhất hiện nay, hướng dẫn xu hướng hữu ích vào chiến thuật thiết kế đơn giản.
0 nhận xét: