توسط سپیده در فروردین ۱۸, ۱۳۹۰
الگویی که در زیر مشاهده می کنید نمونه ای از یک فرم تماس ساده است که اخیراً طراحی کردم. فیلد اول مربوط به حالتی است که پس از کلیک کردن رخ می دهد. می توانید با کلیک بر روی تصویر، جزئیات آن را در اندازه واقعی ببینید.
توسط سپیده در بهمن ۳, ۱۳۸۹
اگر در جریان باشید بانک پاسارگاد به تازگی طرح جدید صفحه اصلی وبسایتش را از نسخه آزمایشی خارج کرده است. پس از ورود به سایت بانک پاسارگاد صفحه ای را می بینید که شما را بعد از چند ثانیه وارد وبسایت جدید می کند! نمی دانم نظر شما در مورد طرح جدید وبسایتِ این بانک چیست، اما من بعد از دیدن طرح جدید نکاتی به ذهنم رسید که بد ندیدم اینجا به عنوان نظر شخصی مطرحش کنم.
طرح قدیمی:
طرح جدید:
به نظر من طرح جدید وبسایت بانک پاسارگاد نسبت به طرح قبلی از چیدمان بهتر و منظم تری برخوردار است. دارای یک منوی اصلی است که با نگاه اول شناخته می شود، بر خلاف طرح قبلی که در بالای سایت با دو منو مواجه می شوید که منوی اصلی پایین تر از منوی فرعی قرار دارد و باعث شلوغی هِدِر ( header ) سایت شده است.
اما در طرح جدید نکاتی هم هست که قابلیت بهتر شدن را داشت! برای مثال بخش اخبار در هر دو طرح تقریباً در مکان یکسان و قابل توجهی قرار دارد. در حالیکه فکر می کنم بخش اخبار این سایت مهم تر از بخش خدمات کارت نیست! در طرح جدید؛ باکس هایی که برای دسترسی سریع تر به بخش هایی چون خدمات کارت در نظر گرفته شده در بعضی مرورگرها با اسکرول کردن دیده می شوند که اگر در مکان های بالاتری قرار داشت بهتر بود. البته لینک هایی مانند “نظرسنجی” و یا “دعوت به همکاری” هم از آنجایی که از اهمیت کمتری برخوردارند می بایست در بخش های کم توجه تر قرار می گرفتند و قسمت های مهم تری که مربوط به خدمات است جایگزین این لینک ها می شدند.
نکته دیگری که در طرح جدید توجه مرا به خودش جلب کرد بخش پرداخت های اینترنتی بود. قسمت هایی چون پرداخت قبوض یا انتقال وجه کارت به کارت جزء قسمت هایی است که از اهمیت بالایی برخوردارند و بسیاری از مشتریان فقط به این منظور وارد سایت می شوند. بنابراین اگر این قسمت به نوعی از نظر رنگ بندی کادر و یا سایز نوشته ها؛ برجسته تر بود توجه مشتریان را بیشتر به خود جلب می کرد.
در طرح جدید لینک های مربوط به سامانه پرداخت همراه در صفحه اول قابل دسترس هستند که نسبت به طرح قبل که نیاز به جستجو در بخش مربوطه را داشت ویژگی مثبتی تلقی می شود.
اینها بعضی از نکاتی بود که می خواستم به عنوان یکی از مشتریان ثابت بانک پاسارگاد مطرح کنم تا بهبود و پیشرفت بیشتری را در مورد سایت این بانک شاهد باشیم.
توسط سپیده در آبان ۱۱, ۱۳۸۹
یکی از نکاتی که طراحان وب باید به آن توجه بیشتری کنند گرافیک و ظاهر طرح وبسایت هست. چرا که بسیاری از اوقات یک طراح زحمت و دقت زیادی رو صرف HTML و CSS کردن یک طرح میکنه در حالی که اون طرح از گرافیک ضعیفی برخورداره و در نتیجه اون زحمت به چشم یک کارفرما و کاربر معمولی نمیاد!
طرح زیر نمونه ای از یک فرم ساده لاگین هست که اخیراً طراحی کردم. همونطور که می بینید مجموعه سایه ها و استایل هایی که به فیلدها و دکمه ورود داده شده باعث ظرافت و زیبایی این طرح شده.
توسط سپیده در شهریور ۲۵, ۱۳۸۹
مدت زیادی نیست که انتخاب برنده های نهایی سومین جشنواره وب ایران توسط دبیران علمی شروع شده و من هم موظف به انتخاب برنده های نهایی بخش “طراحی و استانداردهای وب” بودم. راستش قبل از اینکه شروع به بررسی سایت های برگزیده کنم یه سری فاکتور رو با خودم مرور کردم که فکر می کردم بهترین سایت از نظر “طراحی و استانداردهای وب” باید داشته باشه. فکر کنم تشخیص اینکه یه سایت طراحی و گرافیک خوبی داره یا نه زیاد سخت نباشه، اما اینکه آیا یه سایت از قوانین استاندارد وب پیروی می کنه یا نه کمی نیاز به دقت و ریز بینی داره.
سازمان کنسرسیوم جهانی وب (W3C) معیار هایی رو برای استاندارد وب معرفی کرده و ابزارهایی هم برای تایید استاندارد بودن یک وبسایت داره (+ و +) اما این ابزارها روش درستی برای شناخت یک وبسایت استاندارد نیست! چرا که این ابزارها ممکنه یک وبسایت رو استاندارد معرفی کنه در حالی که نمایش درستی رو در مرورگرهای مختلف نداره! اما من تصمیم دارم تو این پست فاکتور هایی که مد نظر خودم بود (که با بعضی هاشون آشنایید و بعضی هاش هم در عمل برای من و خیلی ها ثابت شده ) رو با هم مرور کنیم:
۱- دسترسی پذیری (Accebility) : اولین و شاید مهمترین مسئله ای که یک سایت استاندارد باید رعایت کنه دسترسی پذیری هست. خودتون رو جای بازدید کننده سایت بذارید و ببینید وقتی وارد سایتی می شوید می تونید براحتی اون چیزی رو که می خواهید پیدا کنید یا نه. آیا در صفحات داخلی براحتی می تونید به بخش های دیگه سایت دسترسی پیدا کنید؟ هرچی بازدید کننده زمان کمتری رو صرف پیدا کردن بخش مورد نظرش بکنه یعنی اینکه سایت دسترسی پذیری بالایی داره و رعایت این مسئله در وبسایت هایی که بخش های گوناگون و تعداد صفحات زیاد دارن مطمئناً دشوارتر و از طرفی از ارزش بالاتری برخورداره!
۲- هدایت آسان صفحات : این ویژگی تا حدودی به فاکتور دسترسی پذیری مربوطه. اینکه در صفحات داخلی سایت شما بدونید کجایید (!) و براحتی به صفحات دیگه سایت هدایت بشید و بخش های مختلف سایت توسط منوها بطور منظم دسته بندی شده باشند و باعث سر در گمی نشه یعنی اینکه سایت، شما رو بخوبی به منظورتون هدایت می کنه.
۳- کاربرد پذیری (Usability) : در یک کلام یعنی میزان مفید و موثر بودن سایت برای بازدید کننده. کاربرد پذیری شامل موارد مختلفی میشه. مانند استفاده بهینه از فضای سایت، تناسب محتوا و قسمت های مختلف سایت با نیازهای کاربران، چیدمان مناسب قسمت های مختلف، استفاده درست از عکس ها در جهت هدف سایت و … بارها شده که وارد سایتی میشیم و می بینیم که قسمت بیشتر فضای صفحه اول سایت رو عکس ها و نوشته های بیهوده اشغال کرده و باید اسکرول کنیم تا یه چیزهایی درباره سایت بفهمیم! واضحه که همچین سایتی ویژگی کاربرد پذیری رو رعایت نکرده. (بعد التحریر: این ویژگی در حیطه استانداردهای وب نیست ولی جزء مواردی هست که بهش توجه شده. )
۴- نمایش یکسان در مرورگرهای مختلف: اینکه وبسایت مورد نظر در مرورگرهای مختلف نمایش یکسان داشته باشه مسئله بسیار مهمیه که فقط طراحان با تجربه از پس اون بر خواهند اومد! چیزی که این روزها و مخصوصاً تو کشوری مثل ایران که هنوز یوزرها از مرورگر اینترنت اکسپلوور نسخه های قدیمی استفاده می کنند بسیار مهم و حتی حیاتیه!
۵- مجزا بودن طرح وبسایت از محتوا: یک سایت استاندارد باید قسمت محتوای مشخصی جدا از طرحش داشته باشه که در صورت تغییر طرحش محتوای سایت دچار تغییر نشه! این قسمت به درست نوشتن کدهای اچ تی ام ال و سی اس اس بر می گرده و باعث میشه که موتورهای جستجو محتوا رو به درستی شناسایی کنند.
۶- قابلیت رؤیت آیتم های اصلی (Visibility): آیا وقتی وارد صفحه اصلی سایت می شوید در نگاه اول می تونید قسمت های اصلی سایت رو ببینید؟ یا قسمت عمده فضا با آیتم های فرعی و غیر ضروری اشغال شده؟
۷- خوانا بودن مطالب مهم در نگاه اول (Readability) : اگر مطالبی هست که در اولویت اول برای سایت قرار داره باید در نگاه اول به چشم کاربر بیاد. همه می دونیم که کاربر از صبر و حوصله کمی برخورداره! پس باید در نگاه اول مطالب مهم و جذاب بصورت برجسته به نمایش گذاشته بشه تا کاربر رو مجذوب کنه.
به نظرم این ها اصلی ترین فاکتورهایی هست که یک وبسایت استاندارد در قدم اول باید داشته باشه که در مواقعی هم به هم ربط پیدا می کنند. موارد دیگری هم هست که نیاز به دقت بیشتری داره و رعایت همه این موارد باعث میشه تا یک وبسایت استاندارد و در دسترس برای همه داشته باشیم.
توسط سپیده در شهریور ۳, ۱۳۸۹
شروع مهمه. اینکه چطوری شروع کنید مهم تر. با چه انگیزه و میزان پشتکار و علاقه ای شروع کنید از همه مهم تر!
وقتی وارد مسیری می شوید که قراره به عنوان حرفه اصلیتون باشه طبیعتاً باید بخشی از زمان و انرژی تون رو بهش اختصاص بدید. حتی خواه ناخواه باید تغییراتی رو در خودتون بپذیرید. تغییراتی که به مرور در کسی که با حرفه اش خو گرفته بوجود میاد. و این خاصیت دنیای حرفه ایه!
اینکه چطور به این راه نگاه کنید و برای پیشرفت گام بردارید خیلی مهمه. برای موفقیت در هر حرفه ای پشتکار و تمرین لازمه کاره. اعتراف میکنم که یکی از دلایل موندگاریم تو حرفه و کارم، روحیه خستگی ناپذیریمه! طبیعتاً هرکاری سختی ها و خستگی های خودشو داره و ممکنه باعث بشه تا شما دست از تلاش بردارید. اما فقط علاقه و اعتماد به نفس شماست که باعث میشه با سختی های مسیر کنار بیایید.
