Boardo

اپلیکیشن iOS برای کشف، ذخیره و مدیریت ایده‌های بصری؛ با Pick، دسته‌بندی، Tag و Note، جست‌وجوی متنی و تصویری، فیلتر رنگ و طراحی بومی بر پایه‌ی Apple HIG.

نمایی از پروژه Boardo
معرفی پروژه

این پروژه چیست؟

Boardo یک پلتفرم الهام بصری و مدیریت ایده است که به‌صورت کاملاً iOS-first طراحی شده است. هدف، ایجاد تجربه‌ای ساده و منظم برای کشف، ذخیره و مدیریت محتوای الهام‌بخش بود. در طراحی محصول از Apple Human Interface Guidelines (HIG) و الگوهای بومی iOS استفاده شد تا تجربه‌ای آشنا، روان و یکپارچه با اکوسیستم اپل شکل بگیرد.

دسته‌بندی
iOS Inspiration App
تیم
NextApps
گالری

نماهایی از محصول

روی تصویرهای کناری بزنید تا جلو بیایند و روی تصویر وسط برای دیدن در اندازه‌ی کامل.

  • نمایی از پروژه Boardo — تصویر ۲
  • نمایی از پروژه Boardo — تصویر ۳
مسئله و راه‌حل

از کجا شروع شد و چطور حلش کردیم

مسئله

پلتفرم‌های الهام بصری پیدا کردن محتوای جدید را ساده کرده‌اند؛ اما مدیریت حجم زیادی از محتوا و پیدا کردن دوباره‌ی ایده‌های ذخیره‌شده می‌تواند تجربه‌ی متفاوتی باشد. کاربر ممکن است تعداد زیادی محتوا ذخیره کند، اما بدون دسته‌بندی، جست‌وجو و ابزارهای مناسب، پیدا کردن یک ایده‌ی مشخص در میان این محتوا دشوار می‌شود. چالش اصلی Boardo ایجاد تجربه‌ای بود که در کنار کشف محتوا، مدیریت و استفاده‌ی دوباره از آن را نیز ساده کند.

راه‌حل

Boardo با تمرکز بر مدیریت ایده‌ها و محتوای ذخیره‌شده طراحی شد. قابلیت‌هایی مانند Pick، دسته‌بندی، Tag، Note، جست‌وجوی متنی و تصویری و فیلتر بر اساس رنگ برای سازمان‌دهی بهتر محتوا در نظر گرفته شدند. از طرف دیگر، محصول به‌صورت کاملاً iOS محور طراحی شد و با استفاده از الگوهای Apple HIG و اصول طراحی بومی iOS، تلاش شد این قابلیت‌ها در قالب تجربه‌ای ساده، آشنا و روان در اختیار کاربر قرار بگیرند.

ویژگی‌ها

مهم‌ترین قابلیت‌های محصول

۰۱

Pick

ذخیره‌ی سریع و مدیریت محتوایی که کاربر در حین کشف پیدا می‌کند.

۰۲

دسته‌بندی

سازمان‌دهی شخصی محتوا در دسته‌هایی که خود کاربر می‌سازد.

۰۳

Tag و Note

اضافه کردن Context به هر محتوا تا معلوم باشد چرا و برای چه ذخیره شده است.

۰۴

جست‌وجوی متنی و تصویری

پیدا کردن دوباره‌ی ایده‌ها هم با کلمه و هم با تصویر، همراه با جست‌وجوهای اخیر و موضوع‌های پرطرفدار.

۰۵

جست‌وجو و فیلتر بر اساس رنگ

محدود کردن نتیجه‌ها به رنگ‌های مشخص برای پیدا کردن محتوایی با حال‌وهوای دلخواه.

۰۶

استخراج Color Palette

پالت رنگی هر تصویر استخراج می‌شود و کنار همان محتوا در دسترس است.

۰۷

پیشنهاد محتوای مشابه با AI

پیشنهاد محتوایی نزدیک به ایده‌هایی که کاربر ذخیره کرده یا در حال دیدنشان است.

۰۸

ساختار iOS-first بر پایه‌ی Apple HIG

ناوبری، شیت‌ها و کامپوننت‌ها از الگوهای بومی iOS پیروی می‌کنند تا اپ برای کاربر اپل آشنا باشد.

معماری

ساختار محصول و مسیرهای کاربر

چهار بخش اصلی ناوبری

کشف محتوا، Pickها، دسته‌بندی‌ها و جزئیات محتوا ستون‌های اپ هستند و جابه‌جایی بین آن‌ها با مسیرهای کوتاه و قابل پیش‌بینی انجام می‌شود.

فلوهای اصلی

ورود و انتخاب علاقه‌مندی‌ها برای شکل دادن به فید، ساخت Board و Frame جدید، جست‌وجو با فیلترهای نوع، رنگ و تگ، و صفحه‌ی جزئیات هر محتوا؛ هر کدام به‌عنوان یک فلوی مستقل طراحی شده‌اند.

لایه‌ی Context روی هر محتوا

Tag، Note و پالت رنگ به خود محتوا متصل‌اند و همین اطلاعات پایه‌ی جست‌وجو، فیلتر و پیشنهاد محتوای مشابه است.

پیروی از الگوهای بومی iOS

به‌جای ساختن الگوهای تازه، از ساختارهای آشنای Apple HIG استفاده شده تا کاربر بدون یادگیری دوباره، اپ را مثل بقیه‌ی اپ‌های آیفونش به کار ببرد.

چالش‌ها

سخت‌ترین بخش‌های کار

تعادل بین قابلیت‌ها و سادگی

قرار دادن قابلیت‌های مختلف مانند جست‌وجو، فیلتر، Tag و یادداشت، بدون اینکه رابط کاربری به یک تجربه‌ی شلوغ تبدیل شود.

طراحی تجربه‌ی کاملاً iOS محور

استفاده از الگوهای طراحی اپل و ساختارهای بومی iOS برای ایجاد تجربه‌ای آشنا، روان و سازگار با اکوسیستم اپل.

سازمان‌دهی محتوای ذخیره‌شده

طراحی ساختاری که به کاربر اجازه دهد تعداد زیادی محتوای بصری را به‌سادگی ذخیره و دسته‌بندی کند و در آینده دوباره آن‌ها را پیدا کند.

طراحی تعاملات و ناوبری

ایجاد مسیرهای کوتاه و قابل پیش‌بینی برای جابه‌جایی بین بخش‌های مختلف، از جمله کشف محتوا، Pickها، دسته‌بندی‌ها و جزئیات محتوا.

نتیجه

چه چیزی تغییر کرد

تجربه از صرفاً کشف محتوا به تجربه‌ای برای مدیریت و سازمان‌دهی ایده‌ها تبدیل شد.

ذخیره و دوباره پیدا کردن محتوا ساده‌تر شد.

ابزارهای بهتری برای دسته‌بندی و مدیریت محتوا اضافه شد.

یک تجربه‌ی کاملاً iOS محور شکل گرفت.

از الگوهای Apple HIG در طراحی استفاده شد.

تجربه‌ای منسجم‌تر، ساده‌تر و شخصی‌تر ایجاد شد.