CÁC KỸ THUẬT THIẾT KẾ

Một phần của tài liệu Bài giảng Xây dựng website thương mại điện tử (Trang 46)

Việc thiết kế một Website và giải quyết các vấn đề nảy sinh trong các công đoạn cuối cùng về kinh nghiệm của người sử dụng và các các phương pháp thiết kế yêu cầu nhà thiết kế Website phải có rất nhiều kỹ thuật thiết kế để có thể tạo ra được một hiệu quả nhất định nào đó. Các kỹ thuật này phải giải quyết các thông tin về nhu cầu và khả năng của người sử dụng và tạo được một ấn tượng tốt trong toàn bộ Website. Cũng giống như rất nhiều khía cạnh của quá trình thiết kế một Website, các kỹ thuật thiết kế cũng là một nghệ thuật.

3.3.1. Tổ chức thông tin thành từng nhóm có kích thước hợp lý

Con người có thể xử lý được một khối lượng thông tin lớn một lúc. Việc giúp đỡ người sử dụng của chúng ta có thể xử lý các thông tin là một khó khăn lớn của người thiết kế Website và một nhiệm vụ cụ thể của người thiết kế Website là nhóm các thông tin

lại thành những "mẩu" thông tin để không làm cho người sử dụng của chúng ta bị tràn ngậm trong rất nhiều thông tin mà chúng ta đem đến cho họ. Thông thường, đối với người sử dụng thì số lượng "mẩu" thông tin mà một người sử dụng có thể chiếm được sự chú ý của người sử dụng là 5, có thể thêm hoặc bớt một hoặc hai tuỳ vào người sử dụng. Trong khi chúng ta phải điều chỉnh để quyết định là một mẩu thông tin sẽ được cấu thành từ những thông tin nào và phải quyết định một cách chính xác là sự chú ý của người sử dụng được cấu thành nên như thế nào. Sau đây là cách để nhóm các thông tin lại thành một nhóm (mẩu):

- Để lượng thông tin trên từng trang Web không làm cho người sử dụng bị cảm giác tràn ngập thông tin.

- Để tạo các trang Web có thể dùng lại được; có nghĩa là mỗi một trang Web mà chúng ta tạo ra sẽ đáp ứng một mục đích cụ thể nào đó thì một điều rất có ích là chúng ta tạo các liên kết trong toàn bộ Website đến trang đó. Bằng cách này, chúng ta có thể tạo được một trang thông tin mà ở rất nhiều vị trí khác nhau trong Website có thể dùng được nhưng thực tế thì trang thông tin đó chỉ được tạo một lần.

- Để chúng ta có thể tập trung được sự chú ý của người sử dụng. Các nhóm thông tin, khi chúng được tạo ra từ các ý tưởng, các khái niệm và các cách suy nghĩ và đặt vấn đề giống như người sử dụng sẽ giúp cho người sử dụng tập trung vào một chủ đề nào đó tại một thời điểm nào đó để giúp họ có thể đạt được mục đích của họ khi sử dụng Website của chúng ta.

Vậy làm để một người thiết kế có thể nhóm các thông tin lại được? Có một số kỹ thuật để làm điều đó. Bước thứ nhất của tất cả các kỹ thuật đó là người thiết kế phải tập hợp được các thông tin sẽ được trình bày trong Website. Thông tin phải được liệt kê cụ thể trong phần các đặc điểm của Web (được tạo ra trong bản thiết kế Website)

3.3.2. Liên kết các trang lại với nhau

Khi chúng ta đã có các trang Web được thiết kế rồi thì vấn đề bây giờ là làm sao để liên kết chúng lại thành một Website. Sơ đồ kiểu chùm mô tả các nhóm và các trang là một mô hình rất tốt để xem xét các trang được liên kết với nhau như thế nào. Dưới đây là một số phương pháp liên kết cho phép chúng ta có thể tạo các liên kết ban đầu. Để có được một mô hình về liên kết chúng ta đầu, chúng ta làm các bước sau:

46 HOME PAGE HOME PAGE TRANG CHỨA CÁC TÀI NGUYÊN TRANG CHỨA CÁC TÀI NGUYÊN TRANG TRỰC TUYẾN TRANG TRỰC TUYẾN DANH SÁCH CÁC NHÂN SỰ DANH SÁCH CÁC NHÂN SỰ DANH SÁCH CÁC HOẠT ĐỘNG DANH SÁCH CÁC HOẠT ĐỘNG CÁC TÀI NGUYÊN TRỰC TUYẾN CÁC TÀI NGUYÊN TRỰC TUYẾN CÁC TỜ PTIT

Hình 3. 3 Liên kết trang

