سایت تیک — معرفی و دانلود اپ، فارسی و انگلیسی

مشکل چه بود؟

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

شرط‌ها روشن بود: هزینه‌ای نداشته باشد، روی گوشی عالی کار کند — چون لینکش بیشتر در تلگرام دست‌به‌دست می‌شود — و دانلودش برای کاربر ایرانی بی‌دردسر باشد.

چی ساختم؟

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

• دموی زنده‌ی صفحه‌ی «امروز» داخل تصویر یک گوشی: کار تیک می‌خورد، کار تازه اضافه می‌شود، و آخر سر کاغذرنگی می‌ریزد
• همان ۱۱ رنگ اپ؛ با انتخاب هر رنگ، دمو و کل صفحه همان رنگ می‌شوند
• تصویرهای اپ با سه کلید: روشن یا تیره، فارسی یا انگلیسی، آیفون یا اندروید
• ویدیوهای کوتاه از افزودن سریع، جشن آخر روز و عوض کردن زبان، از هر دو اپ
• دانلود مستقیم نسخه‌ی اندروید و راهنمای نصب رایگان روی آیفون
• پرسش‌های رایج و یک صفحه‌ی حریم خصوصی

اول برای گوشی

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

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

دمویی که تصویر نیست

دموی بالای صفحه با HTML و CSS از روی صفحه‌ی «امروز» اپ ساخته شده، نه با عکس. اندازه‌ی همه‌چیزِ داخل گوشی به نسبت عرض همان گوشی حساب می‌شود؛ پس دمو روی هر صفحه‌ای یک نسخه‌ی تیز و دقیق از اپ است و متنش هیچ‌وقت تار نمی‌شود.

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

فارسی اول، انگلیسی همیشه دمِ دست

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

دانلود با یک لمس

دکمه‌ی دانلود مستقیم فایل نصب (APK) را می‌گیرد و کاربر را به صفحه‌ی گیت‌هاب نمی‌برد. فایل روی خود سایت است — همان فایلِ نسخه‌ی رسمی، با همان اثر انگشت SHA-256 — چون سرورهای دانلود گیت‌هاب برای کاربر ایرانی گاهی کند یا بسته‌اند.

لینک‌ها بیشتر داخل تلگرام و اینستاگرام باز می‌شوند، و مرورگرِ داخلِ این برنامه‌ها ممکن است دانلود را خراب کند. سایت این را تشخیص می‌دهد و کنار دکمه‌ی دانلود، با دو قدم ساده و یک دکمه‌ی «کپی لینک»، می‌گوید که صفحه را در کروم باز کنند.

روی کامپیوتر

بدون هزینه

سایت روی GitHub Pages است، روی زیردامنه‌ی tik.mahyarmozafar.ir. دامنه را از قبل داشتم، پس هزینه‌ی اضافه‌ای ندارد. فونت‌ها، اسکریپت‌ها، تصویرها و ویدیوها همه از خود سایت می‌آیند؛ هم سریع‌تر است و هم در ایران بی‌دردسرتر.

با چه ابزارهایی

نتیجه

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