پروژه طراحی واسط کاربری

صفحه 1:


صفحه 2:
عنوان ارائه: _ طراحى واس كاربرى ستاد مربوطه : سرکار فاطمه فخار درس : طراحی واسط کاربری 

صفحه 3:
صار (الا) فضایی است 4 مىدهد. : — رابط کاربری, بخش دیدنی و ‎HIS AS Cul HIE‏ مستقیماً با آن سر و کار دارد. 

صفحه 4:
زیکی و مجازی ‎i‏ 3 استفاده, 1 ‏ه از ابزار‎ ean are 9 000 ce لل ی ‎Fo‏ ‏بخش را حيري نيم و به كم آن با محصوا 

صفحه 5:
و غیر قابل دیدن است . بینی , حس خوبی را در انجام کارها به شما می دهند. کارهایی مثل مرور اطلاعات دوستان در شبکه های اجتماعی , اجاره كردن وام در يك برنامه بانكى و ... نمونه اى از اين موارد هستند. 

صفحه 6:
6 الگوی اصلی پیمایش : Springboard ‏نا‎ Menu Tab Mew Gallery Dashboard Metaphor Mega Menu 

صفحه 7:
اين الكو را مى توانيد دلأ مختلفی پیدا کنید. مثلا در اپلیکیشن جعبه ابزار معمولا در ۵ كويند ۳ ۲ از 

صفحه 8:
نمونه ای از 5۳11۱1680۸0 در : 105 سك یه ۱۳ تير و 

صفحه 9:
وقتى كه از لمع در غناه/[13] فاده مى كنيد مهم است گزینه ها یکسان باشد. ‎aaa‏ > وقتی که از ۱/۰۵۶ ها کنید دیگر نیازی نیست یکی از مثال های خوب بر روییکا هست. 

صفحه 10:
+ isa) gio (LISTMENU) منو لیستی (56۳60) شبیه الگو تخته شیرجه5۳۲10800۵۲4) ) هست که امكان دسترسى به بخش هاى اصلى نرم افزار را مى دهد.البته منو ليستى داراى انواع مختلفى هست كه شامل موارد زير است. * منو لیستی شخصی شده * لیست های گروه بندی شده ‎(Grouped List)‏ ((Enhanced list al, ‏لیست های ارتقا‎ ۶ لیست های ارتقا یافته همان لیست ساده هست که دارای امکانات دیگری مانند فیلتر کردن.جستوجو کردن نیز هست. لیست منو ها برای گزینه هایی که عنوان های طولانی دارند و نیاز به توضیحات دارند بسیار مناسب است و می توانید با استفاده از یک دکمه در نوار برنامه با عنوان منو اصلی يا با استفاده از ایکن مفهوم لیست را به کاربران برسانید. 

صفحه 11:
مونه ای از اوقا انال لتق : el @ Los Angeles, CA © ۵0 1 ‏امه‎ + Flights = 3 [ ‏مسشه‎ k=. 1 Room = @) on > Today Soa tn 2 ۱ ‏مان‎ ‎(yp | tt Tacker Price Alert a ۴۱0۵ ۲۷۵۱۵۱ Notifications 

صفحه 12:
رت ‎ope Brn ECE er yee ns.)‏ اسکرول 56۳0۱۱) ) امکان ارائه دادن گرین می دهد. با استفاده از 

