10 xu hướng thiết kế web lỗi thời sẽ bỏ qua

[ad_1]

              
              
            
                 
                 
                      
                    
                                              
                

Nếu bạn đã chuyển từ nhà này sang nhà khác, bạn sẽ biết việc thoát khỏi những thứ bạn đã sở hữu trong nhiều năm khó khăn như thế nào. Trong khi đào qua tủ quần áo của bạn, bạn tìm thấy một chiếc quần cũ mà bạn thường mặc mọi lúc mặc dù các lỗ trên đầu gối ngày càng lớn. Nhưng bạn có thể nói với bản thân mình, có lẽ tôi sẽ mặc chúng quanh nhà khi trời ấm hơn, hay tôi cá là vẻ ngoài của grunge sẽ quay trở lại theo phong cách.

Nó cũng dễ dàng thực hiện các loại biện minh này trong thiết kế và phát triển web. Bạn nghĩ:

Tôi đã sử dụng thẻ meta từ khóa miễn là tôi có thể nhớ. Điều gì có thể làm tổn thương để tiếp tục làm như vậy?

Tương tự như cách quần áo của bạn có thể trở nên lỗi thời hoặc thiết bị của bạn bị lỗi thời theo thời gian, điều tương tự cũng xảy ra với xu hướng thiết kế và phát triển. Thay vì nắm giữ các kỹ thuật không còn phục vụ bạn và chỉ thêm nhiều hơn vào khối lượng công việc của bạn, thì đó là một ý tưởng tốt hơn nhiều để loại bỏ chúng và nhường chỗ cho các xu hướng hiện đại mà màll sẽ có tác động lớn hơn.

10 xu hướng thiết kế phổ biến đã đến lúc phải chết

Khi chúng ta nói về xu hướng thiết kế web lỗi thời, chúng ta không chỉ nói về những xu hướng đã lỗi thời trong nhiều năm. Chúng tôi cũng đề cập đến các xu hướng và kỹ thuật mà chúng tôi biết vì thực tế đã làm tổn hại đến trải nghiệm người dùng và cần phải bỏ đi càng sớm càng tốt.

1. Hình ảnh chứng khoán phô mai

Không có gì xấu về việc sử dụng hình ảnh chứng khoán. Nhiều khách hàng không có ngân sách hoặc ngân sách để tạo ra hình ảnh công ty của riêng họ và hình ảnh chứng khoán là một sự thay thế khả thi.

Điều đó nói rằng, đã có lúc những hình ảnh chứng khoán xấu (tức là siêu nhảm và không thực tế) là tất cả những cơn thịnh nộ. Thậm chí ngày nay, bạn sẽ tìm thấy các trang web sử dụng các loại ảnh này bởi vì vẫn còn một giả định rằng hai người bắt tay nhau trong phòng hội thảo được chiếu sáng tốt báo hiệu sự tin tưởng. (Nó không có.)

 Thỏa thuận tốt. Cận cảnh hai người kinh doanh bắt tay nhau khi ngồi tại nơi làm việc "width =" 1856 "height =" 1280 "/> </div>
<p> <em> Hình ảnh qua DepositPhotos. </em> </p>
<h3> 2. Anh hùng trượt </h3>
<p> Công nghệ trượt hình ảnh khá tuyệt vời vào thời hoàng kim. Nó cho phép các nhà thiết kế web tiết kiệm không gian trong khi hiển thị một số ưu đãi khuyến mại cùng một lúc. Ngoài các thanh trượt thường làm chậm tốc độ trang, chúng cũng có xu hướng làm chậm người dùng khi họ làm họ mất tập trung khi di chuyển lên các phần khác của trang web. </p>
<p> Chẳng hạn, Verizon Wireless, có một ví dụ tuyệt vời về thiết kế hình ảnh anh hùng mạnh mẽ nhưng đơn giản vào năm 2019: </p>
<div class=  Verizon Wireless 2019 "width =" 1856 "height =" 1028 "/> </div>
<p> Điều này khác rất nhiều so với thanh trượt hình ảnh được sử dụng vào năm 2013: </p>
<div class=  Verizon Wireless 2013 - Thanh trượt - Xu hướng thiết kế web lỗi thời "width =" 1856 "height =" 1028 "/> </div>
<p> Đối với hầu hết các phần, chúng tôi đã học được cách hiệu quả hơn với không gian này, mặc dù vẫn có một số trang web không thể đưa ra suy nghĩ về việc cung cấp trên màn hình gấp, điều này chỉ gây khó khăn hơn cho khách truy cập để quyết định các bước tiếp theo. Hãy chủ động và làm điều đó cho họ với một biểu ngữ anh hùng duy nhất. </p>
<h3> 3. Tự động phát </h3>
<p> Nó không phổ biến để tìm các trang web có âm thanh nền, hãy để một mình tự động phát âm thanh, những ngày này. Điều đó nói rằng, những gì bạn thỉnh thoảng tìm thấy là các trang web tự động phát video hoặc quảng cáo với âm thanh. Không cần phải nói, điều này cần phải dừng lại. Nếu người chơi video (hoặc âm thanh) của bạn không cho phép khách truy cập của bạn kiểm soát khi họ bắt đầu, hãy thay đổi điều đó ngay bây giờ. </p>
<h3> 4. Quy tắc 3 lần nhấp </h3>
<p> Trong những năm qua, các nhà thiết kế web đã tìm cách để giảm ma sát trong trải nghiệm người dùng. Quy tắc ba lần nhấp có nghĩa là một trong những cách để làm điều này. Tuy nhiên, theo một báo cáo gần đây của Tập đoàn Nielsen Norman, có rất nhiều dữ liệu để sao lưu tuyên bố này: </p>
<div class=

