در سارینا علاوه بر فروشگاههای اینترنتی، گاهی طراحی و تولید محتوای وبسایت شرکت یا سازمانی را نیز انجام میدهیم. محتوای معرفی با محتوای فروش تفاوت زیادی دارد. برای تولید محتوای معرفی، عکس، بنر، پروموشن و متن صفحات، همه باید در راستای معرفی حرفهای شرکت یا سازمان مورد نظر باشد. ولی محتوای یک فروشگاه آنلاین را باید با دید تجاری و فروش تولید کرد. کسانی که در زمینه طراحی و تولید محتوای فروشگاههای آنلاین فعالیت دارند، باید این سوال را از خود بپرسند که چگونه عکس بگیرند، بنر و پروموشن طراحی کنند، و مطلب بنویسند تا کاربر ترغیب به خرید از آنها شود و حتی این فروشگاه را به دوستان خود معرفی کند. بازگشت کاربر به یک فروشگاه آنلاین و در اصطلاح دنبال کردن آن فروشگاه، اهمیت زیادی در حفظ بقای آن فروشگاه دارد. مطلبی که برای این هفته درنظر دارم، تجربیات شخصیام در زمینه طراحی و تولید محتوا برای فروش و معرفی است.
چند وقت پیش به درخواست یکی از مشتریان سارینا، صفحه فرمی را طراحی کردم، به گونهای که کاربر پس از پر کردن تمامی فیلدها، میبایست بین دو گزینه (زن هستم) یا (مرد هستم) یکی را انتخاب میکرد. برای انتخاب یکی از گزینهها نیاز بود تا از دکمههای رادیویی (Radio Button) استفاده کنم که این دکمهها مانند تمام دکمههای رادیویی، طراحی رایج خود را داشتند.
در دنیای طراحی وب، طراحی رابط کاربری یک وبسایتِ ساده ملاحظات خاص خودش را دارد. از چیدمان و چگونگی شکل نمایش عناصر گرفته تا طراحی واکنشگرا برای دستگاههای قابل حمل مانند تبلت و موبایل. حال آنکه طراحی یک وباپلیکیشن، پیچیدگی این فرآیند را بیشتر کرده و ما را با چالشی جدید روبرو میکند که میتوان آن را «طراحی برای نامعلومها» نامید. اینکه ما باید از بیشینه و کمینهی اطلاعات آگاه باشیم (یا در بیشتر موارد حدس بزنیم) و برای چیدمان آنها، ساختاری پویا در نظر بگیریم. برای مثال، نام کاربران میتواند دو کاراکتر و یا ۴۰ کاراکتر باشد. با شناخت کلی از روحیات و چگونگی رفتار مخاطبانتان (تجربه کاربری)، میتوانید تصمیم بگیرید که چطور حجم اطلاعات را کنترل کرده و نمایش دهید. شاید درنظر گرفتن ۲۰ کاراکتر برای نام این دستهی به خصوص از مخاطبان کافی باشد.
بعضی از مشتریان سارینا که قصد راهاندازی فروشگاه اینترنتی دارند، بنا به سلیقه و نیازهایشان، گاهی یکی از قالبهای آمادهی مجنتو را خریداری میکنند. سپس تیم سارینا مراحل نصب، راهاندازی، طراحی و غیره را آغاز میکند. اکثر قالبهای مجنتو چپچین هستند، در نتیجه یکی از وظایف ما راستچین کردن قالبهای مجنتو است. تعداد کمی از قالبهای مجنتو به شکل راستچین وجود دارند. یکی از سوالاتی که همیشه ذهن مشتریان ما را درگیر میکند، این است که کدام قالب را انتخاب کنند؟ قالب راستچین مجنتو یا قالبی که ما آن را راستچین میکنیم؟ این مطلب به تفاوت این دو قالب اختصاص دارد.
دسترسیپذیری برای همه
چند سال پیش که مدیر پروژهی فروشگاه اینترنتی ورچین بودم، تلفنمان برای کارهای مختلفی زنگ میخورد. اغلب بازاریاب بودند یا میخواستند پروژهی دانشجوییشان را با بررسی فروشگاه اینترنتی ورچین انجام دهند. در یکی از تماسها، آقای جوانی که خیلی مؤدب و خوش صحبت بود تقاضای متفاوتی داشت:« من نابینا هستم و خیلی دوست داشتم از فروشگاه شما خرید کنم، اما وب سایت شما برایم قابل استفاده نیست.» برایم از ابزارهای کمکیاش گفت و توضیح داد آنها چطور وبسایتها را «میخوانند». این ابزارها در عین حال که خیلی کارآمد هستند ،آنقدر هوشمند نیستند که ذهن طراح سایت را بخوانند. طراح سایت باید آنها را راهنمایی کند.
یکی از رایجترین مشکلاتی که در هنگام کار با CSS وجود دارد، درک نادرست از چگونگی حق تقدم سلکتورها است.
این مشکل آنجا خودش را حسابی نشان میدهد که بخواهید CSS نوشته شدهی خودتان را بر روی CSS دیگری اعمال کنید، مانند راستچین کردن یک قالب.
نمود دیگر این مشکل زمانی آشکار میشود که یک وباپلیکیشن پیچیده طراحی کنید و به دلیل بزرگی آن، بیدلیل در داکیومنت خود کلاس و ID ایجاد کنید.