Phát triển ứng dụng di động bằng Adobe XD: 5 bước

2024 Tác giả: John Day | [email protected]. Sửa đổi lần cuối: 2024-01-30 13:32

Chào các bạn! Tôi là Elizabeth Kacerek, một học sinh năm cuối tốt nghiệp trung học và tôi đã tạo ra tài liệu hướng dẫn này vì tôi nhận thấy một lỗ hổng trong nền tảng được sử dụng rộng rãi này mà tôi có thể lấp đầy. Tôi đã rất thích loại hướng dẫn này khi tôi bắt đầu dự án nghiên cứu kéo dài một năm về phát triển phần mềm UI / UX / EX nhưng đáng buồn là tôi đã phải tìm ra một cách khó khăn để thiết kế một ứng dụng. Tài liệu hướng dẫn này dành cho cả những người đam mê khoa học máy tính và cả những người có sở thích. Vì vậy, nếu bạn nghĩ rằng bạn có một ý tưởng tuyệt vời nhưng không có manh mối nhỏ nhất về cách thực hiện nó, hãy xem điều này.

Bước 1: Kế hoạch dự án

Điều này thoạt đầu có vẻ không cần thiết nhưng việc gõ ra một kế hoạch dự án chắc chắn sẽ giúp ích cho bạn về lâu dài bằng cách xác định:

• Bạn muốn ứng dụng của mình làm gì cụ thể (điều này khiến tôi luôn ở trong "phạm vi hành nghề" của mình)
• Đối tượng dự định là ai
• Nếu có thể có các tác động pháp lý (của tôi là một ứng dụng y tế)
• Bất cứ điều gì khác mà bạn nghĩ rằng bạn sẽ cần phải phác thảo để giúp bạn tiếp tục công việc.

Tôi thực sự không thể nhấn mạnh đến bước này: kế hoạch dự án sơ bộ này có thể dễ dàng điều chỉnh thành nhiều tài liệu bạn cần để phát triển trong tương lai.

(Lưu ý rằng về cơ bản đây là mô tả ứng dụng của bạn cho cửa hàng ứng dụng! Điểm!)

Kế hoạch này có thể dài một nửa trang dài 5 trang, hoặc thậm chí có thể dài hơn. Không có đúng hay sai, bất cứ điều gì giúp bạn đưa tầm nhìn của mình ra giấy.

Bước 2: Nghiên cứu, Pháp lý & Phát triển

Một điều tôi không thể đoán được khi bắt đầu hành trình thiết kế UX của mình là số lượng nghiên cứu tuyệt đối mà tôi sẽ thực hiện. Bây giờ đừng để điều này ngăn cản bạn chút nào, bởi vì nó chắc chắn khiến tôi hơi nản lòng ban đầu do mất cảnh giác vì tôi không biết bao nhiêu về lĩnh vực này (đó chính xác là những gì chúng tôi phải nghiên cứu, do đó là dự án nghiên cứu.)

Đây là bước mà bạn quyết định xem bạn muốn viết mã của mình từ đầu hay sử dụng một trong nhiều trang web biên dịch ứng dụng di động. Cá nhân tôi bắt đầu bằng cách nghĩ rằng tôi sẽ "chỉ sử dụng các kỹ năng nâng cao của mình" trong Java để phát triển ứng dụng này vì tôi tưởng tượng nó sẽ dễ dàng hơn việc học sử dụng một ứng dụng xây dựng ứng dụng. Điều này kết thúc là một cách rất kém hiệu quả và bất tiện để xây dựng ứng dụng của tôi, điều này khiến tôi thực sự chuyển sang Adobe XD. Tôi thực sự khuyên bạn nên xem đây là cách xây dựng chính để vạch ra ứng dụng của mình một cách trực quan với tạo mẫu thân thiện với người dùng. Mặc dù đây không phải là bước khởi đầu để kết thúc trình tạo ứng dụng hoàn hảo, nhưng nó hoạt động tốt để xây dựng nền tảng cho ứng dụng của bạn, do đó bạn có thể dễ dàng giao thiết kế sơ bộ của mình cho một nhà phát triển chuyên nghiệp (tốt nhất là người có quyền tải lên cửa hàng iTunes và cửa hàng Google Play.) Tôi nhấn mạnh điều này để bạn lưu ý rằng nếu bạn sử dụng XD, mặc dù rất hữu ích cho việc lập kế hoạch, nhưng ứng dụng sẽ không sẵn sàng để tải lên các cửa hàng.

