لوگوی توپُر دیزاین سیستم سنّت

آشنایی با ردیف‌ها

ردیف‌ها کامپوننت‌های اختصاصی دیوارند که بنا به نیاز‌های اختصاصی محصول دیوار شکل گرفتند و با مشارکت طراحان تجربهٔ کاربر در تیم‌های محصولی مختلف طراحی و به سنّت اضافه شدند.

فرآیند شکل‌گیری

همان‌طور که در [معرفی سنت](https://sonnat.design/introduction) توضیح دادیم، شکل‌گیری سنّت با رویکردی برآینده انجام شد. به این معنی که سیستمی متفاوت از وضعیت موجود دیوار طراحی نکردیم و کامپوننت‌های سنّت با استخراج الگوهای موجود در محصول و یکپارچه‌سازی آن‌ها طراحی و نسخه‌های ابتدایی آن‌ها در طول زمان و متناسب با تغییر نیازمندی‌های محصول به‌روزرسانی شدند.

نمونه‌هایی از تغییرات در طی زمان

به‌روزرسانی کامپوننت ردیف اتفاق در کلاینت‌های اندروید و آی‌او‌اس
این کامپوننت ابتدا برای نمایش پیام‌های پستچی در چت دیوار طراحی شد و سپس کاربردهای دیگری نیز مثل نمایش فعالیت‌ مشاوران املاک در پنل آژانس‌‌های املاک دیوار، نمایش لیست فروشندگان دیوار و ... پیدا کرد. این کامپوننت در تمام کاربردها نقشی کُنش‌پذیر داشت و نمایشی نبود. اما زمانی که از این کامپوننت برای نمایش لیست آگهی‌ها در «میان‌بُر ویرایش قیمت آگهی» پنل فروشگاه‌ها استفاده کردیم، نیاز جدی به تأکید بصری بر کُنش‌پذیر بودن کامپوننت احساس شد.
به‌روزرسانی کامپوننت تغییرات قیمت در وب
این کامپوننت ابتدا فقط برای نمایش اطلاعات تیپ، مدل و برند خودرو طراحی شد. اما به این نتیجه رسیدیم لازم است اطلاعات تیپ و مدل متمایز از برند نمایش داده شود. هم‌چنین در لیست طولانی اطلاعات قیمت خودروها، باید این امکان به کاربر داده می‌شد تا بتواند محصولات مورد علاقه‌ی خود را بالای لیست نگه‌ دارد. بنابراین رفتار واکنش‌گرا به این کامپوننت اضافه کردیم. به‌تبع با کم‌شدن عرض مفید کامپوننت و برای اطمینان از بریده‌شدن متن‌ها، لازم بود اطلاعات در دو خط نمایش داده شوند.

انواع کامپوننت‌های ردیف و کاربردهای آن‌ها

کامپوننت‌های ردیف از نظر کاربرد به ۳ دسته تقسیم می‌شوند.

ساختن فرم

این کامپوننت‌ها وظیفهٔ دریافت اطلاعات از کاربر در فرم‌ها و نمایش اطلاعات دریافت‌شده یا انتخابی کاربر را برعهده دارند.
ردیف‌های سازندهٔ فرم شامل: - ردیف وضعیت - ردیف کنترل - ردیف ارزیابی

راهبری

این کامپوننت‌ها راهبری در بخشی از فرایند، انتخاب بین گزینه‌های یک موضوع، دریافت اطلاعات بیشتر دربارهٔ یک موضوع و همچنین دسترسی به صفحاتی را فراهم می‌کنند که عنوان آن‌ها نیاز به توضیحات بیشتری دارد.
ردیف‌های راهبری شامل: - ردیف انتخابی - ردیف‌های نتایج جستجو و پیشنهاد جستجو - ردیف امتیاز (تعاملی) - ردیف ویژگی (تعاملی)

نمایش اطلاعات

این کامپوننت‌ها فقط اطلاعات را نمایش می‌دهند و کُنشی نمی‌پذیرند. این کامپوننت‌ها در شکل‌گیری فرم‌ها نیز کاربرد دارند، ولی نه برای دریافت اطلاعات یا انتخاب‌های کاربر، بلکه برای شفاف‌کردن مضمون قسمت‌های مختلف فرم یا گروه‌بندی کردن اطلاعات در فرم‌.
ردیف‌های نمایش اطلاعات شامل: - ردیف عنوان - ردیف ویژگی - ردیف تغییرات قیمت - ردیف تخمین قیمت - ردیف سنجش - ردیف امتیاز - ردیف داده