Đó là một câu hỏi hay nhưng thiếu điểm. Đây không phải là lý thuyết thiết kế cho trang chủ 'tốt', mà là về giai đoạn tiếp cận thiết kế - một giải pháp sáng tạo hợp lý phục vụ tốt nhất cho mục tiêu / đối tượng khách hàng cho dù đó là trang web, brochure, ứng dụng màn hình cảm ứng, v.v. Bạn nên bắt đầu tại cùng một vị trí cho các yếu tố cốt lõi của dự án của bạn (Tôi đã phát triển quy trình của mình trong nhiều năm). Điều này sẽ bao gồm nền tảng khách hàng / thương hiệu / màu sắc / phông chữ / hình ảnh và quan trọng nhất là những gì họ đang cố gắng đạt được trong ngắn hạn / trung bình / dài hạn.
Đây là chìa khóa - ví dụ: Tôi đã phải xây dựng một hội nghị quốc tế một lần, chưa bao giờ thực hiện nó trước đây, giành được vị trí của chương trình. Tại sao? Bởi vì tôi đã không bắt đầu với gỗ, kính, thảm, đồ họa khổ lớn, màn hình plasma như những cái khác (ví dụ mẫu bootstrap trang chủ của bạn). Khách hàng muốn phá vỡ thị trường với một sản phẩm mới. Họ có đội ngũ nhân viên bán hàng tuyệt vời nên bản tóm tắt đã khiến mọi người có mặt trong suốt sự kiện để chúng tôi có thể nói chuyện với họ - đó là điều đó. Tôi đã thiết kế gian hàng xung quanh một quán cà phê mạng với chỗ ngồi mềm mại, cà phê và trà đắt tiền (miễn phí), điểm truy cập web và email (miễn phí) và màn hình xem định dạng lớn cho các bản demo (có âm thanh và ánh sáng). Tôi cũng đặt một tòa tháp ở giữa đã dừng 6 "trần nhà với các biển báo đối diện với NSEW, bạn có thể thấy điều này từ bất cứ nơi nào trong hội trường. Đứng đã bị đâm trong 3 ngày.
Quay lại trang web của bạn. Tôi bắt đầu với những gì khách hàng đang cố gắng đạt được thông qua ứng dụng của trang web và cách nó phù hợp với kế hoạch tiếp thị ngoại tuyến / ngoại tuyến rộng hơn của họ. Rõ ràng các khách hàng khác nhau sẽ có các mục tiêu khác nhau mặc dù có các yếu tố phổ biến như dịch vụ / liên hệ. Điều này là, những thứ này không tự bán nên bạn không nên bắt đầu với chúng. Thể hiện lợi thế & lợi ích sẽ thu hút người dùng để tìm hiểu khách hàng của bạn và những gì họ đang cố gắng thực hiện với doanh nghiệp. Ví dụ, ổ đĩa tổng thể có thể là để hỗ trợ phát triển nội dung và phương tiện xã hội HOẶC chuyển đổi kỹ thuật số đầy đủ với các dịch vụ và biểu mẫu điện tử HOẶC nó có thể chủ yếu là thông tin / dữ liệu theo chính quyền địa phương.
Một câu hỏi khác: di động là trọng tâm chính? Điều này có vẻ không ổn khi 80% lưu lượng truy cập theo cách đó mặc dù về mặt thương mại, màn hình rộng vẫn còn sống và MIGHT BE là đối tượng chính của khách hàng của bạn - ví dụ như trong HNW Finance chưa được chấp nhận do lo ngại về bảo mật. Trong mọi trường hợp, bạn cần biết FIRST này trước khi quyết định UX, gói trang web, kênh / đường ống, điều hướng và các ưu tiên của trang chủ .
Một vài ví dụ ngắn gọn - Tài chính (Thương mại ngoài khơi) và Cơ quan địa phương (Dịch vụ nước).
Yêu cầu quan trọng của công ty tài chính: (1) thúc đẩy nhân viên / kinh nghiệm (2) lợi ích ra nước ngoài (3) làm rõ những gì họ làm và lĩnh vực thị trường của họ (4) Quản trị (nền tảng, quy định, suy nghĩ tích cực / chuyển tiếp, mức độ / năng khiếu) (5) sự hiện diện di động mới (ứng dụng sắp tới) Trang chủ của tôi hướng dẫn bên dưới hiển thị bên dưới. Menu cực kỳ đơn giản và dẫn đến nhóm & liên hệ (hamburger cho phần còn lại của trang web), logo rõ ràng và anh hùng đủ điều kiện họ là ai và ngoài khơi (không có băng chuyền), đoạn giới thiệu ngắn gọn tóm tắt lời đề nghị với (tối đa 2 ký tự) về văn bản / về văn bản theo bên phải Bốn bảng CTA (kêu gọi hành động) cung cấp các kênh trực tiếp đến thông tin chính để hỗ trợ Quản trị. Mở Sans cho cơ thể màu đen 85% - thân thiện với thiết bị di động. LÀM XONG.
Yêu cầu chính quyền địa phương: (cung cấp dịch vụ và thông tin cho dịch vụ / thoát nước). Mặc dù tổ chức này rất mạnh về môi trường và tiếp thị, bao gồm các bài đăng xã hội hàng ngày, ưu tiên thực sự trong (1) là chuyển đổi sang các dịch vụ kỹ thuật số và đường dây trợ giúp khẩn cấp (2) (3) chuyển sang di động làm kênh thông tin chính (4) 24/7 thông báo trực tiếp về các công việc hiện tại và các vấn đề bao gồm từ các kỹ sư trên mặt đất. Ba kênh chính xác định từ phân tích và nghiên cứu khách hàng là (a) dịch vụ nước (b) tư vấn / hỗ trợ thoát nước (c) giúp khách hàng tự giúp mình bao gồm các tờ thông tin, Câu hỏi thường gặp, trung tâm truyền thông để cắt giảm các cuộc gọi điện thoại)
Giải pháp dưới đây theo hướng dẫn này. Không có anh hùng như vậy, không có băng chuyền - không gian được sử dụng để giới thiệu và liên kết dịch vụ điện tử. 3 kênh cốt lõi + tìm kiếm trang web với các biểu tượng thân thiện với thiết bị di động nằm trên menu phụ dưới thanh điều hướng chính (màu trắng) để giữ cho phần chính này rất rõ ràng chỉ có liên kết khẩn cấp và hamburger trang web. Pink giới thiệu với tư cách là đối tượng mục tiêu 75% là nữ (người trả hóa đơn) và làm việc tốt với màu xanh lam và nước (nước). Biểu tượng bespoke, đơn giản rõ ràng. Thông báo chính (được điều khiển bởi Twitter) theo dõi điều này trên màn hình chính. Độ tương phản màu sắc / mức độ dễ đọc đối với quy định về khả năng tiếp cận (quy định nghiêm ngặt của bộ Gov). CMS điều khiển bao gồm cả đáp ứng di động.
Cuối cùng, không được dẫn dắt bởi các xu hướng trên các trang web mẫu và bootstrap. Hiện tại có một xu hướng (mùa thu 2016) đi kèm với văn bản màu trắng trên phông nền nhạt, phông chữ tiêu đề mỏng (như Helvetica Ultra Light) và <60% màu đen cho văn bản cơ thể tức là màu xám. Chúng đến từ thiết kế in mặc dù chúng tạo ra nhiều vấn đề về khả năng truy cập (ví dụ: khiếm thị và đại diện trên màn hình di động). Hãy nhớ đào tạo thiết kế, hình thức và chức năng của bạn, đó là sự cân bằng đặc biệt quan trọng về mặt thương mại trên màn hình. Bạn là một nhà thiết kế, không phải là một lemming. Dẫn dắt thông qua logic, đừng theo dõi người khác một cách mù quáng.
Tôi đã dành thời gian để viết bài này vì về cơ bản tôi tin vào cách tiếp cận và tôi muốn giúp bạn và những người khác. Đừng gồng mình lên phong cách thiết kế hay sáng tạo của tôi, bạn sẽ có phong cách riêng của mình - hãy nghĩ về cách tiếp cận giải pháp. Nó đã làm việc cho tôi gần 20 năm trong thiết kế dịch vụ đầy đủ và tôi đã xây dựng trang web thành công từ năm 1997 trên MacII khi chúng tôi chỉ có 40K một trang và 256 màu để chơi :).
Chúc may mắn trên hành trình của bạn