---

نمک مخفی در آجیل: استانداردهای جهانی نمایش سدیم در طراحی سایت (وقتی گرافیک، پزشک می‌شود)

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

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

اما در وب‌سایت‌های مدرن اروپایی، ترندی به نام “شفافیت رادیکال” (Radical Transparency) وجود دارد. آن‌ها میزان نمک را بولد می‌کنند. چرا؟ چون این صداقت، اعتماد مشتری را جلب می‌کند.

در این مقاله، استانداردهای جهانی (FDA آمریکا و FSA انگلستان) را بررسی می‌کنیم و یاد می‌گیریم چطور آن‌ها را در طراحی سایت پیاده‌سازی کنیم.

---

درس اول: ریاضیاتِ نمک (The Chemistry)

اولین چیزی که باید در سایت درست بنویسید، تفاوت “نمک” و “سدیم” است.

• روی بسته‌ها معمولاً می‌نویسند: سدیم (Sodium).

• اما مردم می‌فهمند: نمک (Salt).

فرمول تبدیل استاندارد جهانی:

 

یعنی اگر روی پسته نوشته “۱ گرم سدیم”، در واقع این محصول “۲.۵ گرم نمک” دارد که وحشتناک زیاد است!

• وظیفه طراح وب: یک اسکریپت کوچک بنویسید که سدیم را بگیرد و به صورت خودکار مقدار “نمک معادل” را به کاربر نشان دهد.

---

استاندارد ۱: سیستم چراغ راهنمایی (Traffic Light System) – انگلستان

این کاربردی‌ترین استاندارد برای طراحی UI است که توسط آژانس استاندارد غذایی انگلستان (FSA) ابداع شده است.

در این سیستم، میزان نمک با سه رنگ نشان داده می‌شود:

۱. قرمز (High / زیاد)

• معیار: بیشتر از ۱.۵ گرم نمک در هر ۱۰۰ گرم.

• پیام بصری: “در مصرف این محصول احتیاط کنید.”

• مثال: پسته شور بازاری، چیپس، تخمه‌های شورِ سفید.

۲. زرد (Medium / متوسط)

• معیار: بین ۰.۳ گرم تا ۱.۵ گرم نمک در هر ۱۰۰ گرم.

• پیام بصری: “مصرف معمولی مشکلی ندارد.”

• مثال: آجیل‌های بو داده با طعم ملایم.

۳. سبز (Low / کم)

• معیار: کمتر از ۰.۳ گرم نمک در هر ۱۰۰ گرم.

• پیام بصری: “سالم‌ترین انتخاب.”

• مثال: آجیل خام، میوه خشک، آجیل رژیمی.

پیاده‌سازی در سایت:

یک دایره رنگی کوچک کنار قیمت محصول بگذارید. این کار تصمیم‌گیری را برای کاربر ۱۰ برابر سریع‌تر می‌کند.

---

استاندارد ۲: ادعاهای قانونی FDA (آمریکا)

سازمان غذا و داروی آمریکا (FDA) قوانین سفت و سختی برای استفاده از کلمات دارد. شما نمی‌توانید الکی بنویسید “کم‌نمک”.

کلمات کلیدی مجاز برای استفاده در سایت:

1. بدون سدیم (Sodium Free): کمتر از ۵ میلی‌گرم در هر وعده. (تقریباً صفر).

2. بسیار کم‌نمک (Very Low Sodium): ۳۵ میلی‌گرم یا کمتر.

3. کم‌نمک (Low Sodium): ۱۴۰ میلی‌گرم یا کمتر.

4. کاهش یافته (Reduced Sodium): حداقل ۲۵٪ نمک کمتر نسبت به محصول معمولی. (مثلاً پسته کم‌نمک نسبت به پسته شور معمولی).

نکته برای طراح: این کلمات را به عنوان “بج‌های محصول” (Product Badges) روی عکس محصول بچسبانید.

---

استاندارد ۳: GDAs (میزان مصرف روزانه)

این استاندارد می‌گوید: “این یک مشت پسته، چند درصد از نمک مجاز امروز من را پر می‌کند؟”