Trên thực tế, một nghiên cứu của Joshua Porter đã trình làng nó; nghiên cứu cho thấy rằng người dùng bỏ học không tăng khi tác vụ liên quan đến hơn 3 lần nhấp, cũng không làm giảm sự hài lòng. Hạn chế chi phí tương tác thực sự quan trọng, nhưng hình ảnh phức tạp hơn đơn giản là đếm số lần nhấp và có quy tắc cho số lượng tối đa được phép.

Thay vì giảm thiểu tối thiểu hóa sake sake, hãy xem xét mức độ phức tạp của nhiệm vụ hoặc kênh mà bạn thiết kế khi xác định số lượng bước.

5. (Bên ngoài) Liên kết mở trong cùng một tab

Có một số lý do để thêm liên kết vào nội dung của bạn: cho mục đích điều hướng, mục đích quảng cáo và mục đích tham khảo. Nhưng khi bạn thêm một siêu liên kết vào văn bản của mình, hãy xem xét các điều sau: Có ổn không nếu liên kết hướng khách truy cập đến một trang trong cùng tab trình duyệt này?

Chẳng hạn, các liên kết ngoài sẽ luôn mở trong tab trình duyệt mới. Mục tiêu của bạn trong việc thiết kế một trang web là để có được nhiều khách truy cập để chuyển đổi. Để một liên kết bên ngoài thay thế trang web của bạn trong tab mở sẽ chỉ làm giảm khả năng điều đó xảy ra. Trong một số trường hợp, các liên kết nội bộ không nên được mở trong cùng một tab. Vì vậy, hãy chắc chắn suy nghĩ về điều này vào lần tới khi bạn thêm một liên kết đến trang web của mình.

6. Cuộn không truyền thống

Mặc dù chúng tôi đã quen với việc vuốt các cử chỉ trong ứng dụng di động, nhưng cuộn ngang và truyền thống khác không phải là một thứ gì đó mà mà Bắt gặp trên các trang web. Mặc dù, nó chắc chắn là một xu hướng thiết kế giúp nhiều doanh nghiệp tự tạo ra sự khác biệt so với vài năm trước, nhưng nó lại quá phô trương để sử dụng những ngày này.

Trang web sơ yếu lý lịch tương tác Robby Leonardi, là một trong những trang web đầu tiên tôi nhớ thấy và đó là một cách tuyệt vời để thu hút sự chú ý – đặc biệt là từ những người trong chúng ta lớn lên cùng Mario.

 Cuộn cuộn bên Robby Leonardi "width =" 1856 "height =" 1028 "/> </div>