Ngoài ra, nếu thông qua nghiên cứu của mình, bạn quyết định rằng bạn không còn hào hứng với ý tưởng ứng dụng của mình nữa thì không phải tất cả đều bị mất. Với quá trình xây dựng chưa bắt đầu, bạn chỉ có thể hoàn nguyên về kế hoạch dự án của mình và điều chỉnh hoặc hoàn toàn thay đổi kế hoạch ban đầu của bạn.

Nếu có thể có các yêu cầu pháp lý đối với người tạo hoặc đối với người dùng, thì đây là lúc bạn muốn tìm hiểu tất cả những nơi mà bạn sẽ cần trợ giúp. Giờ đây, việc chuẩn bị để giải quyết những vấn đề này trở nên dễ dàng hơn rất nhiều để bạn có thể lên kế hoạch cho chúng thay vì làm bạn ngạc nhiên. Điều này có thể gây ra sự chậm trễ hàng tuần, cuối cùng ảnh hưởng đến dòng thời gian ban đầu của bạn.

Bước 3: Ứng dụng dành cho nhà phát triển (Tùy chọn)

Bây giờ nếu bạn muốn chính thức trở thành một nhà phát triển có quyền truy cập vào cửa hàng iTunes, bạn nên điền vào đơn đăng ký càng sớm càng tốt (Có một khoản phí $ 99 liên quan đến việc nộp đơn đăng ký này). Quá trình đăng ký của họ mất một thời gian cho đến khi bạn được chấp nhận. Sẽ nhanh chóng nhất nếu bạn nộp đơn cho nhà phát triển của Apple vào thời điểm này và trải qua quá trình chờ đợi trong khi bạn vẫn đang xây dựng ứng dụng của mình.

developer.apple.com/programs/

Bước 4: Mã hóa phần mềm

Bây giờ bạn đã hoàn thành nghiên cứu đằng sau dự án của mình, bây giờ là lúc bắt đầu viết mã trong Adobe XD.

1. Điều đầu tiên là đầu tiên. Bạn muốn làm theo từng bước của hướng dẫn (Tôi không phải là người hướng dẫn dài nhưng đây là điều bắt buộc để bạn thành công với ứng dụng này, tôi hứa).
2. Đảm bảo rằng bạn hiểu cách thêm văn bản, trang, ảnh, xóa đối tượng, sắp xếp lại màn hình và thậm chí cả cách kết nối các trang của bạn.
3. Khi bạn đã hoàn tất và hiểu các dây, cuối cùng bạn có thể bắt đầu soạn thảo và viết mã ứng dụng của mình, thử nghiệm nguyên mẫu và gỡ lỗi các vấn đề!

Tại thời điểm này, bạn có thể bắt đầu sử dụng một số nghiên cứu mà tôi đã tìm thấy về các công cụ khác nhau và cách tạo một số thứ nhất định với Adobe Creator để nâng cao ứng dụng của bạn. Tuy nhiên, tôi chắc chắn khuyên bạn nên vào thanh tìm kiếm để tìm kiếm các yếu tố cụ thể là duy nhất cho dự án của bạn.

Bước 5: Kéo dài / Phát triển cuối cùng

Xin chúc mừng, bạn đã đạt đến điểm này, có nghĩa là bạn không có bất kỳ lỗi nào trong mã của mình! Từ đây, bạn nên bắt đầu thử nghiệm beta với mục tiêu không chỉ tìm ra các lỗi không liên quan mà còn để có được ý kiến khách quan về sản phẩm của bạn. Khi bạn hài lòng với mã của mình, bạn có thể bắt đầu phát triển bằng cách sử dụng các tài nguyên bên ngoài.