طبق استاندارد WHO (سازمان بهداشت جهانی)، هر انسان بالغ نباید بیشتر از ۵ گرم نمک در روز بخورد.

• طراحی ویجت:

  • اگر ۱۰۰ گرم پسته شور دارای ۲.۵ گرم نمک است.

  • ویجت سایت باید نشان دهد: “⚠️ ۵۰٪ از سقف مجاز روزانه شما!”

    این هشدار، بسیار قدرتمند و تأثیرگذار است.

---

استراتژی پیاده‌سازی در وب‌سایت (UI/UX)

امیررضا جان، اینجا جایی است که تو متمایز می‌شوی. به جای یک جدول متنی خسته‌کننده، این کارها را بکن:

۱. نوار “شوری‌سنج” (Salty Meter)

یک پروگرس‌بار (Progress Bar) گرافیکی زیر دکمه افزودن به سبد خرید طراحی کن.

• سمت چپ: خام (سبز)

• وسط: کم‌نمک (زرد)

• سمت راست: شور (قرمز)

  عقربه روی میزان شوری محصول تنظیم شود.

۲. فیلتر پیشرفته در ووکامرس

در سایدبار، فیلتری بساز به نام “میزان نمک”:

• ☐ مناسب فشار خون (سبز)

• ☐ طعم ملایم (زرد)

• ☐ شور و مزه‌دار (قرمز)

۳. ماشین حساب نمک سبد خرید

این یک ایده فوق‌العاده برای پروژه توست:

وقتی کاربر ۵ قلم جنس به سبد اضافه کرد، یک پیام هوشمند نشان بده:

• “هشدار: سبد خرید شما حاوی مقدار زیادی نمک است. آیا می‌خواهید مقداری از پسته شور را با پسته خام تعویض کنید؟”

  این ویژگی در سایت‌های فروشگاهی سلامت‌محور اروپا بسیار رایج است.

---

بخش پرسش و پاسخ فنی (FAQ)

۱. چطور مقدار نمک محصولات فله را بفهمیم؟

معمولاً در برگه آنالیز آزمایشگاه که همراه بار فله می‌آید، میزان سدیم ذکر شده است. اگر نیست، یک قانون سرانگشتی وجود دارد: آجیل‌های شور بازاری معمولاً بین ۱.۵ تا ۲ درصد وزنشان نمک دارند. (یعنی در هر کیلو، ۱۵ تا ۲۰ گرم نمک).

۲. آیا نمایش “پرنمک بودن” باعث کاهش فروش نمی‌شود؟

شاید فروش “پسته شور” به افراد بیمار کم شود، اما اعتماد کل مشتریان به برند شما صد برابر می‌شود. ضمن اینکه شما بلافاصله “گزینه جایگزین” (پسته خام یا کم‌نمک) را پیشنهاد می‌دهید. پس فروش از دست نمی‌رود، بلکه جابجا می‌شود.

۳. بهترین افزونه برای نمایش جدول ارزش غذایی در وردپرس چیست؟

افزونه “WPC Product Nutrition” یا استفاده از فیلدهای سفارشی ACF (Advanced Custom Fields). من دومی را پیشنهاد می‌کنم چون دستت برای طراحی گرافیکی بازتر است.

---

جمع‌بندی: شفافیت، لاکچری جدید است

در گذشته، بسته‌بندی پرزرق‌وبرق نشانه کیفیت بود. امروز، اطلاعات دقیق نشانه کیفیت است.

نمایش شفاف میزان نمک با استفاده از استانداردهای جهانی (مثل چراغ راهنما)، به مشتری احترام می‌گذارد و به او می‌گوید: “سلامتی تو برای ما مهم‌تر از فروختنِ پسته است.”

به عنوان طراح وب، پیاده‌سازی این سیستم بصری، رزومه تو را به عنوان کسی که “UX سلامت‌محور” را می‌فهمد، بسیار سنگین می‌کند.

اقدام بعدی:

آیا می‌خواهی کد HTML/CSS یک “نوار شوری‌سنج” (Salty Meter) مدرن و متحرک را برایت بنویسم که بتوانی با شورت‌کد در صفحه محصول ووکامرس قرار دهی؟