- Liên kết các trang theo mô hình hệ thống cấp bậc được xác định bởi mô hình lồng nhau của các nhóm được mô tả trên mô hình kiểu chùm. Liên kết các trang trong cùng nhóm lại với nhau. Hình vẽ trên đã mô tả một sơ đồ liên kết dùng phương pháp này. Một điểm thuận lợi của phương pháp này là mô hình cấp bậc của các trang sẽ giúp cho người sử dụng có thể dễ dàng tìm đến các thông tin họ cần một cách nhanh chóng và thuận tiện.

- Phương pháp thứ hai là không liên kết theo kiểu cấp bậc. Điều này có nghĩa là tất cả các trang đều có cấp bậc như nhau và từ một trang bất kỳ nào đó ta cũng có thể nhảy đến bất kỳ một trang nào khác trong Website. Đối với một Website với số trang nhỏ thì phương pháp này làm việc khá tốt; nhưng đối với các Website có số trang lớn thì số liên kết sẽ tăng lên rất nhiều. Hình vẽ dưới đây mô tả phương pháp liên kết thứ hai này.

Với mô hình liên kết này chúng ta thấy là từ một trang chúng ta có thể trỏ đến bất kỳ một trang nào trong Website. Nhưng rõ ràng là số liên kết trong Website tăng lên đáng kể.

Tất nhiên là có rất nhiều phương pháp để thực hiện việc liên kết các trang lại với nhau nhưng hai phương pháp nêu trên hay được dùng nhất. Ngoài hai phương pháp trên đây, chúng ta có thể dùng các phương pháp sau đây tuỳ theo yêu cầu của chúng ta.

Theo yêu cầu thực tế: Chúng ta có thể làm một cuộc thử nghiệm như sau: chúng ta đặt ra một câu hỏi cho một số người sử dụng đại diện nào đó và quan sát xem cách giải quyết câu hỏi của họ bằng cách tìm kiếm thông tin trong Website như thế nào. Sau đó căn cứ vào các liên kết mà người sử dụng đó hay dùng đến nhất, chúng ta có thể đưa ra được một kiểu liên kết với số liên kết trong Website là tối ưu nhất để một người sử dụng có thể

giải quyết các yêu cầu của mình một cách nhanh nhất.

Tổ chức các liên kết một cách ngẫu nhiên: Chúng ta tổ chức các liên kết trong Website một cách hoàn toàn theo ý chúng ta.

3.3.3. Các vấn đề khi thiết kế một website

Thiết kế website giống như thiết kế một ngôi nhà. Nếu ngôi nhà được thiết kế tốt thì sẽ “ưa nhìn” và dễ sử dụng hay tiện nghi. Nếu ngôi nhà mắc phải những lỗi thiết kế thì sẽ không được đẹp mắt và cũng khó sử dụng.

Người thiết kế website cũng có thể gặp một số lỗi được liệt kê dưới đây

3.3.3.1. Kích cỡ của các thành phần không cân đối

Thông thường một website có các thành phần như: logo, banner, menu, slideshow, các frame được bố trí trên trang chủ và các trang con. Nếu nếu banner chiếm kích cỡ quá lớn, che đi các thành phần khác mà lại không đem lại nhiều thông tin cho độc giả hoặc khách hàng sẽ đem lại cảm giác không thoái mái cho khách ghé thăm, nhất là những người tìm kiếm thông tin của site.

3.3.3.2. Bố cục website không hợp lý

Đối với các website cung cấp sản phẩm dịch vụ, nội dung được quan tâm thường là các sản phẩm, dịch vụ, các chương trình khuyến mại. Do vậy, nội dung trên trang chủ, nhất là các phần thu hút khách ghé thăm từ cái nhìn đầu tiên phải là các nội dung đó, chứ không phải các thông tin về cửa hàng, thông tin liên hệ hay các chỉ dẫn khác. Khách hàng có thể tìm thấy các thông tin này một cách dễ dàng sau khi đã hài lòng về sản phẩm, dịch vụ và có nhu cầu đặt hàng hoặc sử dụng.

HOME PAGE HOME PAGE TRANG CHỨA CÁC TÀI NGUYÊN TRANG CHỨA CÁC TÀI NGUYÊN TRANG TRỰC TUYẾN TRANG TRỰC TUYẾN DANH SÁCH CÁC NHÂN SỰ DANH SÁCH CÁC NHÂN SỰ DANH SÁCH CÁC HOẠT ĐỘNG DANH SÁCH CÁC HOẠT ĐỘNG CÁC TÀI NGUYÊN TRỰC TUYẾN CÁC TÀI NGUYÊN TRỰC TUYẾN CÁC TỜ BÁO TRỰC TUYẾN CÁC TỜ BÁO TRỰC TUYẾN

Hình 3. 4 Phương pháp liên kết thứ hai

3.3.3.3. Mầu sắc lộn xộn, không có tông mầu chủ đạo

