سخنی کوتاه در طراحی تعاملی : اهمیت متن ! (بخش دوم)

 

شکل های مختلف متن

ما می‌توانیم شکل های متفاوت متن را دسته بندی کنیم. در زیر برخی فرم های رایج متن برای طراحی تعاملی را ذکر کردیم.

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

۱. خوش‌آمدگویی (greeting)

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

۲. نوار منو (navigation)

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

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

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

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

بهتر است از عبارت «حساب کاربری من» استفاده شود یا «حساب کاربری شما»؟ یا شاید هم بهتر باشد صرفا از عبارت «حساب کاربری» استفاده کنیم.«ارتباط» بهتر است یا «ارتباط با ما» یا یک عبارت با ذوق و شوق بیشتر مثل «همین حالا با ما ارتباط برقرار کنید»؟

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

۳. دستورالعمل ها (instructions)

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

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

۴. بازخورد (feedback):

بازخورد چگونگی ارتباط مستقیم با کاربران در پاسخ به رفتار (اعمال) آنهاست.

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

۱. مکان (location) : کاربر درحال بازدید چه صفحه‌ای می باشد.

۲. وضعیت فعلی (current status) : چه اتفاقی در حال رخ دادن در صفحه است و این که آیا کاربر به هدفش نزدیک شده‌است؟

۳.قدم های بعدی (next steps) : بعد از این چه اتفاقی رخ خواهد داد و کاربر چگونه می تواند به آن دست پیدا کند؟

۴. اعتبار (validation): اگر هرگونه خطایی رخ دهد یا اقدامات برجسته‌ای مورد نیاز باشد.

مثال starbucks  یکی از معمول ترین پیام های بازخورد تأیید ثبت نام با موفقیت انجام شد می‌باشد. در بالا این قضیه را نشان می دهد.

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

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

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

زمانی که با مهارت (و کمی طنز) استفاده شود، انتخاب کلمه می‌تواند یک تجربه بد را به یک تجربه‌ی خوب تبدیل کند. مثل صفحه خطای ۴۰۴.

  

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

۵. Call to action 

اگر با افرادی که در حوزه ی خرید و فروش مشغول به کار هستند صحبت کنید، متوجه تأکید آن ها بر اهمیت کلمات برای انجام معامله خواهید شد.

همانند navigation مهارت و لطافت استفاده از زبان در calls-to-action ها بسیار کلیدی است. زیرا شما در یک دکمه محدود به استفاده از کلمات بسیار کمی هستید. هر کدام از کلمات باید وزن شده و بهینه سازی شوند. اگر اهمیتی که تنها یک کلمه می تواند داشته باشد را نمی دانید.

۶. داده (data)

پایه ای ترین استفاده ای که از زبان در یک سایت یا اپلیکیشن می شود ، داده های موجود است. آدرس شرکت، شماره تلفن ها ، نوشته های قانونی که وجودشان ضروری است و غیره از این دست محتوا ها هستند. معرفی داده ها می تواند از لحن شما اقتباس شود.

  

کمی چاشنی به یک صفحه ی تماس با ما اضافه کرده. تمامی اطلاعات Welikesmall آژانس دیجیتال ضروری آنجا هستند. از جمله شماره تلفن ها ، آدرس ها ، ایمیل ، حتی لینک های شبکه های اجتماعی. اما طنز هایی مانند “برای تماس در یک زمان خوب… “چیز کمی اضافه تر اما در عین حال خاطره انگیز ، که برای افزودن کمی شادی به تجربه مفید است ، استفاده کرده است.

نتیجه گیری

اگرعقیده داشته باشید که هر پیکسل، هر آیکون، هر طرح و سبک فونتی اهمیت دارد، آنگاه باید معتقد باشید که هر یک “حرف” هم مهم است.

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


قسمت های دیگر این کتاب:

قسمت اول: سخنی کوتاه در طراحی تعاملی : اهمیت متن ! (بخش اول) را بخوانید.

قسمت دوم: سخنی کوتاه در طراحی تعاملی : اهمیت متن ! (بخش دوم) را بخوانید.

قسمت سوم: فضای خالی در طراحی تعاملی : به کارگیری قدرت پنهان «هیچ‌چیز»! را بخوانید. 

قسمت چهارم: فضای فعال و غیرفعال (Active & Passive) را بخوانید.

قسمت پنجم: جذابیت در طراحی تعاملی: ایجاد عشق در نگاه اول! را بخوانید.

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

قسمت هفتم: عنصر سری : ریزتعامل‌ها را بخوانید.

قسمت هشتم: ۵ راز روانشناختی برای طراحی تعاملی پایدار را بخوانید.

قسمت نهم: لذت در طراحی تعاملی (موشکافی چند مثال مهم) (بخش اول) را بخوانید.

قسمت دهم: لذت در طراحی تعاملی (موشکافی چند مثال مهم)(بخش دوم) را بخوانید.

نظرتان را بگویید