از ایده تا اجرا¶
از brainstorm به sketch، از sketch به HTML و بعد به کدنویسی بروید¶
این فرایندی است که ما برای Getting Real استفاده میکنیم:
Brainstorm¶
ایدهها را بیرون بریزید. این محصول قرار است چه کار کند؟ برای Basecamp به نیازهای خودمان نگاه کردیم. میخواستیم بهروزرسانیهای پروژه را منتشر کنیم. میخواستیم مشتریان مشارکت کنند. میدانستیم پروژهها milestone دارند. میخواستیم آرشیوها را متمرکز کنیم تا آدمها بتوانند آسان چیزهای قدیمی را مرور کنند. میخواستیم نمایی کلی و از بالا از اتفاقهایی داشته باشیم که در همه پروژههایمان میافتد. این فرضها، همراه چند فرض دیگر، پایه ما شدند.
این مرحله درباره جزئیات ریز نیست. درباره سؤالهای بزرگ است. اپ باید چه کار کند؟ از کجا میفهمیم مفید است؟ دقیقاً قرار است چه بسازیم؟ اینجا درباره ایدههای سطح بالا حرف میزنیم، نه بحثهای در حد پیکسل. در این مرحله، آن نوع جزئیات هنوز معنای زیادی ندارند.
Sketchهای کاغذی¶
sketchها سریع، کثیف و ارزاناند؛ و دقیقاً همینطور باید شروع کنید. چیزها را بکشید. خطخطی کنید. جعبه، دایره، خط. ایدهها را از سرتان بیرون بیاورید و روی کاغذ بگذارید. هدف این نقطه باید تبدیل مفهومها به طراحیهای خام رابط باشد. این مرحله تماماً درباره آزمایش است. پاسخ غلط وجود ندارد.
صفحههای HTML بسازید¶
نسخه HTML آن قابلیت را بسازید؛ یا آن بخش یا flow را، اگر مناسبتر است. چیزی واقعی منتشر کنید تا همه ببینند روی صفحه چه شکلی است.
در Basecamp، اول صفحه «ارسال پیام» را ساختیم، بعد صفحه «ویرایش پیام» را، و همینطور ادامه دادیم.
هنوز هیچ کد برنامهنویسی ننویسید. فقط یک mock-up با HTML و CSS بسازید. پیادهسازی بعداً میآید.
کدنویسی کنید¶
وقتی mock-up خوب به نظر رسید و به اندازه کافی کارکرد لازم را نشان داد، آن وقت کد برنامهنویسی را وصل کنید.
در تمام این فرایند یادتان باشد منعطف بمانید و انتظار چندین iteration داشته باشید. آزادید خروجی هر مرحله مشخص را دور بیندازید و دوباره شروع کنید، اگر معلوم شد خراب از آب درآمده. طبیعی است این چرخه را چندین بار طی کنید.
منبع اصلی: From Idea to Implementation