All Posts By

نرگس غریب

رمزگشایی طراحی تعاملی (قسمت سوم)

By | طراحی | No Comments

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

\r\nطراحی ما در یک صفحه نمایش محدود قرار دارد. در این جعبه‌ی کوچک چیزهای زیادی می‌تواند گفته شود و انجام شود.پس هر پیکسل بسیار ارزشمند است.\r\n \r\n\r\nهمه طراحان، حتی آن‌هایی که مبتدی هستند می‌دانند که نباید یک صفحه را بیش از حد شلوغ کنند. اما طراحان خبره هم گاهی فراموش می‌کنند که چه مقدار از فضای خالی را باید استفاده کنند.\r\n فضای خالی (white space) که گاهی با نام فضای منفی (negative space) نیز شناخته می‌شود، هر فضایی است که بین دو المان خارجی در صفحه‌ی نمایش قرار دارد. این فضا حتما نباید سفید یا حتی خالی باشد.\r\n فضای منفی یک خلأ از محتوا ایجاد می‌کند ، به طوری که توجه بیشتری را به محتوای موجود جلب کند.\r\n در این مقاله ، درباره ی چگونگی اعمال یکی از قدرتمند ترین ابزار طراحان در جعبه ابزار آنها صحبت خواهیم کرد :‌ هیچ چیز!\r\n

ایجاد فضای خالی

\r\nمی‌دانیم که فضای منفی ابتدا یکی از اجزاء زیبایی شناسی بوده است.\r\n\r\n\r\n\r\nدر طراحی دیجیتال، این فضای خالی در محصول اهمیت بیشتری پیدا می‌کند. فضای منفی لزوما به صورت بصری جذاب نیست، بلکه باید نقشی عملی در هماهنگ سازی سلسله مراتب بصری و هدایت چشم کاربر به نقاط استراتژیک تعامل را بازی کند. علاوه بر این، اگر متنی وجود داشته باشد، فضای خالی باید واضح ترین و خوانا ترین محیط را فراهم کند. این مهم‌ترین وظیفه فضای خالی است.\r\n به طور کلی، فضای خالی به صورت مستقیم موار زیر را تحت تاثیر قرار می‌دهد:\r\n\r\nبررسی چشمی : فضای بین المان‌های بزرگ تر (فضای خالی ماکرو) بر روی چگونگی حرکت چشم کاربر حین بررسی صفحه تأثیر می‌گذارد، و هنگامی که به درستی استفاده می‌شود می‌تواند دید کاربر را به گونه‌ای جهت دهد که هر المانی دوست داریم و می خواهیم دیده شود را ببیند. این تأثیر برای ایجاد هویت نام تجاری و افزایش تعاملات کاربر مفید است.\r\n\r\nقابلیت خوانایی : فضای بین عناصر کوچکتر (فضای خالی میکرو) مانند حروف، خطوط متن ها، موارد لیست، و گاهی آیکون ها می توانند به اینکه چه مقدار هر کدام از آن ها می‌توانند واضح تر و سریع تر خوانده شوند و احتمالاً انتخاب شوند تأثیر می‌گذارد.\r\n\r\nزیبایی شناسی : وقتی همه اجزا را در نظر می‌گیریم ، فضای خالی نقش بسیار مهمی در سازمان دهی بصری (و به دنبال آن زیبایی شناسی) را در رابط بازی می‌کند.به عنوان مثال دسته‌بندی تصادفی محتوا به طور معمول مفید نیست.\r\n\r\nلوکس بودن : فضای خالی زیاد، صفحه شما را پر از ظرافت و کمال خواهد کرد.\r\n\r\nبرای درک بهتر چگونگی استفاده از فضای خالی، می توانیم انواع مختلف و همچنین روش های مختلف استفاده از آنها را دسته بندی کنیم.\r\n

ماکرو و میکرو

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

۱. فضای خالی در ابعاد بزرگ (macro white space)

\r\nفضای خالی ماکرو به فاصله ی بین المان ها و عناصر بزرگ گفته می‌شود. این فضا برای موارد زیر استفاده می شود:\r\n

    \r\n

  • ترکیب عمومی
  • \r\n

  • جدا سازی عناصر مختلف
  • \r\n

  • ستون های متنی
  • \r\n

  • حاشیه ها
  • \r\n

  • پدینگ
  • \r\n

  • فضای بین عکس‌ها و تصاویر گرافیکی
  • \r\n

