طراحی جدید سایت باشگاه مشت‌زنی؛ چه چیزهایی تغییر کرد؟

اگر این روزها به سایت سر زده باشید، احتمالاً اولین چیزی که به چشمتان آمده این است که همه‌چیز عوض شده. طراحی جدید سایت پادکست باشگاه مشت‌زنی فقط یک رنگ و لعاب تازه نیست؛ سایت را از پایه دوباره ساختیم تا اپیزودها، فیلم‌ها و نوشته‌ها راحت‌تر پیدا شوند، روی موبایل بهتر خوانده شوند و سریع‌تر باز شوند. در این نوشته توضیح می‌دهیم چه چیزهایی تغییر کرد، چرا تغییر کرد و هر بخش از سایت جدید به چه کاری می‌آید.

چرا سایت را از نو ساختیم؟

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

برای همین تصمیم گرفتیم به‌جای وصله‌پینه، سایت را از صفر بنویسیم. سه هدف اصلی داشتیم:

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

چه چیزهایی در طراحی (UI/UX) تغییر کرد؟

پیش از ساختن هر صفحه، یک «سیستم طراحی» نوشتیم: مجموعه‌ای از رنگ‌ها، اندازه‌ها، فاصله‌ها و اجزای ثابت که همه‌ی صفحه‌ها از آن ساخته می‌شوند. نتیجه این است که سایت یک‌دست است و هر جزء، هرجا که ببینیدش، یک‌جور رفتار می‌کند.

تایپوگرافی و خوانایی

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

رنگ و دسترس‌پذیری

پالت سایت (رنگ سازمانی برند) از سرمه‌ای و طلایی ساخته شده، اما زیبایی تنها معیار نبود. همه‌ی ترکیب‌های رنگ متن و پس‌زمینه با استاندارد دسترس‌پذیری WCAG ۲.۱ در سطح AA سنجیده شده‌اند تا متن برای همه، از جمله کسانی که بینایی ضعیف‌تری دارند، خوانا باشد. سایت با صفحه‌کلید هم کامل کار می‌کند و برای صفحه‌خوان‌ها برچسب‌گذاری شده است.

اول موبایل

بیشتر شنونده‌های ما با گوشی به سایت سر می‌زنند، پس هر صفحه اول برای موبایل چیده شد. منوی کشویی تازه، دکمه‌های بزرگ‌تر، جستجو در دسترس از بالای همه‌ی صفحه‌ها و چیدمانی که روی صفحه‌ی کوچک هم منطقی است. مثلاً در صفحه‌ی هر اپیزود، روی گوشی اول عنوان را می‌بینید، بعد ویدیو یا کاور، و بعد بقیه‌ی جزئیات.

چه چیزهایی در ساختار سایت تغییر کرد؟

مهم‌ترین تغییر سایت جدید شاید دیده نشود، اما همه‌چیز روی آن بنا شده: نحوه‌ی کنار هم قرار گرفتن محتوا.

همه‌چیز به هم وصل است

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

فیلم‌ها: پیشنهاد در یک صفحه، نقد در وبلاگ

صفحه‌های فیلم حالا کار مشخصی دارند: معرفی فیلم و پیشنهاد ما. پوستر، خلاصه‌ی داستان، کارگردان، بازیگران، سال و کشور سازنده، امتیاز ما در کنار امتیاز IMDb و راتن تومیتوز، و چند خط درباره‌ی این‌که چرا دیدنش را پیشنهاد می‌کنیم. نقدهای بلند و تحلیلی در وبلاگ منتشر می‌شوند و از صفحه‌ی فیلم به آن‌ها لینک داده می‌شود. این‌طوری هم صفحه‌ی فیلم سریع جواب سؤال «ارزش دیدن دارد؟» را می‌دهد و هم نقدها جای کافی برای حرف زدن دارند.

آشنایی با بخش‌های سایت جدید

حالا بیایید یک دور در سایت بزنیم.

صفحه‌ی اصلی

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

اپیزودها

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

فصل‌ها و پرونده‌ها

در صفحه‌ی فصل‌ها کل پادکست را به شکل یک فهرست مرتب می‌بینید: فصل‌های اصلی، و مجموعه‌هایی مثل «نمای دور» و «نمای نزدیک» که هرکدام فصل‌های خودشان را دارند. صفحه‌ی هر فصل اپیزودها را به ترتیب شماره نشان می‌دهد، چون فصل چیزی است که از اول شروعش می‌کنید. بعضی فصل‌ها «پرونده» هستند؛ یعنی کل فصل درباره‌ی یک موضوع یا یک فیلم‌ساز است.