Các website chuyên nghiệp đòi hỏi rất cao về mặt thiết kế. Website phải mang được mầu sắc của doanh nghiệp, hoặc sản phẩm chủ đạo của doanh nghiệp. Nếu một thiết kế không có ý đồ, không có mầu sắc chủ đạo của logo hoặc sản phẩm, mầu sắc lại không được nhất quán theo “tông mầu” từ trang chủ để các trang thành viên thì sẽ rất kém chuyên nghiệp. Để khắc phục điều đó thì nên sử dụng theme đồng nhất trong tất cả các trang

3.3.3.4. Các chức năng bố trí không hợp lý

Rất nhiều chức năng bổ trợ cho website được đưa vào để khách hàng sử dụng như: chức năng tìm kiếm, chức năng so sánh đánh giá, chức năng liên kết nhanh, chức năng liên hệ, chức năng tư vấn, chức năng bản đồ, chức năng tương tác với các mạng xã hội, chức năng để lại thông tin, chức năng cho phép theo dõi vị trí…

Nếu các chức năng này được bố trí không hợp lý, hoặc thiếu, hoặc dầy đặc, sẽ khiến cho trải nghiệm của người dùng đối với website là không tốt, có nguy cơ dẫn đến việc khách hàng bỏ website. Ngược lại, nếu các chức năng bố trí hợp lý sẽ cho người dùng cảm thấy website thân thiện, “tâm lý”, hiểu khách hàng và khách hàng sẽ dễ chịu khi sử dụng và quay lại website

3.3.3.5. Sử dụng nhiều âm thanh hình ảnh dẫn tới tốc độ tải trang

Mặc dù tốc độ truy cập Internet đã được cải thiện đáng kể trong những năm gần đây, tốc độ tải trang vẫn là yếu tố liên quan mật thiết tới trải nghiệm của người dùng đối với trang web. Theo các nghiên cứu, người dùng sẽ rời trang web khi thời gian tải trang vượt quá 6 giây. Đây là một điều rất đáng lưu ý khi bố trí các nội dung ở trang chủ khi người dùng ghé thăm. Nếu có quá nhiều hình ảnh, âm thanh, và công nghệ đa phương tiện khác làm tốc độ tải trang bị giảm xuống, có thể khách ghé thăm sẽ rời đi trước khi có cơ hội chiêm ngưỡng những điều đó.

3.3.3.6. Không để ý đến các thiết bị cầm tay

Một sự thay đổi đáng kể so với mười năm trước đây, đó là việc sở hữu và sử dụng các thiết bị di động đã trở nên ngày càng phổ biến hơn. Song song với đó chính là việc lướt web bằng các thiết bị di động đã trở thành một thói quen của hầu hết những người trẻ và ưa thích công nghệ. Do vậy, khi thiết kế mội website, nếu quên đi các thiết bị di động như điện thoại thông minh smart phone hay máy tính bảng tablet thì có nghĩa chúng ta đã tự loại bỏ đi số lượng lớn các độc giả và khách hàng. Do vậy, khi thiết kế và triển khai một website, điều quan trọng không kém chính là cần có bản thiết kế cho các thiết bị cầm tay khác nhau để có các trải nghiệm và các tương tác không hề thua kém giao diện trên các thiết bị có màn hình lớn truyền thống như laptop và desktop.

3.3.4. Các chức năng

Website thương mại điện tử được xây dựng giúp cho doanh nghiệp kinh doanh và mở rộng thị trường qua internet, Những chức năng được đề nghị dưới đây gồm đủ các chức năng của một cửa hàng trực tuyến như: Sản phẩm, Giỏ hàng, Mua hàng, Thanh toán trực tuyến, Quản lý đơn hàng. Với những chức năng được xây dựng, doanh nghiệp có khả

năng quản trị nội dung website như ý muốn. Không những thế với hệ thống mã nguồn tối ưu, thân thiện với công cụ tìm kiếm giúp cho công ty được biết đến nhiều hơn qua Google, Yahoo, Bing...Dưới đây là chức năng đề xuất và doanh nghiệp có thể đề nghị thêm hoặc bớt các chức năng này)

3.3.4.1. Trang chủ theo yêu cầu

- Quý khách có thể yêu cầu người thiết kế thiết kế trang chủ theo yêu cầu, bao gồm các sản phẩm mới, tin mới, giới thiệu công ty ...

- Làm banner flash theo yêu cầu.

3.3.4.2. Chức năng soạn thảo nội dung web

- Chức năng tương tự Microsoft Word cho phép người quản lý soạn thảo trang web, in đậm, nghiêng, font chữ, chèn bảng, ảnh flash, file, video , dán liên kết đến website khác...

3.3.4.3. Chức năng các trang giới thiệu

Tạo các trang giới thiệu, tuyển dụng, download , thông báo... không giới hạn.

3.3.4.4. Chức năng dịch vụ

