Phần 3: GIẢI PHÁP, ĐỊNH HƯỚNG PHÁT TRIỂN VÀ CÁC ĐỀ XUẤT VỀ CHỨC NĂNG HIỂN THỊ NỘI DUNG SỐ TRÊN
3.1.2.Vẽ phác thảo phiên bản trên điện thoại bằng bansamiq mockup
Bước đầu tiên trong quá trình thiết kế web là việc tạo ra bản phác thảo bố cụ webiste, tiếp theo khách hàng sẽ xem xét bản vẽ đó và quyết định việc có chỉnh sửa hay không. Nếu ngay từ đầu bạn tạo ra bản phác thảo hoàn hảo bằng photoshop thì việc chỉnh sửa có thể sẽ mất nhiều công. Có một giải pháp được gọi là Balsamiq
Mockups. Balsamiq Mockups là phần mềm giúp bạn tạo ra các bản mockup bố cục
webiste hay của ứng dụng (còn gọi là wireframe). Đây là những bản nháp mô tả những thành phần chính trong website, ứng dụng như tiêu đề, menu, các nút bấm, đồ thị. Làm mockup hay wireframe là rất cần thiết vì nó giúp bạn tiết kiệm được rất nhiều thời gian trước khi bắt tay làm thật. Khách hàng sẽ xem xét bản vẽ đó và quyết định việc có chỉnh sửa hay không. Nếu ngay từ đầu bạn tạo ra bản mockup hoàn hảo bằng photoshop thì việc chỉnh sửa có thể sẽ mất nhiều công. Sử dụng Balsamiq Mockups sẽ giúp bạn dễ dàng và nhanh chóng tạo ra các mockup thô. Bạn đang có một ý tưởng tuyệt vời về cách bố trí một thiết kế trang web, hoặc cảm hứng thiết kế cho một ứng dụng mới, bạn muốn thể hiện ra cho bạn bè, đồng nghiệp xem xét nó. Có lẽ bạn đã cố gắng thiết kế nó trong photoshop nhưng hoàn toàn thất vọng vì nó quá phức tạp và quá lâu để thể hiện ra. Dù bằng cách nào bạn cần một cách tốt hơn để cho người khác thấy ý tưởng của bạn một cách trực quan và ngay lập tức. Balsamiq Mockups là một ứng dụng tuyệt vời , đơn giản sẽ giúp cho bạn nhanh chóng tạo ra mockups của ứng dụng, trang web và nhiều hơn nữa sau đó sẽ chứng minh hoặc chia sẻ cho những người khác.. Phần mềm này có thể chạy trên mọi nền tảng máy tính.
Dưới đây là bản phác thảo website của FPT Polytechnic trên điện thoại di động sử dụng bansamiq mockup
Hình 2.6.Phác thảo website bằng công cụ Bansamiq mockup