https://virgool.ir/feed/@zohreasgari0من زهره هستم. یک طراح تجربه کاربری و رابط کاربری که رسالتش در این دنیا اینه که استفاده از محصولات و برای انسان ها راحت تر کنه.fa2026-11-11 15:12:58https://files.virgool.ir/upload/users/27300/avatar/JHw8sh.pnghttps://virgool.ir/@zohreasgari0https://virgool.ir/@zohreasgari0/ورودی-اطلاعات-یا-data-entry-را-چگونه-کاربردپذیر-تر-کنیم-ydzuvxqdtuseهر طراح تجربه کاربری تا کنون با طراحی فرم یا Search box مواجه شده، اینجا به چند نکته اشاره خواهم کرد که با رعایت آن‌ها این فرایند کمی راحت‌تر شود.۱: ورودی ها یا input ها را به درستی با طراحی رابط کاربری مناسب طراحی کنید. حالت فعال یا Hover آن‌ها ها را شفاف طراحی کنید.منبع: سایت متریال دیزاین بیشتر: https://material.io/components/text-fields#anatomy۲: اگر سرچ باکس شما مانند گوگل در وسط صفحه نیست، آن را در سمت راست قرار دهید چون کاربران بر حسب عادت به دنبال آن در سمت راست و بالا خواهند گشت، هر چند در این مورد پیشنهاد میکنم خیلی احتیاط کنید و زبان فارسی، انگلیسی و کاربران خود را حتما در نظر بگیرید، مثلا سایت اینویژن برعکس عمل کرده است که خب مثال نغض است و البته کاربران این وبسایت کاربران از گروه خاص هستند.invisionapp.com۳: مواردی که به کاربران پیشنهاد میدهید قابلیت اسکرول داشته باشد.۴: مرتبط ترین جستجو ها را هایلات و پررنگ تر نشان دهید و گاهی تایتل انتخاب کنید اگر نتایج جستجو زیاد است.قابلیت اسکرول درdata entry facebook۵: نتایج مرتبط را طی یک سلسه مراتب بصری و به ترتیب به کاربران نشان دهید و یا از تصاویر برای راهنمایی کاربران استفاده کنید.tripadvisor.com۶: بعضی از کاربران از پیشنهادات شما استقبال نمیکنند، به آنها این فرصت را بدهید که این گزینه را غیرفعال کنند.۷: سعی کنید کاربران را گیج و گمراه نکنید و حداکثر بیش از ۱۰ پیشنهاد به آنها ندهید، اگر مثلا در جستجو های شبکه های اجتماعی این امر اجنتاب ناپذیر است گزینه بیشتر (more) را اضافه کنید.inkedin.comمنابع:www.welie.com/patternswww.interaction-design.org زهره عسگریزهره عسگریWed, 16 Sep 2020 22:33:23 +0430https://virgool.ir/@zohreasgari0/چگونه-رفیق-نیمه-راه-کاربران-خود-نباشیم-vm5mrresywa9پیمایش یک وبسایت میتونه کار لذت بخشی باشه اگه پاورقی مناسبی براش طراحی شده باشه.گاهی ما طراح‌ها برای به حداقل رساندن تلاش کاربران وبسایتی که در حال طراحی آن هستیم از طراحی بهینه ی یک بخش ساده ولی مهم غافل می‌شویم، فوتر! گاهی مواقع اینطور رفتار میکنیم که فوتر ها انباری وبسایت ماست که اجازه داریم هر محتوا و لینک اضافه را در آن بگنجانیم. در این نوشته سعی کردم بگویم چگونه از فضای پایین صفحات وبسایت استفاده مناسب‌تری داشته باشیم تا تلاش کاربران را برای رسیدن به خواسته هایشان به حداقل برسانیم و بهره وری آنها را افزایش دهیم، به گونه ای که کاربران از آن لذت ببرند.به جرات میتونم بگم فوتر سایت وکوم یکی از بهترین هاست. چالش طراحیهنگامی که کاربران به انتهای یک صفحه وب می رسند ، احتمالاً می خواهند به قسمت دیگری که مورد علاقه آنها است بروند و یا گذری کوتاه به صفحه پیشین داشته باشند قبل از اینکه مثلا هدف اصلی خود را در وبسایت ما دنبال کنند، به یاد داشته باشیم همیشه یک ابزار برای پیمایش راحتتر از پایین به بالای صفحه داشته باشیم، مخصوصا در مواقعی که از موبایل قرار است کاربران استفاده کنند.راه‌ حل طراحیحتما sitemaps محصول را در فوتر قرار دهید و به کاربران این فرصت را بدهید که آزادانه و با فراغ بال میان صفحات وبسایت شما گردش کنند. به این معنی که با هوشمندی و سلسه مراتب دیتاها و لینک صفحات را در فوتر بگنجانید، فوتر را جایی امن بسازید که کاربران با خیال راحت در هر صفحه ای که بودند به آن مراجعه کنند. فوتر ها به کاربرانی که به انتهای وبسایت ما رسیده اند این امکان را میدهند که پیمایش بیشتری و ماندگار طولانی‌تری داشته باشند و محصولات، خدمات و کسب و کار ما را بهتر بشناسند.وبسایت اپل از بهترین نمونه های رعایت اصول طراحی مدرن، زیبا و کاربردی هست.داگلاس آدامز نویسنده انگلیسی یه جمله معروف داره که اینجا میتونه صادق باشه: شاید من جایی که میخواستم برم نرفته باشم ولی به جایی که لازم بوده رسیدم.۱: ابتدا تصمیم بگیریم که چه ویژگی هایی را میخواهیم به کاربران پیشنهاد بدهیم. مثلا نوعی جشنواره، تخفیف، باشگاه مشتریان و غیره. آنچه مخصوص و منحصر بفرد محصول ماست.۲:به لحاظ اندازه بصری فوتر نباید فضای خیلی زیادی را اشغال کند و تکرار پذیر در همه صفحات باشد.۳: پیوند ها و برچسبهایی مانند تماس با ما، درباره ما را فراموش نکنید.۴: اگر تعداد لینکها زیاد است به لحاظ بصری و زیبایی شناسی آنهارا مرتب کرده و مرتبط نشان دهید.۵: کپی رایت های لازم را فراموش نکنید، مثل چی؟ دیزاین شده توسط...، یا تاسیس درسال، یا تمامی حقوق محفوظ و مربوط به ،یا بازنشر مطالب نیازمند اجازه قانونی است.۶: لینک شبکه های اجتماعی هم فراموش نشود.الهام بخش، ساده، جذابتوصیه نهایی : از فوتر وبسایتی که طراحی میکنید نهایت استفاده را ببرید و برای Navigate کردن کاربران استفاده کنید.منابع:www.welie.com/patternswww.interaction-design.orgزهره عسگریزهره عسگریTue, 15 Sep 2020 02:56:32 +0430https://virgool.ir/@zohreasgari0/الگوهای-طراحی-برای-نویگیشن-های-سیال-mypxyxnn1qazچگونه از لینک های داخلی استفاده کنیم؟بیایید تصور کنید در حال طراحی وب سایت برای یک سایت خبری هستید ، احتمالاً کاربران شما می خواهند برخی از اطلاعاتی که مربوط به سوابق سیاست گذاری های جدید دولت ، شایعه ها و یا هر کلمه یا عبارت دیگری را که تا کنون به گوششون نخورده را بدانند و یا مثلا وقتی شما در حال طراحی چیزی کاملاً متفاوت ، مانند یک فرم پیچیده اظهارنامه مالیاتی آنلاین هستید، کاربران احتمالاً به توضیحات بیشتری در مورد قوانین و مقررات نیاز دارند. پاسخ به هر دو چالش در موارد بالا با الگوی خط آبی رنگی حل می شود که امروزه تقریباً در هر صفحه وب می توانید پیدا کنید: پیوندهای درون متنی، به زودی خواهید دید که می‌توانید ابعاد جدیدی به کار خود اضافه کنید.یادداشت های یک طراح که میخواند و مینویسد.مشکل چیست؟تصور کنید کاربری دارد یک متن طولانی خبری درمورد مذاکرات ۵+۱ را می خواند و نویسنده لازم دارد نیم نگاه و یا اشاره ای به تاریخچه اتفاقاتی که بر تصمیم گیر فعلی این مذاکرات تاثیر گذاشته داشته باشد تا مخاطب از محتوا به اندازه کافی آگاه شود، چرا؟ چون اگر کاربران از این متن به اصطلاح خودمان سردرنیاورند بایک حرکت وبسایت مورد نظر را بسته و به سراغ وبسایت دیگری می‌روند. با استفاده از لینک های داخلی نه تنها کاربران را در درک مطلب و انجام تسک یاری خواهیم رساند، بلکه آن ها را در وبسایت خود نگه خواهیم داشت، از صفحه ای به صفحه ای. این هنر ماست. یکی از بهترین مثال های این مورد وبسایتهای خبری مانند نیویورک تایمز است. در این حالت کاربران، هر جا لازم بود از تاریخچه ها یا مفاهیم پیچیده عبور میکنند و در جایی که لازم است با یک کلیک درک بیشتری از مطلب خواهند داشت.در نیویورک تایمز، مقاله ها توسط پیوندهای داخلی پشتیبانی می‌شوند که به بخش‌های دیگر هدایت می‌شوند و اطلاعات بیشتری را به خوانندگان می دهند راه حل چیست؟در تصویر بالا ، کلمات خاصی را می بینید که زیر آنها خط کشیده شده و آبی رنگ هستند. البته الزامی به این خط کشی وجود ندارد مثلا در مجله خبریForbes با حالت Hover مووس این خطوط آبی رنگ پدیدار می‌شوند.فراموش نکنید که لینک های داخلی یا Inline Linking ها با نام‌های دیگری مانند Hotline Linking، Piggybacking هم شناخته می‌شوند.چرا از لینک های داخلی استفاده کنیم؟لینک های داخلی از بهم ریختگی مطالب جلوگیری میکنند و موجب انسجام مطلب نویسنده خواهند شد. و نکته جالب اینکه نیاز کاربران کنجکاوتر که به دنبال محتوای دقیق تر یا بیشتری هستند را هم پوشش داده اید.۱- از شلوغی و بهم ریختگی و اسکرول طولانی جلوگیری کنیم.۲- فوری و سیال کاربران سایتمون را به صفحات مورد نیازش هدایت کنیم.بهترین نمونه‌ها ۱: کلماتی که فکر میکنید نیاز به توضیح بیشتری برای شفاف سازی و فهم کاربر دارد را شناسایی و تبدیل به لینک داخلی کنید. ویکی پدیا بهترین نمونه این مثال است. به قول خودمان رشته کلام را از دست کاربران خارج نکنید.۲: از رفتارهای مرسوم تبعیت کنید، چطوری؟ به شما خواهم گفت.به طور معمول ، لینک های داخلی به رنگ آبی هستند و یک خط آبی زیر آن ها قرار میگیرد و هنگامی که کاربر مکان نمای موس را روی کلمه پیوند داده شده قرار می‌دهد ، پیکان ماوس تبدیل به یک دست ‌می‌شود. این به کاربران اجازه می دهد بدانند که می‌توانند با کلمات تعامل داشته باشند. گاهی این پیوند ها تنها آبی رنگ هستند و با اشاره گر موس خط آبی زیر آنها هویدا می‌شود. هدف این است که کاربران را با بردن به صفحه ای دیگر شگفت زده نکنید.۳: وقتی کاربران نشانگر موس را نزدیک لینک داخلی بردند یک (Tooltips) بسیار ساده، مختصر و مفید نشان دهید. کاربران را برای مقصد بعدی آماده کنید، همین!برای تهیه این تصویر مجبور شدم که با گوشی از مانیتور عکس بگیرم، از همین رو کیفیت مطلوبی نداره.برای نمونه به سایت  Bloomberg.com برید و متوجه منظورم خواهید شد.۴: به کاربران این فرصت را بدهید که هم OPEN NEWTAP کنند و هم در همان صفحه ای که هستند اطلاعات بیشتر را بخوانند.مشکلات احتمالییادمون نره که هر راه حلی میتونه یه دردسر برامون بتراشه پس بهتره ازشون آگاه باشیم و وقتی آگاه باشیم اون زمان تصمیم میگیریم که خوبیش و به بدیش ترجیح بدیم یا نه.برای اینکه تصمیم بگیرید وقتی کاربران روی لینک شما کلیک میکنند آنها را به صفحه جدید ببرید یا محتوا صفحه فعلی را به روز کنید تصمیم با شماست، اگر محتوای لینک مثلا یک فایل PDF است شک نکنید که تب جدید باز کنید. اما گاهی که محتوای لینک در صفحه فعلی باز می شود کاربران نمیدانند با یک کلیک روی بازگشت میتوانند به صفحه قبلی برگردند، بنابراین احساس از دست دادن اطلاعات خواهند داشت.این تصمیم شماست که در کجا چه تصمیمی بگیرید، فراموش نکنید وظیفه یاtask کاربر را نسبت به این الگو می شود.نگاه اجمالیپیوندهای داخلی (Inline Linking) الگوهای طراحی رابط کاربری است که طراحان از آن برای کمک به کاربران در یافتن اطلاعات اضافی در مورد اصطلاحاتی که به آن علاقه دارند یا نسبت به آن گیج هستند ، استفاده می کنند. لینکهای داخلی یا در صفحه مجزا و یا در صفحه فعلی باز میشوند و باعث انسجام متن شما می‌شوند.منابعHero Image: Author/Copyright holder: Christian Campos. Copyright terms and license: CC BY 2.0.Jenifer Tidwell, Designing Interfaces: Patterns for Effective Interaction Design, 2010Martijn van Welie, Pattern Library, 2008: www.welie.com/patternsزهره عسگریزهره عسگریMon, 14 Sep 2020 02:34:51 +0430https://virgool.ir/@zohreasgari0/تجربهی-یک-آزاد-سازی-با-کفشهای-آهنین-folmtnuxzqnxسلام، امیدوارم الان که این نوشته رو می‌خونید مدرکتون و به راحتی آزاد کرده باشید و اصلا این نوشته رو نخوانید. اما اگه درگیر و دار این پروسه هستید، من تصمیم گرفتم تجربه‌ی خودم و باهاتون به اشتراک بذارم. همه ی ما تجربه بدی از سر و کله زدن به ادارات دولتی و انجام کارهای اداری داریم، این اتفاق وقتی به اوج خودش میرسه که ایام کرونا هست، کارمندان متعهد و وظیفه شناس ساعات کاری شون کم شده و شما قصد دارید مدرک تحصیلی خودتون و آزاد کنید که فکر کنم برای دانشجویان روزانه هست این فرایند. ممکنه بدونید ولی تکرار میکنم که اگه سابقه بیمه تأمین اجتماعی دارید خب میتونید همه یا بخشی از هزینه تحصیل تون و ندید. اما داستان از جایی شروع میشه که شما باید سابقه‌ی بیمه مهر شده خودتون و در سامانه سجاد ارائه کنید. خب برای اینکار با بیمه تأمین اجتماعی یا شعباتش تماس میگیرید و خب چون تجربه شما همانند تجربه تون در هنگام مراجعه به این اداره‌ها هست، احتمالا نمیدونید حتی کدوم داخلی و بزنید و با کی حرف بزنید و وقتی موفق شدید هم البته بعد از بودن در یک صف طولانی و شنیدن صدای موزیک هایی که توی آسانسور پخش میشه، به شما خواهند گفت ما اجازه نداریم سابقه بیمه شما رو مهر کنیم، این بخش نامه سراسری هست و اداره مورد نظر باید بره استعلام کنه سوابق بیمه شما رو! بعد شما گوگل میکنید که خب چطوری سوابق بیمه خودم و کشف کنم و چطوری بقیه اون و استعلام کنند؟! این یک فرایند تست هوش پیچیده هست که سایت تأمین اجتماعی برای بیمه شونده‌ها هست. من به شما خواهم گفت که چگونه این کار و با چند کلیک ساده انجام بدید. البته از ته دلم امیدوارم کسی که این تجربه کاربری و طراحی کرده ببینم و بپرسم دوست عزیز چرا؟۱- وارد این لینک که سایت تأمین اجتماعی هست بشید. از فیلترشکن استفاده نکنید، با موبایل وارد نشید، چون یکبار این من با موبایل وارد شدم و مجبور شدم به نزدیک ترین شعبه بیمه نزدیک خونمون برم تا رمز بهم بدن!کد ملی و گذرواژه خود را وارد کنید۲- وقتی وارد شدید جایی و که قرمز کردم یعنی سمت راست پایین بیمه‌شدگان باید کلیک بشه.۳- در این قسمت روی خدمات سابقه کلیک کنید و سپس اعلام سابقه به مؤسسات را بفشارید.اعلام سابقه به موسسات۴- سپس هر کدام از موارد زیر را که می‌خواهید تیکش و فعال کنید :)) مثلا برای سجاد جان همون کلیه سوابق بیمه کفایت میکنه و سپس گزینه ارسال به صندوق شخصی را بفشارید. ارسال به صندوق شخصی، فقط صندوق شخصی و اگه گفتید کجاست :)۵- خب اینجا بعد از اعلام موافقت یک پیام دریافت می‌کنید. که سوابق رفت توی صندوق شخصی، ولی صندوق کجاست؟پیام سیستم! بله خب واقعا سیستم خیلی انسان نامحور طراحی شده۶- سپس به صفحه نخست بازگردید و گزینه سمت چپ یعنی تامین اجتماعی من را کلیک کنید.تامین اجتماعی من!۷- تصویر زیر تامین اجتماعی شماست و صندوق شخصی شما هم در اینجا واقع شده است. روی صندوق شخصی من کلیک کنید. ۸- در لیست زیر روی عملیات کلیک کنید.عملیات در سمت چپ را کلیک کنید۹- صدور مجوز استعلام را بفشارید. بر روی صدور مجوز استعلام را کلیک کنید۱۰-مدتی که می خواهید این مجوز فعال و قابل استعلام باشد را انتخاب کنید.۱۱ پس از تایید این مرحله شما یک کد رمز دریافت می‌کنید.کد رمز شما برای ارائه به سازمان ها و موسسات آماده شد.۱۲ حالا سوال اینجاست که مؤسسات و سازمان ها چگونه از این کد برای مشاهده سوابق شما استفاده کنند؟ شما به فوتر وبسایت مراجعه کنید و روی '' پنل مخصوص دستگاههای دولتی و مرجع استعلامات رسمی'' کلیک کنید.در این قسمت موسسه یا فرد مورد نظر با کلیک کردن بر روی گزینه اول و کدی که شما ارائه کردید خواهد توانست سوابق بیمه شما را مشاهده کند.امیدوارم تجربه کاربری همه محصولات دیجیتال تجربه سخت و طاقت فرسایی نباشه و مدرکتون هم راحت آزاد بشه.زهره عسگریزهره عسگریSat, 25 Apr 2020 23:48:16 +0430https://virgool.ir/@zohreasgari0/این-شیر-چکه-می-کند-qywdacz8yciyاین قصه بر اساس یک داستان واقعی است. خونه ی ما یه خونه قدیمی سازه که صاحبخونه عزیزمون دلش نیومده خرجی براش بکنه، از همین رو تمام شیرآلات خونه ما هر چند وقت یه بار یه اتفاقی براشون می افته و چند روزی هست که شیر حمام گریه اش بند نمیاد و چون حمام عزیز توی اتاق من هست و این صدای خفیف خواب و از من گرفته و البته هدر دادن آب در این خشکسالی از جنایت های بشری محسوب میشه من تصمیم گرفتم که با خدمات آنلاین این مهم رو رفع و رجوع کنم به همین خاطر میخوام از تجربه منحصر بفردم از ۲ محصول ایرانی (بالاخره سال سال تولید ملی هست و البته گزینه دیگری هم نیست) بگم.از همین رو بنده بر آن شدم که یک اپلیکیشن که گویا استادِکارِ ماست و یکی دیگر هم که چاره کار ماست رو نصب کنم در استادكار هر بار به متخصص ها زنگ ميزنم ميخوان كه عكس اون موضوعي كه توي خونه خراب شده رو بفرستم كه حق دارند و بلا استثناء اين اتفاق در تعامل با همه متخصص ها برام افتاده ولي هيچ قسمت از محصول براش كاري نشده. امكان چت توي اپليكيشن هم كاش داشت كه نخوام به همه زنگ بزنم و شماره ام و داشته باشن. بريم سراغ نظرات و امتيازها كه توي يك ديالوگ باز ميشه و اون كاربر قبلي كه لطف كرده كامنتي و نوشته، من نميتونم بيشتر از ٢ خطش و بخونم چون گزينه اي به اسم بيشتر نداره.در مورد آچاره هم كه در طول فرايند ثبت سفارش وقتي داريد ثبت نام ميكنيد يا ورود ابتدا ازتون شماره تماس ميگيره و بعد رمز عبور ميخواد كه من چون مدتها پيش ثبت نام كرده بودم و بعد اپ و پاك كرده بودم و يادم نبود این موضوع رو هيچ حسي نداشتم كه چرا داره رمز ميگيره از من. مورد بعدي اينكه سفارشم و زمانش و تنظيم ميكنم و از من ميپرسه: "تا٢ساعت يكي و انتخاب ميكني" يا "اولين متخصصي كه درخواست و قبول كرد برات ميفرستيم" سوال اول : چرا؟ سوال دوم وقتي زمانم كه مرحله قبل تنظيم كردم با دو ساعت شما جور در نمياد و تداخل داره، منه كاربر بايد برم از اول و تمام مراحل و بيام و يادم باشه اين بار اين تداخل زماني و نداشته باشم! در حالي كه يا اپ ميخواد مشتري و از دست بده و يا من و ميبره توي تايمم كه يه زمان جديدي تنظيم كنم.در آخر فکر کنم شیر حموم که چک چکش تمومی نداره به دست یک استاد کار به روش سنتی درست بشه.دیزاین!زهره عسگریزهره عسگریSun, 13 Jan 2019 21:35:29 +0330