- Thêm mới không hạn chế, sửa chữa, tìm kiếm, sắp xếp, tạo danh mục không hạn chế số cấp, upload ảnh đại diện, đưa vào các thông tin như giá cả, bảo hành ...

3.3.4.5. Chức năng tin tức

- Thêm mới không hạn chế, sửa chữa, tìm kiếm, sắp xếp, tạo danh mục không hạn chế số cấp, upload ảnh đại diện, upload ảnh minh họa, đưa vào các thông tin như ngày đăng tác giả, các tin liên quan...

3.3.4.6. Chức năng sản phẩm

- Thêm mới không hạn chế

- Sửa chữa, tìm kiếm, sắp xếp, tạo danh mục không hạn chế số cấp (Loại sản phẩm 1, loại sản phẩm 2 ...)

- Upload ảnh đại diện, upload ảnh minh họa

- Đưa vào các thông tin như giá cả, bảo hành, tình trạng kho ...

3.3.4.7. Chức năng tìm kiếm sản phầm

- Tìm kiếm đơn giản là tìm theo tên, theo dòng sản phẩm

- Tìm kiếm nâng cao kết hợp nhiều điều kiện như tên sản phẩm, khoảng giá trị, chức năng, nhà sản xuất, …

3.3.4.8. Chức năng giỏ hàng

- Khách hàng có thể chọn mua sản phẩm để cho vào giỏ, có thể bỏ bớt sản phẩm hoặc là hủy tất cả các sản phẩm đã có trong giỏ.

- Hệ thống tự động tính tiền cho khách

3.3.4.9. Chức năng đặt hàng

Khách hàng có thể đặt những mặt hàng đã cho vào giỏ qua mạng, thông tin đặt hàng bao gồm: Họ tên, địa chỉ, điện thoại, email, địa chỉ giao hàng, thông tin các sản phẩm,

tổng giá trị và có thể in đơn hàng nếu cần.

Khi đặt hàng thì đơn hàng được xử lý như sau:

- Thông tin đặt hàng sẽ được gửi email cho người quản trị.

- Đơn đặt hàng được lưu trên hệ thống, Người quản trị sẽ xử lý đơn đặt hàng của khách hàng khi đăng nhập vào quyền quản trị web.

- Khi khách hàng đặt hàng thông tin đặt hàng sẽ đồng thời được gửi cho khách hàng và người quản trị website.

3.3.4.10. Chức năng thanh toán trực tuyến

- Để tiện cho khách hàng hệ thống sẽ đưa ra nhiều hình thức thanh toán

- Khách hàng có thể thanh toán bằng chuyển khoản vào tài khoản ngân hàng bên bán. Khi nhận được tiền sẽ giao hàng.

- Khách hàng thanh toán bằng tiền mặt khi giao hàng.

- Khách hàng thanh toán bằng ví điện tử như: Paypal, nganluong.vn, mobivi.vn, baokim.vn (để thanh toán bằng ví điện tử thì khách hàng phải có toài khoản ví, khách hàng nạp tiền vào đó và mua hàng bằng tiền đó)

- Thanh toán trực tiếp bằng thẻ tín dụng, thẻ ghi nợ nội địa dùng cổng thanh toán Onepay Giá trị của đơn hàng được khách hàng thanh toán trực tiếp qua mạng bằng cách sử dụng các loại thẻ mang nhãn hiệu visa, matercard, thẻ ATM của ĐôngA bank, vietcombank,..

3.3.4.11. Chức năng đăng ký thành viên

- Đăng ký thành viên mới để được sử dụng đầy đủ tính năng của website và nhận được các ưu đãi khác như nhận thông tin khuyến mãi, giảm giá khi mua hàng…

3.3.4.12. Chức năng dành cho thành viên

- Nhận thông báo khi có khuyến mãi - Xem danh sách các mặt hàng đã đặt - Chỉnh sửa thông tin cá nhân

- Mua hàng

- Gửi yêu cầu cho quản trị - Bình chọn sản phẩm

3.3.4.13. Chức năng Form liên hệ

- Tự động gửi thư vào hòm thư quản lý khi khách hàng nhập nội dung vào form và gửi

3.3.4.14. Chức năng hỗ trợ trực tuyến

Trả lời khách hàng ghé thăm website trực tuyến qua yahoo messenger, skype ...

3.3.4.15. Chức năng thăm dò ý kiến

- Tạo các nội dung thăm dò ý kiến như thăm dò chất lượng dịch vụ, sản phẩm ...

3.3.4.16. Chức năng quản lý quảng cáo, banner, liên kết website

- Quản lý quảng cáo, banner ảnh hoặc flash, trao đổi liên kết, dán liên kết tới các

Một phần của tài liệu Bài giảng Xây dựng website thương mại điện tử (Trang 46)