\r\nفضای خالی ماکرو یا در ابعاد بزرگ به شدت روی جریان بصری کاربر تأثیر می‌گذارد. این تاثیر یا با ملایمت توجه مخاطب را جلب می‌کند و یا به زور این کار را انجام می‌دهد. در اینجا یک قانون وجود دارد و آن این است که فواصل بیشتر با شدت بیشتری توجه را جلب می کنند. در واقع ما می‌خواهیم تعادل را بر هم بزنیم اما فضای خالی بیش از حد اصول ژستالت (Gestalt Principles) را نقض می‌کند و رابطه‌ی بین اشیاء را هم ضعیف می‌کند.\r\n بیایید نگاهی به سایت Tomasz Wysocki به عنوان نمونه ای از استفاده مناسب از فضای خالی در تعامل با کاربر داشته باشیم.\r\n\r\n\r\n\r\nاولین چیزی که بیشتر کاربران به آن نگاه می کنند تیترصفحه است. “Digital Art & Experiments” در یک فونت معمولی . در رابطه با اندازه متن ، فضای خالی اطراف تیتر توجه کاربران را از هر دو طرف جلب می کند. همچنین منو های بالا و پایین هم توجه را به خود جلب می‌کنند. اگرچه نه به همان اندازه زیرا فقط در یک طرفشان فضای خالی دارند. به طور کلی ، فضای خالی وظیفه‌ی خود را برای جلب کردن توجه کاربر انجام می دهد. با کشیدن نشانگر موس روی صفحه ناگهان تجربه‌ای جذاب خلق می‌شود. تصویر زیر نقاشی‌ای که روی بوم ظاهر می‌شود را نشان می‌دهد.\r\n\r\n\r\n\r\nبا استفاده از فضای خالی به عنوان یک ابزار برای تحریک کاربران، wysocki تجربه ای ایجاد می‌کند که به طرز عجیبی اعتیاد آور است. بعد از اینکه اولین تصویر ظاهر می‌شود ، دوست داریم ببینیم که دیگر چه چیزی از ما مخفی شده است.\r\n

۲. فضای خالی در ابعاد کوچک و ریز یا میکرو (micro white space)

\r\nوقتی طراحان از فضای سفید میکرو صحبت می کنند منظورشان فضای بین عناصر کوچکتر یا هر یک از عناصر با عناصر بزرگتر است. این عناصر عبارتند از:\r\n

    \r\n

  • حروف
  • \r\n

  • خطوط متن
  • \r\n

  • پاراگراف ها
  • \r\n

  • آیتم‌های یک لیست
  • \r\n

  • دکمه‌ها و آیکون‌ها
  • \r\n

\r\nفضاهای خالی میکرو بیشتر برای وضوح کلی سایت بخصوص خوانایی تایپوگرافی استفاده می‌شود (این که چگونه می‌توان هر حرف را به وضوح تشخیص داد). هنگامی که درون یک متن و اطراف آن فضای خالی ایجاد می‌کنیم، میخواهیم کمی تعادل را بر هم بزنیم تا به شفافیت و وضوح کمک کند اما نمی‌خواهیم از بر هم زدن تعادل به قدری باشد که حواس مخاطب را از بخش‌های مهم‌تر پرت کند.\r\n معمولا تنظیم ارتفاع خط (فضای عمودی بین خطوط) به اندازه حدودا ۱.۵ برابر اندازه حروف مقدار خوبی است.\r\n همانطور که در بحث درباره اصول ژستالت اشاره می‌شود، قرار دادن عناصر در مجاورت و نزدیکی یکدیگر نشان دهنده این است که آنها مشابه هم عمل می‌کنند. فضای خالی میکرو می‌تواند نشان دهنده ارتباط بین دکمه ها یا لینک ها باشد و استفاده از این فاصله ها در جای دیگر یک الگو را تقویت می‌کند که باعث افزایش شناخت و قابلیت یادگیری در حین استفاده می‌شود.\r\n با این که ماکرو و میکرو از انواع فضای خالی هستند، هر کدام از آنها می توانند به صورت فعال یا غیر فعال مورد استفاده قرار بگیرند که در ادامه توضیح می دهیم.\r\n\r\n 

