نام‌گذاری یکی از چالش‌برانگیزترین مراحل در طراحی و توسعه است. زبانی که ما برای نام‌گذاری به کار می‌بریم، نه تنها بر شیوه تفکر ما تأثیر می‌گذارد، بلکه گفت‌وگوهای ما را نیز شکل می‌دهد. به همین دلیل است که در مورد رنگ‌ها، آیکون‌ها، اجزای رابط کاربری و ویژگی‌ها، اغلب با سردرگمی مواجه می‌شویم و در نام‌گذاری توکن‌های طراحی، کلاس‌های HTML و متغیرها دچار مشکل می‌شویم.
گاهی اوقات، نام‌هایی که انتخاب می‌کنیم بیش از حد کلی هستند و درک دقیق منظور را دشوار می‌کنند. در مقابل، گاهی اوقات نام‌ها بیش از حد خاص هستند و فضای کمی برای انعطاف‌پذیری و استفاده مجدد باقی می‌گذارند. چگونه می‌توانیم نام‌های مناسب را انتخاب کنیم؟ و کدام قراردادهای نام‌گذاری بهترین عملکرد را دارند؟ بیایید نگاهی دقیق‌تر بیندازیم.
چگونه نام‌گذاری کنیم؟
اگر به دنبال الهام برای نام‌گذاری کلاس‌های HTML، ویژگی‌های CSS یا توابع جاوااسکریپت هستید، «Classnames» یک منبع فوق‌العاده پر از ایده‌هایی است که شما را به تفکر خلاقانه ترغیب می‌کند.
این سایت لیست‌های دسته‌بندی‌شده‌ای از کلمات را ارائه می‌دهد که برای نام‌گذاری عالی هستند. شما اصطلاحاتی برای توصیف انواع رفتارها، شباهت‌ها، ترتیب، گروه‌بندی و ارتباطات پیدا خواهید کرد، همچنین مجموعه‌های موضوعی از کلمات که ممکن است بلافاصله در زمینه کدنویسی به ذهن خطور نکنند، از جمله کلماتی از طبیعت، هنر، تئاتر، موسیقی، معماری، مد و نشر.
چگونه رنگ‌ها را نام‌گذاری کنیم؟
چگونه نام مناسبی برای یک رنگ خاص انتخاب می‌کنید؟ خوشبختانه، دیوید آرن یک مخزن عظیم از نام‌های رنگی را نگهداری می‌کند که در حال حاضر شامل 30355 نام رنگ منحصر به فرد است و از منابع مختلف و هزاران مشارکت کاربر جمع‌آوری شده است.
البته، این مخزن همراه با یک انتخاب‌گر رنگ و قابلیت جستجوی نام، بهترین دکتر و همچنین بسیاری از انتخاب‌گرهای رنگ دیگر ارائه می‌شود. این یک کار فوق‌العاده و یک مرجع عالی برای همیشه در دسترس داشتن است.
چگونه لایه‌ها و گروه‌ها را نام‌گذاری کنیم؟
چه چیزی یک نام خوب را می‌سازد؟ خاویر کوئلو مجموعه‌ای از بهترین شیوه‌های نام‌گذاری را خلاصه کرده است که به شما کمک می‌کند لایه‌ها، گروه‌ها و اجزای خود را به شیوه‌ای سازگار و مقیاس‌پذیر نام‌گذاری کنید.
همانطور که خاویر اشاره می‌کند، یک نام خوب دارای ساختار منطقی، کوتاه، معنادار، شناخته‌شده برای همه و بی‌ارتباط با ویژگی‌های بصری است. او بایدها و نبایدها را برای نشان دادن چگونگی دستیابی به این امر به اشتراک می‌گذارد و همچنین نگاهی دقیق‌تر به تمام جزئیات ظریفی که باید هنگام نام‌گذاری اندازه‌ها، رنگ‌ها، گروه‌ها، لایه‌ها و اجزا در نظر بگیرید، می‌اندازد.
چگونه توکن‌های طراحی را نام‌گذاری کنیم؟
چگونه یک طبقه‌بندی توکن طراحی انعطاف‌پذیر بسازیم که در محصولات مختلف کار کند؟ این چالشی بود که تیم Intuit با آن مواجه شد. شرکت مادر محصولاتی مانند Mailchimp، QuickBooks، TurboTax و Mint، یک سیستم توکن انعطاف‌پذیر توسعه داد که فراتر از تم برند عمل می‌کند تا به عنوان سیستم بنیادی برای طیف گسترده‌ای از محصولات باشد.
نیت بالدوین یک مطالعه موردی نوشت که در آن بینش‌های ارزشمندی را در مورد ساختار طبقه‌بندی توکن طراحی Intuit به اشتراک می‌گذارد. این مطالعه به نقاط ضعف سیستم طبقه‌بندی قدیمی، معیارهایی که برای سیستم جدید تعریف کردند و نحوه ایجاد آن می‌پردازد. نکات زیادی برای ساخت طبقه‌بندی توکن قوی و انعطاف‌پذیر خودتان تضمین شده است.
نام‌های رایج برای اجزای رابط کاربری
نگاه کردن به اینکه دیگران چه نامی برای چیزهای مشابه می‌گذارند، یک راه عالی برای شروع زمانی است که در نام‌گذاری مشکل دارید. و چه منبعی بهتر از سایر سیستم‌های طراحی می‌تواند باشد؟ قبل از اینکه در حفره خرگوش سیستم طراحی گرفتار شوید، ایین بین این تحقیق را برای شما انجام داده و «گالری کامپوننت» را ایجاد کرده است.
این مجموعه شامل مثال‌های فراوانی برای بیش از 50 جزء رابط کاربری – از آکاردئون تا عناصر بصری پنهان – است و همچنین نام‌های دیگری را که این اجزا با آن‌ها شناخته می‌شوند، لیست می‌کند. یک منبع فوق‌العاده، و نه فقط در مورد نام‌گذاری.
امتیاز ویژه: «Name That UI»، یک فرهنگ لغت بصری از اجزای رایج رابط کاربری.
چگونه ویژگی‌های جدید را نام‌گذاری کنیم؟
ویژگی‌ها اغلب به دلیل قابلیت کشف ضعیف، پذیرش پایینی دارند. پذیرش ویژگی‌ها زمان می‌برد – ابتدا ویژگی باید کشف شود، سپس درک شود، سپس امتحان شود، آموخته شود و در نهایت در جریان کار موجود ادغام شود. ارین گانون یک راهنمای عملی مفید در مورد چگونگی اطمینان از وقوع همه این مراحل نوشته است.
نام‌های خوب بر اساس نیازها و مشکلات کاربر شکل می‌گیرند. آن‌ها باید ارزش یا نتیجه یک ویژگی (کاری که باید انجام شود) را نشان دهند و – مهم‌تر از همه! – از زبان خود کاربر استفاده کنند. بنابراین از مردم بخواهید یک ویژگی را با کلمات خودشان توضیح دهند و سپس از کلماتی که آن‌ها استفاده می‌کنند، بهره ببرید.
چگونه متغیرها را نام‌گذاری کنیم (نقشه طبقه‌بندی)
یک نمونه فوق‌العاده از دستورالعمل‌های نام‌گذاری برای یک سیستم طراحی پیچیده چندبرندی و چندتمی از تیم سیستم طراحی Vodafone UK می‌آید. نقشه طبقه‌بندی متغیرهای آن‌ها، آناتومی و دسته‌بندی یک توکن طراحی را به یک سیستم مجموعه‌های هماهنگ تقسیم می‌کند.
این نقشه چهار مجموعه مورد نیاز برای پشتیبانی از سیستم و ارتباطات بین توکن‌ها – از برند و اصول اولیه تا معانی و صفحات – را نشان می‌دهد. این سیستم بر اساس کار ناتان کرتیس در نام‌گذاری توکن‌های طراحی ساخته شده است و به همه امکان می‌دهد تا فقط از نام یک توکن، بینشی در مورد محل استفاده و آنچه که نشان می‌دهد، به دست آورند.
اگر می‌خواهید رویکردهای بیشتری را برای نام‌گذاری توکن‌های طراحی بررسی کنید، من لیستی از کیت‌ها و منابع مفید فیگما را گردآوری کرده‌ام که ارزش بررسی دارند.
راهنمای نام‌گذاری توکن طراحی + موجودی
رومینا کاوچیچ یک ابزار کوچک مفید برای نام‌گذاری توکن‌های طراحی ایجاد کرده است – از یادگیری نحوه کار آن‌ها و نحوه نام‌گذاری صحیح آن‌ها تا پیکربندی ساختار نام‌گذاری خود با اجزا، دسته‌ها، وضعیت‌ها و نقش‌ها.
امتیاز ویژه: صفحه گسترده «موجودی نام‌های توکن طراحی»، با ساختاری ساده در چهار سطح که به شما دیدی کلی از تمام توکن‌های طراحی‌تان می‌دهد. شما می‌توانید به راحتی ردیف‌ها، تم‌ها و حالت‌ها را بدون از دست دادن ردیابی اضافه کنید و توکن‌های خود را فیلتر کنید.
نام‌گذاری محصولات یا خدمات
اگر به دنبال نام مناسب برای محصول یا خدمات خود هستید، Onym