صفحه 13:
)۲۸85( : ‏ای از زبانه ها‎ digas Immersion dans les Marcl ‏ی‎ 

صفحه 14:
ی = (6۸۵۱۱-۶۷) گالری : 

صفحه 15:
= ۵ ea oe Arenas > 

صفحه 16:
ا ل ل ل م ‎TAC ENC‏ ا تواند عملکرد بهتری داشته باشد و دسترسی کاربر را بهبود ببخشد. 

صفحه 17:
داشبورد : (0۸6۲۱80۸۵۲۲) الكو داشبورد 25/000270) ) همان طور که از اسم آن پیدا است یک الگو پارامتری هست. اين الكو داراى يك لیست قابل پیمایش و تغییر هست که دارای چند پارامتر مهم برای دسترسی به اطلاعات مختلفی است. برای مثال در اپلیکیشن های مالی برای دسترسی سریع تر و راحتر کاربر مقدار باقی مانده حساب و مخارج در روز را در همان صفحه اصلی نمایش می دهد. این الگو در اپلیکیشن ها و ابزار های تحلیلی و فروش بسیار کاربرد دارد و می توان با استفاده درست یک الگو اصلی پیمایش عالی برای کاربران ساخت. مثال هايى كه مى توانيم براى اين الكو بياويم زیاد هستندمانند اپلیکیشن مالی قیاس , نيو و ... شكل و طرح نمادين اين الكو را مى توانيد در اسلايد بعد مشاهده كنيد. اما در واقع شكل مشخصى براى اين طرح وجود ندارد و مى تواند متغيير باشد. 

صفحه 18:
2 99.012 (DASHBOARD)5I sl digas ‘Overview < Overview Spending Home “sere $9,370 Sand a 20.000 a 

صفحه 19:
9 ) از الگو های دیگر برای نمایش تلا از منو لیستی 5۳60نا) ) که می توان در الگو داشبورد اطلاعات و تحلیل ها استة بسیار هم کاربردی هست: 

صفحه 20:
(۱۷۱۶۲۸۵۸۳۳۱۵۲) استعاره: شايد الكو استعاره ‎(Metaphor‏ ) کمی ناشناخته تر باشد و کمتر اسم آن را شنیده باشید.اين الگو یک روش مناسب برای ایجاد برنامه شبیه ابزار های دنیای واقعی است یعنی با استفاده از المنت ها و ابزار های اپلیکیشن می‌توانیم یک شبیه سازی از ابزار واقعی داشته باشیم. مثلا دفترچه یادداشت یا بازی مزرعه کشاورزی می توانند مثال های خوبی براى اين الكو باشند.همجنين اين الكو مى تواند به افراد کمک کنند تا نوشته ها و کتاب های خود را دسته بندی کنند و به کتاب های خودشان نظم دهند. اگر اين الگو به درستی به کار گرفته نشود می تواند یک ضد الگو شود و واسط کاربری اپلیکیشن را خراب کند. شکل و طرح نمادین این الگو را می توانید در اسلاید بعد مشاهده کنید.اما در واقع شکل مشخصی برای اين طرح وجود ندارد و می تواند متغییر باشد. 

صفحه 21:
+ oglaiial (METAPHOR) 5] ‏نمونه اى‎ Ea Ya Ve Ve 3 se 03 ss at Test pb poo profizun 

صفحه 22:
4 ند و هر بار كه ما از سايتى ل لق د کردن فرم ‎PR‏ ورد با این حساب. و ۵ ‎ER.‏ = كه انها = از لمان سس و ضروری برای اشتراک گذآری ‎te‏ 

صفحه 23:
نواع فرم ها : ‎(FORMS)‏ DAY 41 INPUT FIELDS 