فیلم‌ها و ژانرها

بخش فیلم‌ها همه‌ی فیلم‌هایی را که پیشنهاد کرده‌ایم یا درباره‌شان صحبت کرده‌ایم و یا اشاره‌ای به آن‌ها کرده‌ایم، با پوستر و امتیاز نشان می‌دهد. با دکمه‌های ژانر می‌توانید مثلاً فقط فیلم‌های علمی‌تخیلی یا درام را ببینید، و هر ژانر صفحه‌ی مستقل خودش را دارد. پایین صفحه هم تازه‌ترین نقدهای وبلاگ، کارگردان‌های پرتکرار و فیلم‌هایی که بالاترین امتیاز ما را گرفته‌اند آمده است.

کارگردان‌ها

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

وبلاگ

وبلاگ حالا یک صفحه‌ی اصلی مرتب دارد: نوشته‌ی ویژه، انتخاب سردبیر، دسته‌بندی‌ها و تازه‌ترین مطالب. اگر دنبال فهرست کامل هستید، آرشیو وبلاگ همه‌ی نوشته‌ها را صفحه به صفحه نشان می‌دهد. هر نوشته زمان مطالعه، تاریخ انتشار و به‌روزرسانی، معرفی نویسنده و مطالب مرتبط دارد، و اگر نقد یک فیلم باشد، کارت همان فیلم زیر متن می‌آید.

جستجوی فارسی

جستجو یکی از بخش‌هایی است که بیشترین وقت را برایش گذاشتیم. با زدن نماد ذره‌بین در بالای صفحه، از همان حرف دوم نتایج زنده را می‌بینید. جستجوی سایت فارسی را می‌فهمد: فرقی نمی‌کند «ی» و «ک» را عربی تایپ کنید یا فارسی، نیم‌فاصله بگذارید یا فاصله. می‌توانید نام فارسی یا لاتین فیلم، نام کارگردان یا حتی شماره‌ی اپیزود (مثلاً «اپیزود ۱۲») را جستجو کنید. نتایج بر اساس نوع، یعنی اپیزود، فیلم، نوشته و صفحه، دسته‌بندی شده‌اند.

از کجا شروع کنیم؟

اگر تازه با پادکست آشنا شده‌اید و نمی‌دانید از کدام اپیزود شروع کنید، صفحه‌ی از کجا شروع کنیم؟ برای شما نوشته شده است. بر اساس سلیقه‌تان، مثلاً اگر سینمای ایران را دوست دارید یا دنبال یک فیلم‌ساز خاص هستید، فصل‌ها و اپیزودهای مناسب را پیشنهاد می‌دهد. همه‌ی پرونده‌ها هم در همین صفحه کنار هم آمده‌اند.

نویسندگان، درباره‌ی ما و راه‌های ارتباط

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

خبرنامه

در پایین همه‌ی صفحه‌ها فرم خبرنامه را می‌بینید. با وارد کردن ایمیل، اپیزودها و نوشته‌های تازه را مستقیم در صندوق ایمیلتان دریافت می‌کنید. بعد از ثبت، یک ایمیل تأیید برایتان می‌آید که باید روی لینکش بزنید.

لینک‌های قدیمی چه می‌شوند؟

نشانی بعضی صفحه‌ها در سایت جدید عوض شده است؛ مثلاً صفحه‌های فیلم حالا زیر /movies/ هستند. نگران لینک‌هایی که قبلاً ذخیره یا جایی به اشتراک گذاشته‌اید نباشید: نشانی‌های قدیمی به صفحه‌ی جدیدشان هدایت می‌شوند. نشانی اپیزودها و نوشته‌های وبلاگ هم مثل قبل است. اگر به لینکی برخوردید که کار نمی‌کند، از فرم گزارش خطا خبرمان کنید.

قدم بعدی چیست؟

این سایت تمام‌شده نیست و قرار نیست باشد. همراه با پادکست رشد می‌کند و هر هفته اپیزود تازه، فیلم تازه و نوشته‌ی تازه به آن اضافه می‌شود. مهم‌ترین چیزی که حالا لازم داریم نظر شماست: کجا گیر کردید؟ چه چیزی را پیدا نکردید؟ چه بخشی را دوست داشتید؟ در بخش نظرهای همین نوشته بنویسید یا از فرم پیشنهادها برایمان بفرستید.

پرسش‌های متداول درباره‌ی سایت جدید