<p> Nhưng hôm nay thì sao? Bất kỳ loại cuộn phi truyền thống nào là không thực tế và không cần thiết. Ngay cả trang web hiện tại của Robby, đã phá vỡ thiết kế cuộn bên này và biến nó thành một trang cuộn dọc: </p>
<div class=  Cuộn dọc Robby Leonardi "width =" 1425 "height =" 789 "/> </div>
<p> Nếu bạn muốn giữ khách truy cập tương tác với trang web của bạn trong thời đại ngày nay, don don làm cho họ tìm ra cách cuộn qua trang web của bạn. </p>
<h3> 7. Thẻ meta từ khóa </h3>
<p> Trong nhiều năm (chúng tôi nói chuyện gần một thập kỷ), thẻ meta từ khóa đã không được hỗ trợ bởi các công cụ tìm kiếm phổ biến. Mặc dù biết rằng thẻ meta là vô dụng, một số nhà thiết kế vẫn dành thời gian để thêm nó vào. Nhưng tại sao phải bận tâm nếu nó thêm một bước nữa khiến bạn không có gì trở lại? </p>
<h3> 8. Cửa sổ bật lên xấu </h3>
<p> Mặc dù các cửa sổ bật lên đã trải qua một quá trình phát triển trong nhiều năm – từ các quảng cáo bật lên siêu khó chịu xuất hiện bên ngoài trình duyệt đến các thông báo về quyền riêng tư hiện tại mà chúng ta thấy nhờ GDPR. Mặc dù chắc chắn có một số giá trị trong việc sử dụng cửa sổ bật lên trên một trang web, nhưng có quá nhiều loại cửa sổ bật lên xấu cần phải biến mất. </p>
<p> Các cửa sổ bật lên của Bad Bad là những ứng dụng: </p>
<ul>
<li> Xuất hiện quá sớm trên một trang web (như người thứ hai vào đó); </li>
<li> Xuất hiện quá nhiều lần trong một lần ghé thăm hoặc quay lại; </li>
<li> Gửi người dùng đến Facebook Messenger để thu thập nam châm chính của họ và sau đó bắn phá họ bằng tin nhắn ở đó; </li>
<li> Chứa hai nút. Người dùng chấp nhận đề nghị, nhận được một tin nhắn thân thiện. Những người không có ngôn ngữ được phục vụ bằng ngôn ngữ gây hấn hoặc xấu hổ; </li>
<li> Lặp lại một đề nghị mà từ thiện đã thiết kế vào trang web dưới dạng biểu ngữ quảng cáo. </li>
</ul>
<h3> 9. Trang web tải chậm </h3>
<p> Các trang web di động nổi tiếng là khó khăn để tối ưu hóa tốc độ khi so sánh với các đối tác máy tính để bàn của chúng. Không giống như những năm trước, nơi bạn có thể hợp lý hóa tối ưu hóa tốc độ tối ưu cho thiết bị di động, ngày nay, nó cần phải là ưu tiên với lập chỉ mục đầu tiên trên thiết bị di động của Google. PWAs là một cách giúp trang web di động của bạn tăng tốc độ tức thì. </p>
<p> Trên một lưu ý liên quan, bằng cách thiết kế PWA thay vì trang web phản hồi trên thiết bị di động, bạn có thể phục vụ người dùng có kết nối wi-fi kém hoặc không có – một phân đoạn thường bị bỏ qua trong thiết kế web. </p>
<h3> 10. Flash </h3>
<p> Tôi không thể tin rằng tôi phải đưa cái cuối cùng này vào năm 2019, nhưng có vẻ như có <em> vẫn còn </em> trang web sử dụng Flash Player. </p>
<p> Adobe đã nói với chúng tôi rằng họ sẽ cắt hỗ trợ cho Flash vào năm tới. Các trình duyệt web cũng đang bắt đầu loại bỏ hỗ trợ cho trình phát Flash. Và câu đố tốt. Flash từ lâu đã có vấn đề với các lỗi bảo mật và các vấn đề về khả năng sử dụng. </p>
<p> Nếu bạn đang cố gắng giữ điều này (hoặc khách hàng của bạn đang kéo chân họ), hãy nhớ rằng đây là những gì khách truy cập sẽ thấy trên nhiều trình duyệt vào năm 2020 và hơn thế nữa: </p>
<div class=  Trình phát Flash Kirkland Ellis "width =" 1856 "height =" 1017 "/> </div>
<p> Điểm mấu chốt: Nếu người tạo Flash đang hỗ trợ, bạn cần thực hiện tương tự cho bất kỳ trang web nào vẫn sử dụng nó. </p>
<p class=

Kết thúc

Thật dễ dàng để hiểu được điều quan trọng tiếp theo trong thiết kế web – công nghệ AR, xu hướng kiểu chữ, độ dốc màu sắc, v.v. Nhưng còn tất cả những xu hướng và kỹ thuật đó đã trở thành thói quen trong những năm qua thì sao?

Thay vì giữ các chiến lược thiết kế lỗi thời sẽ chỉ cản trở tiến trình của bạn như một nhà thiết kế web và giữ lại các trang web của khách hàng của bạn, hãy bắt đầu loại bỏ các thực tiễn lỗi thời (hoặc sắp bị lỗi thời) ngay bây giờ.

                
                
                
                

[ad_2]
Source link: webdesignernews

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

.
.
.
.