Daniel Bramhall giải thích tại sao nguyên mẫu là một cái gì đó mỗi nhà thiết kế phải làm đầu tiên, bao gồm làm thế nào để bắt đầu và làm thế nào để thử nghiệm một nguyên mẫu.
Là một nhà thiết kế đó là bắt buộc, trước khi bạn chỉ đơn giản là nhảy vào một dự án và bắt đầu tạo ra, bạn phải bắt đầu từ đầu của quá trình và thử nghiệm ý tưởng của bạn để đảm bảo họ là những cách hiệu quả nhất để hoàn thành những gì bạn đang làm việc hướng tới. Prototyping cung cấp một cách để kiểm tra những gì trông tuyệt vời và phù hợp với mục đích, cho dù đó là một trang web hoặc một phần của phần mềm.
Hãy cùng thiet ke website o Nha Trang OSVN tìm hiểu chúng.
Hãy cùng thiet ke website o Nha Trang OSVN tìm hiểu chúng.
Một nguyên mẫu được định nghĩa là một phiên bản ban đầu hoặc sơ bộ mà từ đó các hình thức khác được phát triển. Điều này cung cấp cho bạn cái nhìn sâu sắc vào các chức năng của thiết kế của bạn và bất kỳ thay đổi cần thiết để làm cho công việc của bạn một niềm vui để sử dụng.
Mục đích của bài viết này là để cung cấp cho bạn một tổng quan về các loại khác nhau của các mẫu có sẵn, đề nghị khi họ nên được sử dụng cũng như một vài ví dụ của phần mềm hoặc dịch vụ có thể giúp bạn mẫu thử nghiệm.
Trong suốt bài viết này, thiết kế website ở Đà Nẵng sẽ tập trung vào việc tạo mẫu cho các trang web. Tuy nhiên, các kỹ năng và ý tưởng trình bày có thể dễ dàng được chuyển giao cho các dự án phát triển phần mềm, hoặc thậm chí thiết kế đồ họa làm việc.
Cũng như phần lớn các khái niệm trong thế giới của công nghệ, tạo mẫu có thể được chia thành nhiều nhóm khác nhau. Bí quyết là sử dụng đúng loại mẫu cho đúng loại công việc, đồng thời chính xác. Bạn có thể viết cả một luận án chỉ đơn giản là về phân loại mẫu, nhưng mục đích của chúng tôi trong bài viết này, chúng tôi sẽ tập trung vào năm trong những phương pháp chính: khái niệm, tính khả thi, ngang, dọc và viết kịch bản. Mặc dù việc sử dụng những không phụ thuộc vào loại công việc bạn đang làm, họ đang dựa theo thứ tự những gì nên được thực hiện đầu tiên. Cũng nhớ rằng người ta không thể tồn tại mà không có sự khác.
- Khái niệm : Đây là loại hình mẫu cho phép bạn phân tích các loại khác nhau của phương pháp tiếp cận để thiết kế của bạn. Ví dụ, nếu bạn đã có một trang web đó là hoàn toàn dữ liệu điều khiển, những gì phương pháp tiếp cận có thể bạn mẫu thử nghiệm để xác định những gì là hiệu quả nhất?
- Tính khả thi : Mặc dù không nhất thiết là một phần mở rộng của mẫu khái niệm, tính khả thi có thể được hưởng lợi từ mẫu khái niệm trước. Tính khả thi tạo mẫu xác định cách thực tế một loạt các giải pháp khác nhau. Điều này có thể bao gồm xem xét những tác động tài chính của một cách tiếp cận, tính khả thi hoàn thành về những khoảng thời gian hoặc thậm chí phần mềm hoặc kỹ năng cần thiết để hoàn thành một dự án đầy đủ.
- Ngang : Mặc dù trừu tượng trong tên, một nguyên mẫu ngang sẽ làm rõ các thành phần chính của dự án, điều này sẽ bao gồm các phạm vi của các tính năng và những gì là cần thiết cho dự án của bạn. Ví dụ, nếu bạn đang thiết kế một trang web mà dựa rất nhiều vào việc trình bày và hướng của hình ảnh, bạn cần phải xem xét các cách tốt nhất cho người sử dụng để xem chúng, điều hướng thông qua họ, chia sẻ và vv. Đây là loại mẫu là quan trọng bởi vì, thực tế, bạn có thể sẽ thực hiện nhiều hơn và thêm nhiều tính năng vượt quá những gì sẽ được coi là thiết thực. Ở đây bạn sẽ làm rõ những gì cần thiết và những gì không cần thiết.
- Dọc : Dọc mẫu tập trung vào các thử nghiệm của các thành phần quan trọng. Điều này được thực hiện sớm để đảm bảo rằng bất cứ điều gì có khả năng đầy tham vọng và tập trung vào dự án là thực tế. Đó là một quan niệm sai lầm mà các nhà thiết kế nên bắt đầu đơn giản và chậm thực hiện dự án của họ nhiều tham vọng hơn.Bằng cách này, họ có khả năng lãng phí thời gian làm việc, chỉ đến để ngăn chặn một khi tiếp cận cái gì đó là quá tham vọng và không thể thực hiện, tệ hơn việc tìm kiếm đó là trung tâm của các hoạt động của thiết kế.
- Viết kịch bản : Có lẽ điểm khởi đầu của bất kỳ thực, thiết kế đồ họa sẽ được quyết định dự án phải được thể hiện, và trong những thông tin đặt hàng nên được trình bày cho người dùng. Đây là loại mẫu yêu cầu logic và không nên bỏ qua khi thiết kế cho trang web. Cụ thể, ở đây bạn sẽ đặt ra các định hướng của một trang web hoặc ứng dụng web, mà về lâu dài bạn sẽ biết ơn bạn đã làm, đặc biệt là nếu bạn có rất nhiều thông tin và các trang để làm việc với khi bạn đang ở gần cuối dự án của bạn.
Được rồi, vì vậy chúng tôi đã thiết lập các tuyến đường cơ bản ta nên thực hiện khi bắt đầu lên một thiết kế tạo mẫu, nhưng những tính năng bạn nên tìm kiếm khi bạn đến để tìm kiếm thông qua các tùy chọn vô tận của các công cụ tạo mẫu? Đó là một phản ứng tự nhiên của nhiều người công nghệ có đầu óc để tìm phần mềm mà gói tất cả mọi thứ, do đó, sự sợ hãi của việc không có một tính năng nhất định là không cần thiết. Đó không phải là một cách lý tưởng tìm kiếm một gói phần mềm để tạo mẫu, đặc biệt là nếu bạn là tương đối mới cho trò chơi.
Nếu bạn đang tìm kiếm để xem những gì thiết kế của bạn sẽ như thế nào trước khi bạn bắt đầu nhận được đến nitty gritty của sự phát triển thực tế sau đó bạn nên tìm kiếm một công cụ cung cấp những gì bạn thấy là những gì bạn Nhận (WYSIWYG) biên tập.Mặc dù điều này nghe có vẻ cổ xưa, nó có thể giúp bạn tiết kiệm rất nhiều thời gian quý báu. Bạn nên xem xét cho các ứng dụng cho phép bạn thao tác các khía cạnh khác nhau của giao diện của bạn trực tiếp cũng như cung cấp cho bạn với các yếu tố và các đối tượng mà bạn cần để hoàn thành dự án của bạn. Dưới đây là một vài lựa chọn có sẵn miễn phí cho phép bạn tạo ra thiết kế đồ họa và các ứng dụng của bạn:
- InVision , một công cụ web và điện thoại di động và giao diện người dùng mockup mẫu
- UXPin , một loạt các công cụ để thiết kế UX, được xây dựng bởi nhà thiết kế UX
- Hỗn hợp , một công cụ phát triển lối vào
- Tóm tắt , một công cụ cho các ứng dụng mẫu
- Bút chì , một giao diện máy tính để bàn công cụ tạo mẫu mã nguồn mở
Rõ ràng, có một sự giàu có của các tùy chọn có sẵn. Đây là một số các tùy chọn tính năng phong phú hơn có sẵn mà bạn chắc chắn nên khám phá.
Đang Prototyping
Mặc dù một vùng đất nơi mà bạn có thể làm tất cả mọi thứ đồ họa sẽ được hạnh phúc, thực tế là, để thực sự làm một cái gì đó của bạn, có thể bạn sẽ phải thao tác các yếu tố của nó sử dụng mã, cho dù đây là thêm một số hình ảnh động, tạo cho nó một phong cách hay nói cho nó phải làm gì khi người dùng nhấp chuột vào nó. Nhưng có một số công cụ có sẵn trực tuyến cho phép bạn viết mã và sau đó xem kết quả trong khá nhiều, thời gian thực.
Một công cụ yêu thích để thử nghiệm JavaScript, CSS, HTML hoặc thậm chí CoffeeScript trực tuyến là jsFiddle trong đó bạn sẽ tạo ra một fiddle mới (hoặc dự án) và sau đó bạn có thể xem kết quả ngay lập tức trên vải. Tương tự như vậy, CSSHat , mà lần lượt các layer của Photoshop để CSS3, là rất tốt để làm việc với HTML. CSS Bàn cung cấp xem trước thời gian thực của mã của bạn trên vải.
Làm việc với các loại công cụ cho phép bạn xem trong thời gian thực những gì các phương tiện hiệu quả nhất để đạt được một cái gì đó sẽ được, hữu ích hơn, mặc dù nhiều người trong số họ cung cấp cho bạn khả năng để thực sự thay đổi môi trường mà mã của bạn đang chạy trên. Ví dụ, với jsFiddle, bạn thay đổi các phiên bản HTML và JavaScript loại bạn đang làm việc. Điều này là vô giá khi làm việc với nguyên mẫu cho một cái gì đó tương tự như một trang web như, rất có thể là, sẽ có hàng chục môi trường khác nhau, trong đó thiết kế của bạn sẽ chạy trên. Một lần nữa, điều này phục vụ để nhấn mạnh tầm quan trọng của nguyên mẫu cho tất cả các dự án.
Là một mặt lưu ý, nó cũng đáng nói đến là ý tưởng sử dụng các dịch vụ này để viết mã sơ bộ không chỉ áp dụng với nguyên mẫu.Nó rất hữu ích để nhanh chóng kiểm tra một ý tưởng hay cách tiếp cận một vấn đề bằng cách sử dụng các trang web nói trên.Bằng cách này bạn có thể tiết kiệm thời gian trong quá trình phát triển cơ bản như bạn có thể kiểm tra mã trong thời gian thực!
Storyboards và thiết kế thuật toán
Bất kỳ nhà phát triển hoặc thiết kế biết rằng một thuật toán là trung tâm của một dự án. Một thuật toán được xác định bởi từ điển Oxford tiếng Anh như: một bộ quy tắc để giải quyết một vấn đề trong một số hữu hạn các bước, như để tìm ước số chung lớn nhất. Đơn giản, đó là một kế hoạch về những gì làm những gì và theo thứ tự. Ví dụ, làm thế nào bạn sẽ nhận được từ trang này sang trang khác, chúng ta hãy nói từ một trang hiển thị một bức ảnh đến một trang đưa ra các tùy chọn để mua các bức ảnh? Các thuật toán sẽ cho phép bạn lập kế hoạch các tuyến đường khác nhau người dùng có thể thực hiện trong suốt dự án của bạn để có kế hoạch định hướng.
Để làm điều này, một biểu đồ chắc chắn sẽ có ích. Điều này cho phép bạn để hướng dẫn cho mình qua các giai đoạn khác nhau của ứng dụng của bạn một cách hợp lý. Điều này có nghĩa rằng nó dễ dàng hơn để bắt đầu thiết kế một cái gì đó, đặc biệt là khi bạn biết được nơi dự án của bạn là tiêu đề và những yếu tố cần phải giao tiếp và liên kết với những gì. Có một thiếu khác biệt của công cụ trực tuyến khá tốt, cho phép bạn làm điều này. Tuy nhiên, có vô số công cụ cung cấp các tính năng tuyệt vời có sẵn cho các máy tính để bàn.
Hãy thử một số trong số này:
- OmniGraffle , một ứng dụng sơ đồ cho Mac OS X và iPad
- Microsoft Visio , một công cụ sơ đồ chuyên nghiệp
- Yed , một ứng dụng máy tính để bàn đồ biên tập viên cho việc tạo sơ đồ chất lượng cao
- Creately , một sơ đồ và công cụ cộng tác dựa trên web
- Lucidchart , một công cụ dựa trên web cho các sơ đồ, biểu đồ, wireframes và bản đồ tư duy
Hiệu quả thử nghiệm nguyên mẫu của bạn
Thử nghiệm một nguyên mẫu cũng không kém phần quan trọng như tạo mẫu thiết kế ở nơi đầu tiên. Để bắt đầu, nó cho phép bạn sắt ra bất kỳ sai sót từ ngoài khơi và cung cấp cho bạn một cơ hội để có được một cảm giác như thế nào ứng dụng của bạn sẽ hoạt động khi bạn đã thiết kế nó. Mặc dù nó sẽ không được tươi và chất lỏng là phiên bản cuối cùng, nó sẽ cung cấp cho bạn một cái nhìn sâu sắc vào những gì đang diễn ra tốt đẹp và những gì cần phải được loại khỏi hoặc xem xét lại. Phần nhỏ này sẽ không bao gồm các ý tưởng thử nghiệm một nguyên mẫu trong chiều sâu bởi vì đó là một bài viết hoàn toàn khác trong chính nó. Thay vào đó, thiet ke web tai Hai Phong sẽ khám phá một cách ngắn gọn một số phương tiện kiểm tra sẽ đề xuất một số cách để kiểm tra dự án của bạn, từ nguyên mẫu ban đầu với phiên bản cuối cùng.
Nếu bạn đã sử dụng các công cụ đồ họa gợi ý trước đó, rất có thể là có một mức độ tích hợp thử nghiệm bao gồm. Tuy nhiên, ngay cả một cái gì đó ít nhất là một bản xem trước trên một thiết bị thực sự có thể đi một chặng đường dài. Các công cụ như CSSDesk và jsFiddle cả hai cho phép bạn xem trong thời gian thực mã bạn đang viết.Bạn có thể sử dụng nhiều phương pháp để thử nghiệm một nguyên mẫu. Một số phương pháp có thể được thực tế cho công việc bạn đang làm và một số có thể không áp dụng. Mặc dù bạn có thể sử dụng mô phỏng để thử nghiệm một thiết kế cuối cùng, bạn không phải chỉ đơn giản là hạn chế phương pháp này để nguyên mẫu thử nghiệm và, trên thực tế, bạn đang kêu gọi để kiểm tra công việc cuối cùng của bạn bằng cách sử dụng này. Có vô số công cụ cho phép bạn thi đua trang web của bạn, phần lớn trong số đó là có sẵn miễn phí trên mạng, nhưng đây không phải là thích hợp cho thử nghiệm một cái gì đó về cơ bản đã thậm chí không được thực hiện được nêu ra.
Chỉ đơn giản là gửi một bản xem trước của công việc của bạn với một thiết bị, Skala Xem là một công cụ không thể thiếu. Nó cho phép bạn gửi hình ảnh, xem trước và Photoshop thiết kế thẳng vào thiết bị di động của bạn. Điều này đặc biệt hữu ích nếu bạn đang thiết kế cho các trang web và cung cấp cho bạn một giải pháp tốt đẹp và dễ dàng. Hơn nữa, nó hoàn toàn miễn phí và có sẵn cho iOS và Android.
Tương tự như vậy, có một loạt các giả lập khác nhau có sẵn. Ví dụ, giả lập Android có thể tải về bằng cách sử dụng Eclipse IDE hoặc iOS Simulator mà đến tích hợp với Xcode . Cả hai cho phép bạn để mô phỏng thiết kế.
Tìm cách riêng của bạn
Không có cách nào thiết lập mà bạn nên thử nghiệm nguyên mẫu của bạn. Tuy nhiên, nó hy vọng rằng, sau khi đọc bài viết này, bạn sẽ quen thuộc hơn với các loại khác nhau của thử nghiệm có sẵn và khi nào bạn nên sử dụng chúng. Quan trọng nhất, chúng tôi đã đề cập đến ý tưởng về mẫu thử nghiệm.
Các công cụ đã được đề nghị trong bài viết này nhằm mục đích cung cấp cho bạn một loạt các phương tiện hiệu quả cao đơn giản tạo mẫu thiết kế của bạn. Mặc dù phần lớn các công cụ đã được trình bày trong bài viết này là nhằm mục đích thiết kế trang web, rất nhiều trong số họ không có khả năng được sử dụng để chế tạo thử nghiệm giao diện ứng dụng và Android và iOS mô phỏng cả hai thuận tiện cho việc xem trước các thiết kế của bạn.
Kết luận
Sự hữu dụng của mẫu không trở nên rõ ràng cho đến khi bạn đã thực sự làm được điều đó. Nếu bạn chỉ cần dành một chút về kế hoạch thời gian, nơi thiết kế của bạn sẽ có hình thức, làm thế nào một người dùng sẽ điều hướng và những thông tin và các tính năng cần phải được bao gồm, bạn chắc chắn sẽ tiết kiệm được rất nhiều thời gian khi nói đến không chỉ thiết kế mà còn phát triển .Về cơ bản, để nguyên mẫu cho phép bạn tiếp cận một dự án một cách hợp lý; cái gì đó nên được thực hiện rất nghiêm túc, đặc biệt là logic là một cái gì đó mà có thể thực hiện hoặc phá vỡ công việc của bạn.
Đăng nhận xét