خلاصه: پژوهش های ردیابی چشمی نشان می دهد که افراد صفحات وب و صفحه نمایش تلفن ها را با الگوهای مختلف اسکن می کنند که یکی از اینها شکل نامه است ف.یازده سال پس از کشف این الگو به معنای امروز می پردازیم.
توسط کارا پرنیس
بر 2017-11-12 12 نوامبر 2017
موضوعات:
- نوشتن برای نوشتن وب برای وب,
این مقاله را به اشتراک بگذارید:
از جمله کمکهای ان ان جی به دنیای تجربه کاربری شاید یکی از پر استنادترین الگوهای خواندن اف شکل برای محتوای وب باشد که در سال 2006 شناسایی کردیم. در طول سالها بسیاری به این پژوهش اشاره کردهاند که گاهی به درستی و در بسیاری موارد دیگر به اشتباه تفسیر شدهاند. هدف ما در این مقاله گزارش بازنگری تحقیقات اخیر و همچنین روشن کردن برخی باورهای غلط مرتبط با الگوی اف است. به طور خاص:
- اسکن در وب همیشه به شکل اف وجود دارد دیگر الگوهای اسکن مشترک بیش از حد.
- الگوی اف برای کاربران و کسب و کارها منفی است.
- طراحی خوب می تواند از اسکن شکل اف جلوگیری کند.
الگوی اف شکل
در الگوی اسکن اف شکل است که توسط بسیاری از تثبیت متمرکز در بالا و سمت چپ صفحه مشخص می شود. به طور خاص:
- کاربران برای اولین بار در یک حرکت افقی به عنوان خوانده شده , معمولا در سراسر قسمت بالای منطقه محتوا. این عنصر اولیه نوار بالای اف را تشکیل می دهد.
- بعد, کاربران حرکت به پایین صفحه و سپس در سراسر در یک جنبش افقی دوم که به طور معمول پوشش می دهد یک منطقه کوتاه تر از جنبش قبلی به عنوان خوانده شده. این عنصر اضافی نوار پایینی اف را تشکیل می دهد.
- در نهایت کاربران سمت چپ محتوا را در یک حرکت عمودی اسکن می کنند . گاهی اوقات این یک اسکن کند و سیستماتیک است که به صورت یک نوار جامد روی نقشه گرمایی چشمگیر ظاهر می شود. در مواقع دیگر کاربران سریعتر حرکت می کنند و نقشه گرمایی لکه دارتری ایجاد می کنند. این عنصر نهایی ساقه اف را تشکیل می دهد.
پیامدهای این الگو عبارتند از:
- خطوط اول متن در یک صفحه نگاه بیشتری نسبت به خطوط بعدی متن در همان صفحه دریافت می کنند.
- چند کلمه اول در سمت چپ هر خط متن فیکس های بیشتری نسبت به کلمات بعدی در همان خط دریافت می کنند.
بنابراین در سطرهای اول متن افراد کلمات بیشتری را در سمت راست اسکن می کنند تا در سطرهای بعدی. برای مثال در برخی موارد ممکن است افراد به یک پاراگراف در پایین صفحه علاقه مند شوند و ممکن است کلمات بیشتری را متمرکز کنند, خواندن دوباره به سمت راست, بنابراین الگو شبیه یک می شود ه.
الگوی اف شکل برای خواندن کاربران از منطقه محتوای صفحه وب اعمال می شود. بنابراین رفتار افراد را هنگام بازدید از یک صفحه وب و ارزیابی محتوا توصیف می کند نه رفتارشان را زمانی که در بخش جدیدی از وب سایت هستند و میله های ناوبری (معمولا در بالا و/یا سمت چپ صفحه) را بررسی می کنند تا تصمیم بگیرند کجا بروند. بنابراین, در یک الگوی اف, نگاه در سمت چپ سقوط در قسمت سمت چپ از منطقه محتوا , نه در سمت چپ ترین قسمت از صفحه کامل, اگر ستون سمت چپ است که توسط یک ریل ناوبری اشغال.
تحقیقات اخیر ما نشان می دهد که الگوی اسکن شکل اف در دنیای امروز زنده و سالم است-هم در دسکتاپ و هم در تلفن همراه. نمونه ای معمولی از طول عمر یافته های تجربه کاربری که بیشتر به رفتار انسان بستگی دارد تا فناوری.
TigersinCrisis. com: این نقشه گرمایی از مطالعه جدید ما داده های 47 نفر را در حالی که سعی در یادگیری تعداد ببرهای سوماترایی در طبیعت داشتند جمع می کند. رنگ قرمز روی این نقشه حرارتی نمونه ای از الگوی شکل اف است-همان امروز 11 سال پیش.
مرورگر شما از برچسب ویدیو پشتیبانی نمی کند. این بازپخش نگاه یک اسکن کاربر تلفن همراه را در الگوی اف نشان می دهد که او در مورد لنزهای دوربین پرتره تحقیق می کند. دایره توخالی قرمز نشان دهنده جایی است که او در حال تثبیت است. (در بیشتر مرورگرها ماوس را روی ویدیو نگه دارید تا کنترل ها در صورتی که از قبل قابل مشاهده نیستند نمایش داده شوند.)
مرورگر شما از برچسب ویدیو پشتیبانی نمی کند. نمونه دیگری از الگوی اف در تلفن همراه از یک شرکت کننده در مطالعه بود که استفاده می کرد http://bacnyc. org برای یادگیری جایی که میخاییل باریشنیکوف رقص را مطالعه کرد. ستون متن گسترده تر از صفحه نمایش بود, بنابراین او دامنگیر به صورت افقی به عنوان او در حال خواندن. (در بیشتر مرورگرها ماوس را روی ویدیو نگه دارید تا کنترل ها در صورتی که از قبل قابل مشاهده نیستند نمایش داده شوند.)
دور اخیر پژوهش های ما نیز نشان داد که در زبان های راست به چپ مانند عربی مردم در یک الگوی تلنگر شکل می خوانند (همانطور که پیش بینی کرده بودیم اما قبل از این تحقیق دیده نشده بود).
مرورگر شما از برچسب ویدیو پشتیبانی نمی کند. الگوی اف در زبانهای راست به چپ مانند عربی منعکس شده است همانطور که در این بازپخش نگاه کاربر در حال خواندن مقاله ای در مورد مسابقه تیراندازی با اسکیت در یک سایت خبری عربی نشان داده شده است. (در بیشتر مرورگرها ماوس را روی ویدیو نگه دارید تا کنترل ها در صورتی که از قبل قابل مشاهده نیستند نمایش داده شوند.)
الگوی اف شکل تنها الگوی اسکن نیست
علاوه بر الگوی اف شکل, بسیاری دیگر از الگوهای اسکن ممکن است وجود دارد, از جمله کسانی که ذکر شده در زیر:
- الگوی کیک لایه ای زمانی اتفاق می افتد که چشم ها عناوین و زیرعنوان ها را اسکن می کنند و متن عادی زیر را رد می کنند. طرح نگاه یا نقشه حرارتی این رفتار خطوط افقی را نشان می دهد که شبیه یک کیک با لایه های متناوب کیک و فراستینگ است.
- الگوی خال خال شامل پرش تکه های بزرگ از متن و اسکن به عنوان اگر به دنبال چیزی خاص, مانند یک لینک, رقم, یک کلمه خاص و یا مجموعه ای از کلمات با شکل متمایز (مانند نشانی یا امضا).
- الگوی مارک شامل نگه داشتن چشم متمرکز در یک مکان به عنوان کتیبه ماوس و یا انگشت ابجو بد و کم مایه صفحه, مانند یک رقصنده تثبیت بر روی یک شی برای حفظ تعادل او به عنوان چرخش. علامت گذاری بیشتر در تلفن همراه اتفاق می افتد تا روی دسک تاپ.
- دور زدن الگو زمانی اتفاق می افتد که افراد عمدا از اولین کلمات خط صرف نظر کنند وقتی چندین خط متن در یک لیست همه را با یک کلمه(ها) شروع می کنند.
- الگوی تعهد شامل تثبیت تقریبا بر روی همه موارد موجود در صفحه است. اگر افراد انگیزه و علاقه زیادی به محتوا داشته باشند تمام متن را در یک پاراگراف یا حتی کل صفحه می خوانند. (روی این حساب نکنید که مرتبا اتفاق می افتد. فرض کنید که اکثر کاربران اسکن خواهند شد.)
چرا مردم در یک الگوی شکل شکل اسکن می کنند
مردم در شکل اف اسکن زمانی که همه از این عناصر 3 وجود دارد:
- یک صفحه یا بخشی از یک صفحه شامل متنی است که قالب بندی کمی برای وب دارد یا اصلا قالب بندی ندارد. مثلا, این یک "دیوار از متن" اما هیچ جسورانه, گلوله, یا عنوان فرعی.
- کاربر سعی میکند در این صفحه بیشترین کارایی را داشته باشد.
- کاربر چندان متعهد یا علاقه مند نیست که مایل به خواندن هر کلمه باشد.
دو عنصر اخیر تقریبا همه رفتارهای وب را خلاصه می کنند: اکثریت قریب به اتفاق کاربران وب ترجیح می دهند وظایف خود را با حداقل تلاش در اسرع وقت به پایان برسانند.
هنگامی که نویسندگان و طراحان هر گام برای هدایت کاربر به اطلاعات مناسب ترین و جالب یا مفید گرفته اند کاربران سپس مسیر خود را پیدا کنید. در صورت عدم وجود هر گونه سیگنال برای هدایت چشم, مسیر حداقل تلاش را انتخاب می کنند و بیشتر تثبیت خود را نزدیک به جایی که شروع به خواندن می کنند (که معمولا بیشترین کلمه سمت چپ در یک صفحه متن است) می گذرانند. اینطور نیست که مردم همیشه صفحه را به شکل اف اسکن کنند. اگرچه سالها مطالعه احتمالا افراد را به این فکر انداخته است که محتوای مهمتر قبل از محتوای کم اهمیت قرار می گیرد اما هیچ کاربری واقعا احساس نمی کند که محتوا مرتب شده است بنابراین مهمترین چیزها به شکل اف ظاهر می شوند. الگوی اف الگوی پیش فرض زمانی است که هیچ نشانه قوی برای جذب چشم به سمت اطلاعات معنی دار وجود ندارد.
افراد تمایل دارند هزینه تعامل را به حداقل برسانند و سود حاصل از کاری را که انجام می دهند به حداکثر برسانند. برای چشمان خود, این ترجمه به صرف چند تعلقات, در حالی که هنوز اینسو انسو جمع کردن اطلاعات مورد نیاز; مولد بودن, درگیر, و موفق با چه از کسانی که اصلاحات را در. صرفه جویی در زمان به معنای تثبیت کمتر است-نگاه کردن به کلمات کمتر.
در برخی موارد افراد هنگام اسکن متن خسته یا خسته می شوند. در مواقع دیگر کلماتی که می خوانند فقط بوی اطلاعات ضعیفی دارند که ممکن است برای ادامه اسکن رضایت کافی باشد اما برای خواندن بیشتر متن کافی نیست.
شکل اف برای کاربران و کسب و کارها بد است
وقتی افراد به شکل اف اسکن می کنند بخش های بزرگی از محتوا را صرفا بر اساس نحوه جریان متن در یک ستون از دست می دهند. عبارات و کلمات نادیده گرفته شده اغلب به اندازه کلماتی که خوانده می شوند مهم — یا حتی مهمتر هستند. اما کاربران متوجه این موضوع نخواهند شد زیرا طبق تعریف نمی دانند چه چیزی را نمی بینند.
History. com. طرح نگاه اف شکل یک شرکت کننده در مطالعه, به عنوان او اسکن یک صفحه حاوی نثر بسیار و قالب بندی بسیار کمی (هر نقطه ابی دلالت ثابت. خطوط بین نقاط نشان دهنده ساکادهایی است که کاربر چشم ها را حرکت می دهد و عملا نابینا است. این خطوط به ما کمک می کند تا اصلاحات را راحت تر دنبال کنیم. نقاط بزرگتر نشان دهنده تثبیت طولانی تر است و اعداد دنباله را نشان می دهند.)
در طراحی پاسخگو, و یا هر طرح مایع متن که برای ماده, متن جریان متفاوت بسته به اندازه پنجره. بنابراین کاربری که به شکل اف روی گوشی خود اسکن می کند اگر همان صفحه را روی دسکتاپ اسکن کند-فقط به دلیل نحوه جریان محتوا در اندازه های مختلف دید.
اشتباه نکنید الگوی اسکن اف شکل برای کاربران و کسب و کارها بد است: به این معنی است که کاربران ممکن است محتوای مهم را صرفا به این دلیل که در سمت راست صفحه ظاهر می شود رد کنند. قالب بندی وب خوب تاثیر اسکن اف را کاهش می دهد. اگر صفحات شما دارای تکه های بزرگی از متن بدون فرمت باشند افراد به شکل اف اسکن می کنند.
اگر اسکن در یک الگوی اف برای کاربران بد است, چرا این کار را اغلب انجام می دهند که رفتار غالب خود را در وب است? چون واقعا فقط" بد " از نظر توانایی خود را برای دریافت حداکثر سود از بازدید خود را به وب سایت شما است. با این حال, کاربران هدف به حداکثر رساندن مزایای از یک وب سایت واحد. هدف ما این است که نسبت هزینه و سود خود را از استفاده از وب به طور کلی بهینه کنند . وب سایت شما در مقایسه با کل اینترنت مانند یک دانه شن در ساحل است. برای ساختن یک قلعه شنی زیبا — برای ماندن با استعاره-نمی توانید وقت خود را برای جستجوی دانه های شن و ماسه به خصوص صاف تلف کنید. شما باید به حرکت شبیه چمچه زنی شن و ماسه توسط سطل. به طور مشابه, کاربران کسب ارزش از وب با فرو بردن به وب سایت های متعدد و صرف کمی تلاش در هر, اغلب با استفاده از صفحه پارکینگ برای نگه داشتن بسیاری از سایت های باز به صورت همزمان.
بهترین پادزهرهای الگوی اف شکل
کار را برای کاربران انجام دهید به جای اینکه مجبور شوند تلاش کنند و از میانبرهای بد استفاده کنند. متن را اولویت بندی و قالب بندی کنید تا کاربران را به سمت چیزهایی که می خواهید ببینند و به چیزی که می خواهید ببینید هدایت کنید. چند نکته ساده:
- مهمترین نکات را در دو پاراگراف اول صفحه وارد کنید.
- از عنوان ها و زیرعنوان ها استفاده کنید. اطمینان حاصل کنید که از متن معمولی مهمتر به نظر می رسند و بیشتر قابل مشاهده هستند تا کاربران بتوانند به سرعت تشخیص دهند. : اگر کاربران فقط 2 کلمه اول را ببینند باز هم باید اصل بخش زیر را دریافت کنند.
- مقادیر کمی از محتوای مرتبط را به صورت بصری گروه بندی کنید — مثلا با احاطه کردن یک مرز یا استفاده از یک پس زمینه متفاوت.
- کلمات و عبارات مهم جسورانه.
- امکان استفاده از قالب بندی های مختلف از لینک, و اطمینان حاصل شود که لینک شامل کلمات اطلاعات بلبرینگ (به جای عمومی "برو", "اینجا کلیک کنید" یا "بیشتر"). این تکنیک همچنین قابلیت دسترسی را برای کاربرانی که پیوندهایی را با صدای بلند می شنوند به جای اسکن بصری محتوا بهبود می بخشد.
- از گلوله ها و اعداد برای فراخوانی موارد در یک لیست یا فرایند استفاده کنید. محتوای غیر ضروری.
خلاصه
اسکن در وب توسط:
- انگیزه کاربران
- طرح بندی صفحه و قالب بندی متن
- محتوای صفحه
کنترل انگیزه یا اهداف افراد دشوار است اما شما می توانید محتوا و نمایش را بهینه کنید تا کاربران بتوانند به سرعت نیازهای خود را پیدا کنند. به ویژه از تکنیک های قالب بندی وب خوب برای جلب توجه به مهمترین اطلاعات به جای تکیه بر کلمات دلخواه استفاده کنید که افراد ممکن است هنگام اسکن به شکل اف رویشان تثبیت کنند.
برای اطلاعات بیشتر در مورد الگوی شکل اف و سایر الگوهای اسکن به ما مراجعه کنید:
- تحقیق اصلی از سال 2006: الگوی شکل برای خواندن محتوای وب
- گزارش چگونگی خواندن مردم در وب: شواهد چشم انداز
- دوره: نوشتن کپی دیجیتال قانع کننده
- اشتراک گذاری:
- به اشتراک گذاشتن این مقاله: | |
درباره نویسنده
کارا پرنیس معاون ارشد گروه نیلسن نورمن است. او در اوایل دهه 1990 روش های تحقیق تجربه کاربری را پیشگام کرد و همچنان به تکامل فرایندهای کاربرمحور برای همکاری بهتر با سازمان ها ادامه می دهد. او کمک می کند تا به بهبود استراتژی تجربه کاربری خود, افزایش بلوغ تجربه کاربری خود, و ایجاد تجربیات مفید هستند, جذاب, و پیش افتادن از اهداف کسب و کار. کارا خالق برنامه صدور گواهینامه سالانه طراحی اینترانت ان ان/جی است.
مشترک شدن در خبرنامه ایمیل جعبه هشدار ما:
جدیدترین مقالات در مورد قابلیت استفاده رابط, طراحی وب سایت, و پژوهش تجربه کاربری از گروه نیلسن نورمن.
