PDA

View Full Version : طراحی یک رابط کاربر مناسب



babak_delphi
یک شنبه 19 اسفند 1386, 15:55 عصر
با سلام
در سایت developercenter.ir یک مقاله با عنوان از کامبیز خجسته در مورد نحوه طراحی رابط کاربر خواندم که بد ندیدم بگذارم اینجا تا دوستان هم استفاده کنند :

لینک نسخه اصل مقاله : http://www.developercenter.ir/Forum/showthread.php?t=10109


در اکثر موارد وقتی که کاربری برنامه‌ای رو برای اولین بار اجرا می‌کند اگر به هر دلیلی رابط کاربر(User Interface) برنامه مورد پسندش قرار نگیرد دیگر فرصت اجرای دوباره‌ای به برنامه نمیدهد و یک راست میرود سراغ برنامه‌ی مشابه دیگری که رابط کاربرش راه دستش باشه و حق هم با کاربره. کاربر کاری به این نداره که برنامه شما چقدر توانایی داره و اون یکی چقدر?

http://www.1padideh.com/images/laptop-s.gif



براش مهم اینه که با اون یکی برنامه زندگی براش راحتتره. کاربر می‌خواد وظایفی رو به کمک برنامه سریعتر و بهتر انجام بده و در ذهنش هم الگوهایی برای انجام این وظایف داره. از طرفی برنامه هم طبق قوانین و اصول خودش دستورات رو می‌گیره تا وظایف خواسته شده رو به انجام برسونه. هر چقدر ما بتونیم تعابیر برنامه(Program Model)رو به تعابیر کاربر (User Model) نزدیکتر کنیم? رابط کاربر مناسبتری برای برنامه ایجاد کردیم.
برای این منظور کافیه که اصول ساده زیر رو در زمان طراحی رابط کاربر در نظر بگیریم:


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


·اقلام و عملکردهای اضافی رو حذف کنید.
·هر چی اقلام روی صفحه بیشتر باشه یا منوها تو در تو و بزرگتر باشند? عملکرد برنامه پیچیده‌تر به نظر میاد.
·تعداد انتخابها(Options)رو کاهش بدید.
·هر گزینه‌ای رو که در برابر کاربر قرار می‌دید بابتش کاربر باید فکر کنه و راجبش تصمیم بگیره. این وظیفه طراح رابط کاربره که بهترین تصمیم رو بجای کاربر بگیره.
·اقلام مرتبط به هم رو دسته بندی کنید.
·با دسته بندی کردن اطلاعات کاربر راحتتر می‌تونه رابطه بین اقلام رو بفهمه. جدا از اینکه با دریافت مفهوم یک قلم? درک مفاهیم اقلام مرتبط به اون راحتتره. همچنین سعی کنید تا اونجا که امکان داره هر زمان فقط گوشه‌ای از این اقلام رو به کاربر نشون بدید. برای این منظور استفاده ازPage Controlیا Tab Controlبهترین انتخاب شماست.
.جملات را ساده و کوتاه انتخاب کنید.
.می‌دونیم که اکثریت کاربران دفترچه راهنما یا راهنمای آنلاین برنامه رو نمی‌خونند. البته بیشتر ما هم به همین دلیل این دو قلم رو از برنامه‌هامون حذف می‌کنیم. جالبه بدونید که اکثر کاربران حتی پنجره‌های پیام(Message Box)برنامه رو هم نمی‌خونند. پس سعی نکنید که پیامهای زیادی به کاربر نشون بدید و اگر واقعا لازمه که کاربر چیزی رو بدونه حتی‌الامکان جمله رو کوتاه کنید. هر چی جمله کوتاه‌تر باشه شانس اینکه کاربر بخوندش بیشتره. به همی دلیل حتی
کلماتی مانند "لطفا" و "خواهشمند است" رو از پیامهاتون بردارید.


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