رمزگشایی طراحی تعاملی (قسمت دوم)

By | طراحی | No Comments

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

\r\n \r\n

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

\r\n

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

\r\n

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

\r\n\r\n

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

\r\n

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

\r\n\r\n

\r\n

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

\r\n

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

\r\n

\r\n

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

\r\n

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

\r\n

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

\r\n

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

\r\n

\r\n

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

\r\n\r\n

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

\r\n

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

\r\n

\r\n

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

\r\n\r\n

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

\r\n

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

\r\n

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

\r\n

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

\r\n

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

\r\n

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

\r\n

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

\r\n

\r\n

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

\r\n

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

\r\n

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

\r\n

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

\r\n

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

\r\n

  

\r\n

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

\r\n\r\n

۵. Call to action 

\r\n

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

\r\n

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

\r\n\r\n

۶. داده (data)

\r\n

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

\r\n

  

\r\n

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

\r\n\r\n

نتیجه گیری

\r\n

\r\n

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

\r\n

\r\n

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

رمزگشایی طراحی تعاملی (قسمت اول)

By | طراحی | No Comments

وقتی وارد حوزه UI/UX شدم و به شکل خودآموز شروع به یادگیری مفاهیم اولیه طراحی رابط کاربری و تجربه کاربری کردم، وقت زیادی رو صرف پیدا کردن منابع و محتوای صحیح فارسی کردم. نتیجه کارم به چند مقاله‌ي کاملا یکسان که ترجمه مقالات به نسبت قدیمی این حوزه بودند منجر شد. دور محتواهای فارسی رو خط کشیدم و شروع به خواندن مقالات و کتاب‌های جدید این حیطه اما به زبان انگلیسی کردم. اخیرا با کمک چند نفر از طراحان تازه‌کار و با انگیزه حوزه طراحی رابط کاربری و تجربه کاربری تصمیم گرفتیم این کتاب‌ها و منابع را ترجمه و تا بخشی بومی سازی کنیم. یکی از کتاب هایی که آماده کردیم، ترجمه ی جلد اول کتاب Interaction Design Unlocked از سری کتابهای اینترنتی UXPin هست. قصد داریم به طور مرتب هر بخش این کتاب رو در پست‌های جداگانه برای علاقه‌مندان این حوزه منتشر کنیم. از حسین امینی، هانیه باقری، سعید حسینی، حسنا سلیمی و کیمیا فضلعلی برای تلاش و همتی که در این کار قرار دادند،‌ پیشاپیش قدردانی می‌کنم. از نظرات سازنده همه طراحان برای بهبود و توسعه‌ی این کار استقبال می‌کنیم.

\r\n\r\n

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

\r\n

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

\r\n\r\n

\r\n

دلیل این که تنبل های سه انگشتی به دنیا حکم رانی نمی‌کنند این است که می‌توانیم توسط کلمات سریع تر ارتباط برقرار کنیم.

\r\n

\r\n

زبان چیزی است که گونه ی ما را متمایز می‌کند اما از ان جایی که زبان یک ابزار چند وجهی و پیچیده است، همان اندازه که به ما کمک می‌کند، می‌تواند ضربه بزند. کلماتی که در متن های رابط کاربری خود انتخاب می‌کنیم، حتی اگر به نظرمان پیامشان بی معنی به نظر برسند، به طور مستقیم بر روی برداشت کاربران از برند و محصول ما تأثیر می‌گذارد. به ویژه این که تنها حدود ۱۰ ثانیه طول می‌کشد تا کاربران تصمیم بگیریند که می‌خواهند در سایت باقی بمانند یا نه.

\r\n

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

\r\n\r\n

چرا متن در طراحی تعاملی ضروری است؟

\r\n

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

\r\n

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

\r\n\r\n

\r\n

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

\r\n

\r\n

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

\r\n

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

\r\n\r\n

تغییرپذیری و تنوع زمینه

\r\n

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

\r\n\r\n

۱. رسانه یا مدیوم

\r\n

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

\r\n\r\n

۲. مخاطب

\r\n

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

\r\n

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

\r\n

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

\r\n

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