محتوا
- 1. زمینه های اجباری را علامت گذاری نکنید
- 2. از چرخنده استفاده نکنید
- 3. فقط یک نوع دکمه یا بهتر است بگویید فقط یک دکمه در هر فرم داشته باشید
- 4. قسمتهای تکه
- 5. فکر کنید که چرا شما چیزی را می پرسید و احساس آن برای کاربر چیست
- 6. خرما نوعی سبزه کوچک است
- 7. به عنوان صنایع دستی توسعه دهنده شکل می گیرد
- 8- از ستون ها در فرم ها استفاده نکنید
- 9. در صورت استفاده از دو فیلد استفاده نکنید
- 10. خوب باش
فرم ها ، هیچ چیز دیگری نیست که بسیاری از طراحان از فرم ها متنفر باشند. آنها لزوماً خلاقیت را به نمایش نمی گذارند ، یا نه؟ شاید وقت آن رسیده باشد که دوباره فرم ها را بررسی کنیم و درک کنیم که یک فرم ، در ابتدایی ترین حالت ، مکالمه ای بین کاربر و نرم افزار است.
نقطه را فراموش کرده و کلیک کنید ، فرمها نشان دهنده غنی ترین تعامل ما به عنوان طراحان دیجیتال است. دفعه بعدی که فرمی به سراغ شما آمد ، فکر نکنید فقط استفاده از جلوه های خوب CSS یا افزودن شکوفائی jQuery خوب است. عمق بیشتر در طراحی فرم ها وجود دارد.
من کاربر صدها فرم را آزمایش کرده ام و فرم های پیچیده ای را برای شرکت های بیمه ، تعاملات رزرو تعطیلات و موارد دیگر طراحی کرده ام. به احتمال زیاد شما در چند ماه گذشته از یکی از فرمهای من استفاده کرده اید.
این درسی است که آرزو می کردم قبل از شروع طراحی فرم ها ، یاد بگیرم.
1. زمینه های اجباری را علامت گذاری نکنید
آیا شما ستاره کوچکی را می شناسید که نشان دهنده یک قسمت اجباری است؟ من بارها دیده ام که در تست کاربر بارها شکست می خورد. به عنوان یک مفهوم ، زمینه های اجباری منطقی نیستند ، هیچ معادل آفلاین ندارند. آنها برای توسعه دهندگان عالی هستند زیرا یک روش خوب سیاه و سفید را برای تکمیل ارائه می دهند. ستاره و قسمت اجباری از کار می افتد زیرا این یک رفتار آموخته شده است. رفتار معمولی که در آزمایش کاربر مشاهده کرده ام این است که کاربر فرم را در بالا تکمیل می کند و یا وقتی چیزی برای جلوگیری از توقف وی وجود دارد یا دکمه ای را فشار می دهد ، آن را تمام می کند.
راه حل ساده است ، زمینه های اختیاری را علامت گذاری کنید ، مکانی را که کاربر خوب ما باید در آن متوقف شود علامت گذاری کنید و اگر نیاز به تکمیل آن قسمت دارد ، به آن فکر می کند.
2. از چرخنده استفاده نکنید
HTML5 درخشان است ، نه؟ این برنامه انبوهی از ابزارهای براق و هیجان انگیز جدید را برای بازی ارائه می دهد. باید به مناسب بودن اسباب بازی های جدید خود بیندیشیم. قسمت اعداد اکنون شامل فلشهای بالا و پایین کمی است تا به کاربر امکان چرخش از طریق اعداد را بدهد.
اینجا دوتا مشکل داریم. ابتدا نمایشگر پیش فرض فلش ، آنها را واقعاً کوچک می کند. بسیار ساده برای کلیک کردن و انگشت چربی در میان ما در آیفون مشکل دارد. این قانون Fitt’s Law نامیده می شود ، هرچه چیزی کوچکتر باشد کلیک بر روی آن دشوارتر است.
اما صدای فریاد شما را می شنوم ، می توانید شماره را مستقیماً در قسمت شماره تایپ کنید. بله ، می توانید ، اما بیایید به صفحه نمایش مرورگر نگاه کنیم ، فلشهای چرخنده بالا / پایین به دوست مطمئن ما جعبه انتخاب شباهت دارند. کاربری که برای اولین بار با یک چرخنده ارائه شده است تصور می کند ، همانطور که شبیه یک جعبه انتخاب است ، نمی تواند در آن تایپ کند.
توصیه من این است که تا زمانی که به مکان رایج تری تبدیل نشوند و یا توسعه دهندگان مرورگر طرح پیش فرض را مرتب نکنند ، کاملاً واضح رفتار کنید.
3. فقط یک نوع دکمه یا بهتر است بگویید فقط یک دکمه در هر فرم داشته باشید
یک اصل روانشناسی کمی شناخته شده وجود دارد که Hick’s Law نامیده می شود. Hick’s Law بیان می کند که هرچه گزینه های بیشتری به ما پیشنهاد شود دشوارترین انتخاب است. من علم موشک را نمی دانم ، بلکه قانونی است که باید به خاطر بسپارم.
با کمک به کاربر خوب خود در انتخاب خود می توانید به او کمک کنید. با یک رنگ کردن تمام دکمه های اصلی و داشتن تنها یکی از آنها در هر صفحه ، انتخاب را آسان تر می کند. دکمه ای که باید بزنم کدام است؟ اوه ، این آسان است ، آن یکی بزرگ رنگی است.
4. قسمتهای تکه
من در یک زندگی قبلی علوم اعصاب را مطالعه کردم و بنابراین روانشناسی حافظه - به ویژه حافظه کوتاه مدت یا فعال را مطالعه کردم. حالا قبل از اینکه بگویید ؛ نه ، ظرفیت حافظه کوتاه مدت 7 +/- 2 ، 4 +/- 1 نیست و یا در صحبت با انسان سه تا پنج قطعه است. ما به عنوان انسان در ارزیابی محرک های بینایی مهارت داریم ، محدودیت این است که وقتی تعداد کم شود بهتر می شویم. تقسیم یک فرم به گروههای کوچکتر ارزیابی را آسان تر می کند ، زیرا اغلب آنچه کاربر برای ورود به آن فرم از حافظه آنها ناشی می شود.
اطمینان حاصل کنید که طول گروه های زمینه شما تقریباً چهار است.
5. فکر کنید که چرا شما چیزی را می پرسید و احساس آن برای کاربر چیست
این احتمالاً ساده ترین توصیه ای است که من می کنم اما اغلب کمترین استفاده را دارد.
بیایید موارد زیر را در نظر بگیریم:
از هر سوالی که می پرسید س Questionال کنید. لازمه؟ احساسی که از شما خواسته می شود چه حسی دارد؟
بیشتر اوقات نیاز به پرسش تجاری وجود دارد و ما به عنوان طراح می توانیم در مورد ضرورت بحث کنیم تا زمانی که در چهره ما کبود شود. باید س questionال شود. در درک نیاز تجاری به این داده ها اغلب می توانیم سازش کنیم.
ما می توانیم با گفتن کاربر خوب خود به ما کمک کنیم که چرا باید این سوال را بپرسیم. در مورد استفاده و به اشتراک گذاری آن داده اطمینان کنید و به طور کلی خوب باشید.
با استفاده از مثال دیگر:
هنوز سوال سختی است اما امیدوارم که ما قرص را شیرین کرده ایم.
6. خرما نوعی سبزه کوچک است
وارد کردن تاریخ می تواند یک چالش واقعی باشد و در اینجا از چند دام جلوگیری می کنید. بزرگترین مشکل تنها برخورد با خطا است.
ساده ترین روش راه اندازی تقویم است. شایان ذکر است که هفته ها از دوشنبه در انگلیس و یکشنبه در ایالات متحده آغاز می شود. اگر کاربر شما تمرکز نداشته باشد ، ممکن است یکشنبه را به معنای دوشنبه انتخاب کند.
همچنین ذکر قالب های تاریخ بین المللی شایان ذکر است. ایالات متحده ماه اول ، در ژاپن اولین سال است. بنابراین تاریخی مانند 4/5/12 را می توان به سه روش تفسیر کرد.
به همین دلیل بهتر است از جعبه های انتخابی استفاده کنید.
7. به عنوان صنایع دستی توسعه دهنده شکل می گیرد
فرم ها برای توسعه دهندگان و همچنین طراحان صنایع دستی است. درک اینکه چه اشتباهات احتمالی می تواند با وارد کردن داده ها و طراحی کد بازگشت به آخر برای مقابله با آنها انجام شود ، یک چالش است.
در اینجا یک مورد ساده است. وارد کردن مقدار ارز اشتباهات احتمالی کاربر می تواند بسیار زیاد باشد. اجبار قالب های داده ای که کاربران باید از آن استفاده کنند برای کاربر شما ناامید کننده است و از طرف توسعه دهندگان کمی تنبل هستیم.
چه چالشی برای توسعه دهنده بهتر از ساختن فرم ضد گلوله است.
8- از ستون ها در فرم ها استفاده نکنید
مشکل بزرگ در استفاده از ستون ها در فرم ها ، جریان است. ما یک فرم را در بالا شروع می کنیم و در پایین به پایان می رسانیم. در معرفی ستون ها می توان جریان فرم را شکست.
برگه کاربران را از طریق فرم ها فرض نکنید و بنابراین تمرکز راهی برای پیمایش فرم ها در ستون ها است. نادر است که من آن را در آزمایش کاربر دیده ام. در بیشتر مواقع می بینیم که جزئیات را وارد می کنیم ، با ماوس / پد لمسی / انگشت روی قسمت بعدی کلیک کنید سپس جزئیات را وارد کنید و به همین ترتیب.
9. در صورت استفاده از دو فیلد استفاده نکنید
بیشتر مردم تایپیست لمسی نیستند. در تست کاربر ، می بینیم که افراد هنگام تایپ به صفحه کلید نگاه می کنند.
هنگام وارد کردن یک شماره تلفن که قسمت فرم را تقسیم می کند ، بگویید برای اضافه کردن کد منطقه و شماره ، مشکلات واقعی ایجاد می شود. کاربران دو فیلد را نمی بینند یا در حقیقت به خاطر نمی آورند ، بنابراین در فیلد اول تعداد کامل را وارد کنید ، اگر این فیلد به تعداد مشخصی از نویسه ها محدود شود ، بدتر است.
فقط از یک قسمت برای شماره تلفن استفاده کنید ، این مسئله در مورد شماره خانه / خیابان نیز صادق است - فقط از یک جعبه ورود متن استفاده کنید.
10. خوب باش
شما از اینکه چند پیام خطای کاملاً بی ادبانه وجود دارد تعجب خواهید کرد.
این مثالی است که اخیراً به آن برخوردم.
واقعیتی که آنها به شما پیشنهاد می دهند در آینده مایل باشید تاریخی را وارد کنید و سپس پاسخی کاملاً چهره ای بگیرید ، خوب ، خیلی خوب نیست.
دوباره خود را به جای کاربر قرار دهید ، با دیدن این خطا چه حسی خواهید داشت؟ اذیت شدی؟ شاید حتی بدتر. خوب بودن آسان است.
من یک صفحه تختخواب / تقلب قابل بارگیری برای کمک به شما در طراحی فرم های بهتر تولید کرده ام. این شامل بسیاری از روشهای بهترین تمرین برای طراحی فرمهای بهتر است.
