Quy Trình thiết kế website chuyên nghiệp

ngày 29-03-2020

Tag: Quy Trình thiết kể website chuyên nghiệp. Quy Trình thiết kể web chuẩn,  Các bước thiết kế website chuyên nghiệp

bước 1: Thu thập thông tin từ khách hàng

 

Trước khi làm ra được một website thì ta cần biết khách hàng yêu cầu những gì, mục đích của website cần làm, chức năng như thế nào, sử dụng môi trường gì… Khách hàng có thể sẽ mô tả chức năng, giao diện  bằng văn bản, hoặc cũng có thể là design sắn bằng photoshop, hoặc thậm chí khách hàng sẽ có luôn đội ngũ làm design luôn và team mình chỉ thực hiện nhiệm vụ phát triển cho web

 

 

 

 

Bước 2  lập kế hoach:

 

Đây là bước vô cùng quan trọng để có thể hoàn thành tốt được yêu cầu của khách hàng, bạn cần chuẩn bị kế hoạch thật tốt để có thể làm việc đúng tiến độ của dự án, các việc làm khi chuẩn bị kế hoạch là:

+ Lập kế hoạch chi tiết cho từng thời gian cụ thể, phải làm những gì

+ Xác định công nghệ cần phải làm,

+ Build team làm dự án, tùy vào độ lớn của dự án , team có thể có ít, hay hiều thành viên, thường các dự án trung bình, đến lớn sẽ bao gồm các vị trí như: PM, Lead developer, developer, lead tester, tester, ngoài ra còn có các quỵ trí như Dev oops, IT, Brse… (để biết từng vị trí sẽ có chức năng và nhiệm vụ gì, các bạn có thể tham khảo bài viết: ‘các vị trí bạn có thể làm trong công ty về công nghệ’)…

+ Dựng môi trường

 

Bước 3: thiết kế

 

Đây là bước vô cùng quan trọng, khâu thiết kế này đòi hỏi kĩ thuật cũng như là khả năng rất cao của người dev, có thể là khách hàng sẽ thuê một đội ngũ thiết kế riêng, độc lập với team dev, hoặc có thể giao cho team mình thiết kế và dev luôn, thường thì khâu thiết kế sẽ được trả tiền cao hơn so với khâu phát triển.

 

 

3.1. Tạo basic design

 

Đây là document chứa những thông tin thiết kế rất cơ bản cho website, bao gồm mô tả chức năng từng màn hình có kèm theo thiết kế giao diện bằng photoshop,hoặc wireframe sau đó giao cho khách hàng để nhận phản hồi từ khách hàng, nếu khách hàng chấp nhận thì sẽ làm bước tiếp theo

 

3.2. Thiết kế Database, tạo detail design

 

Tạo detail design, đây là bản thiết kế chi tiết cho từng màn hình, với bản thiết kế này sẽ ghi ra từng việc làm cụ thể cho màn hình ấy, như là lấy dữ liệu từ bảng nào, xử lí ra sao… và cũng tương tự như bước trên, phải gửi design cho khách hàng đễ họ xem, nếu đồng ý thì sẽ thực hiện bước phát triển, thực ra thì có thể làm hoàn tất công đoạn thiết kế rồi mới tiến hành phảt triển, hoặc thiết kế tới đâu, gửi cho khách hàng và phát triển tới đó

Bước 4: Phát triển (coding)

 

 

Đây chính là giai đoạn hiện thực hóa những ý tưởng, chức năng được mô tả trong thiết kế, Nhiệm vụ của dev lead bây giờ càng được bộc lộ khá rõ khi phải là người tổ chức luồng xử lí cho website, cấu trúc lại thư mục và đưa ra những quy định về coding convention cũng như là review code của từng member, họ cũng là người cùng với project manager giải quyết khúc mắc của khách hàng với team dev, Nhiệm vụ của những developer bây giờ là thực hiện coding màn hình theo thiết kế ở trên, nhiệm vụ của tester là viết test case dựa theo bản thiết kế,

 

Bước 5: Kiểm thử và chỉnh sửa

 

 

 

Đây là một trong những giai doạn rất quan trọng để quyết định được sự thành công của website, đặt mình ở vị trí người dùng, các tester có thể tìm và phát hiện ra những lỗi chức năng theo design hoặc những lỗi vặt ở giao diện, những chức năng bất hợp lí gây ảnh hưởng tới cảm nhận của người dùng

 

Bước 5.1: tạo test case

 

Đây là bước có thể được thực hiện song song cùng lúc với bước phát triển, trong khi các anh chàng developer đang hì hục với những dòng code thì các nàng tester xinh đẹp cũng đang viết những trường hợp test dự theo design, và tất nhiên sau khi viết xong test case phải có giai đoạn gửi cho khách hàng họ review test case của mình, một khi đã được khách hàng chấp nhận bản test case đó, thì nó chính là chuẩn để kiểm thử phần mềm của team

 

Bước 5.2: chạy test case

 

Sau khi dev đã code xong và teste case đã được release cho khách hàng, tester bắt đầu chạy test case, nhiệm vụ này các tester phải lần lượt đi qua các màn hình, làm theo hướng dẫn trong test case, phải vào màn hình nào, sẽ hiển thị ra cái gì… nếu hiển thị đúng theo expected trong testcase thì case đó pass còn không thì false và dev phải sửa lại

Sau khi chạy test case hoàn thành và không còn lỗi, thì website sẽ đưa cho khách hàng sử dụng và bắt đầu tiến đến giai đoạn bảo trì

 

Bước 6: Bảo trì website

 

Cho dù website được  thiết kế, kiểm tra và chỉnh sửa kỹ càng như thế nào thì vẫn luôn có những con bug tiềm tàng. Không những thế, trong suốt quá trình vận hành, chắc chắn bạn sẽ nhận được nhiều phản hồi của khách hàng và bạn cần chỉnh sửa website theo những phản hồi đó. Vì vậy lập kế hoạch bảo trì, chnhr sữa web site là điều không thể thiếu cho mỗi một website chuyên nghiệp

 

Trên đây là những Hiểu biết của tác giả bài viết về quy trình thiết kế của website qua quá trình làm việc thực tế ở một số công ty, có thể tùy công ty sẽ có những quy trình khác nhau, hi  vọng bài viết này sẽ giúp được cho bạn đọc hiểu rõ hơn về quy trình thiết kế website