صفحه 24:
و 2 مواردی مانند عکس گرذ استفاده می شود بیشتر [ برای یک جستجوی عالی با راحت تر آنچه را می خوا 

صفحه 25:
نوار جستجوی خوب, فیلدی است که به وضوح قابل مشاهده و به سرعت قابل تشخیص است. اگر فضای کافی برای نوار جستجو دارید, از آن برای نمایش کامل فیلد متن باز استفاده کنید چون جستجو با آیکون هزینه تعامل را افزایش می دهد. اگر فقط یک نماد جستجو داشته باشیم به اين معنى است كه كاربر بايد منتظر ظاهر شدن یک جعبه جستجو باشد, بعد پیدا کردن جایی که باید شروع به تايب كردن كند و كاهى كليك مجدد براى تمرکز بوی قسمت ور ‎PM‏ 212 > امه Groups All Contacts + # John Appleseed Kate Bell 

صفحه 26:
مرتب سازی و فیلتر کردن نتایج جستجو : در مطالعه كاربرديذيرى كه ‎ples] Baymard Institute‏ داد مشاهده شد که بیش از 50 درصد کاربران تلاش می کنند لیست محصولات را فیلتر کنند با این حال 94 درصد سایت ها و برنامه ای تجارت الکترونیکی تلفن همراه از اين رفتار پشتیبانی نمی گزینه های فیلتر را برای جستجو در اختیار کاربران قرار دهید و در هر بار درخواست برای نتایج فیلتر بتوانند, چند گزینه را انتخاب ویژگی مرتب سازی را درون ویژگی فیلتر پنهان نکنید - آنها وظایف متفاوتی هستند. 

صفحه 27:
در بیشتر موارد , کاربر باید گزینه ای برای مرتب کردن یا فیلتر کردن نتایع جستجو داشته باشد. eeeco BELL = 4:21 PM 0% 0 | Event title[8Ochars] 

صفحه 28:
بارگیری تنبل : بارگذاری تنبل یک روش معمول برای استفاده است به طوری که برخی از نتایج هنگام بارگیری بقیه نه .+ ‎weds ade‏ سم از < Featured Results Pad Ae WF + Car for Spine 10GB - Space Gray 3 (Pad Ai WF 6468 -Siver و ‎ie WF 6468 - Space‏ مور ‎ray‏ ‎st.c0‏ ‎iPad Ae Wi + Cola for‏ B Veron 3268 -Siver Load More items 

صفحه 29:
SEARCH) (MICROINTERACTIONS جستجو مکان مناسبی ‎Sly‏ 6۲۵:0۲6۲۵600: ها و انیمیشن است آن ها بهترین تکنیک برای ارائه بازخورد لذت بخش است: * با بازخورد یا نتیجه یک عمل ارتباط برقرار کنید. ۶ حس دستکاری مستقیم را تقویت کنید. * به کاربران کمک کنید تا نتایج اقدامات خود را تجسم کنند و از خطاها جلوگیری کنند. 

صفحه 30:
از ۷/۱60۱۱۱۲2۳۵۸۲10۷ها به عنوان تسهیل کننده برای تعامل استفاده کنید در جهت بازخورد , نوتیفیکیشن ها و دستورالعمل ها M3 O84 BG 9:45 = Google play u 2 apps +? Weis) 

صفحه 31:
ال ال ات ات[ .ال ل ل برای کمک به کاربر می توانید از ویژگی جستجوی هوشمند استفاده کنید که کلمات مفرد, جمع و غلط املایی را شامل می شود. 

صفحه 32:
اكر کاربر نتوانست مطلب مورد نظر را پیدا کند می توان گزینه های ارزشمندي به او ارائه داد. store.hp.com © amazon.com © amazon very redintatabe ruber dx We're sorry. We cannot find any matches for your search term, Shop HP.com 1 Dof Oitems found for “laptop large screen Showing results using somo of your search ‘very red inflatable rubber dinghy" See all Intex Recreation 58331EP Explorer 200 2-Person Boat Set, 73 x 374n. $18.50 - 17609 ‏مب‎ ‎‘Some sea are Prine eligible FREE Shinnna on ones ove Done < 5۳ moa 

صفحه 33:
00 ٠ er) 00 Pocr epee ee aren ‏بر‎ ia |: pee ee eae ‏بخوانند.‎ Ar eal eg ere ereor Cane) Fy JB Pepe yoey peer Agey ry ‏تمام‎ ‎000 cece 00101 Gly Sao زمان زیادی برای کاربران ذخیره کند. * تسه پیش فرض مناسب و داد ادی می توانند به کاربران در کاهش اشتباه و افزایش : 

صفحه 34: