<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>‫פשוט. שימושי‬</title>	
	<link>http://www.usable.co.il</link>
	<description>‫על אנשים, מחשבים, והמסכים שביניהם. שימושיות וממשק משתמש.‬</description>	<lastBuildDate>Wed, 16 Jun 2010 11:43:26 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>he</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/usable" /><feedburner:info uri="usable" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><image><link>http://www.usable.co.il</link><url>http://www.usable.co.il/wp-content/themes/barak/images/header.jpg</url><title>פשוט. שימושי</title></image><feedburner:emailServiceId>usable</feedburner:emailServiceId><feedburner:feedburnerHostname>http://feedburner.google.com</feedburner:feedburnerHostname><item>
		<title>‫אורנג': שירות ברמה שלא היכרתם?‬</title>		<link>http://feedproxy.google.com/~r/usable/~3/8m54cOKieyo/3280</link>
		<comments>http://www.usable.co.il/archives/3280#comments</comments>
		<pubDate>Wed, 16 Jun 2010 11:35:11 +0000</pubDate>
		<dc:creator>‫barak‬</dc:creator>				<category><![CDATA[ביקורות אתרים]]></category>
		<category><![CDATA[בית-הספר לשמישות]]></category>
		<category><![CDATA[חוויית המשתמש UX]]></category>

		<guid isPermaLink="false">http://www.usable.co.il/?p=3280</guid>
		<description><![CDATA[&#8235;אחרי מעל 8 שנים שאני לקוח באורנג', הייתם מצפים שהם יגלו שברק דנין זה אדון, לא? מצורף למטה אימייל שקיבלתי מאורנג' היום.
להתאמה אישית לנמען יש ערך רב, בוודאי כשפונים ללקוח. ברור לנו שמחשב שלח את זה, אבל בשביל לדבר אל הג'נדר הנכון לא צריך לעבוד קשה, לא כמו למבחן  טיורינג אמיתי.
כשזה ככה זה מרגיש [...]&#8236;]]></description>			<content:encoded><![CDATA[<div dir="rtl"><p>אחרי מעל 8 שנים שאני לקוח באורנג', הייתם מצפים שהם יגלו ש<strong>ברק דנין זה אדון</strong>, לא? מצורף למטה אימייל שקיבלתי מאורנג' היום.</p>
<p>להתאמה אישית לנמען יש ערך רב, בוודאי כשפונים ללקוח. ברור לנו שמחשב שלח את זה, אבל בשביל לדבר אל הג'נדר הנכון לא צריך לעבוד קשה, לא כמו ל<a href="http://he.wikipedia.org/wiki/%D7%9E%D7%91%D7%97%D7%9F_%D7%98%D7%99%D7%95%D7%A8%D7%99%D7%A0%D7%92">מבחן  טיורינג</a> אמיתי.</p>
<p>כשזה ככה זה מרגיש כמו המכתבים המודפסים האלה שהיו שולחים אלינו פעם, ועדיין שולחים היום לפעמים. אתם יודעים, אלה עם ה&quot;שומר מקום&quot; בדמות קו תחתון שהשם שלכם כתוב עליו בעט ואחריו מודפס &quot;היקר/ה&quot;. באינטרנט אפשר בעזרת שינוי קטן &#8211; &quot;אדון דנין&quot; במקום &quot;אדון \ גברת דנין&quot; לתת הרגשה הרבה יותר אנושית, כזו שדומה לשיחה בין אדם לאדם, לא בין אדם למחשב. אגב, אפשר גם <a href="http://www.xmpie.com/vdp">לעשות את זה בדפוס</a>.</p>
<p><img class="alignnone size-full wp-image-3281" title="אורנג': שירות ברמה שלא היכרתם" src="http://www.usable.co.il/wp-content/uploads/2010/06/2010-06-16_1428.png" alt="" width="586" height="512" /></p>
</div><img src="http://feeds.feedburner.com/~r/usable/~4/8m54cOKieyo" height="1" width="1"/>]]></content:encoded>			<wfw:commentRss>http://www.usable.co.il/archives/3280/feed</wfw:commentRss>
		<slash:comments>9</slash:comments>
		<feedburner:origLink>http://www.usable.co.il/archives/3280</feedburner:origLink></item>
		<item>
		<title>‫הקלטת מפגש שאלות ותשובות על חוויית משתמש + הנחה לסדנה הקרובה‬</title>		<link>http://feedproxy.google.com/~r/usable/~3/l4d_XdJ_teA/3245</link>
		<comments>http://www.usable.co.il/archives/3245#comments</comments>
		<pubDate>Wed, 16 Jun 2010 06:36:56 +0000</pubDate>
		<dc:creator>‫barak‬</dc:creator>				<category><![CDATA[בית-הספר לשמישות]]></category>
		<category><![CDATA[כנסים ומפגשים]]></category>

		<guid isPermaLink="false">http://www.usable.co.il/?p=3245</guid>
		<description><![CDATA[&#8235;לפני הכל: סליחה לכל אלה שרצו להגיע למפגש ולא הצליחו להכנס. כפי שכתבתי בדף ההרשמה, מספר המקומות מוגבל, ומעל 100 איש (המקסימום) רצו להשתתף. עבור כל אלה שלא הצליחו להכנס, ולטובת כל מי שלא הספיק לראות, הקלטת המפגש (וובינר) והמצגת מהבוקר כאן למטה.
במפגש עניתי לשאלות של משתתפי הסדנה שלי בעבר וגם לשאלות מהקהל הרחב. רוב [...]&#8236;]]></description>			<content:encoded><![CDATA[<div dir="rtl"><p>לפני הכל: סליחה לכל אלה שרצו להגיע למפגש ולא הצליחו להכנס. כפי ש<a href="http://www.usable.co.il/archives/3234" target="_blank">כתבתי בדף ההרשמה</a>, מספר המקומות מוגבל, ומעל 100 איש (המקסימום) רצו להשתתף. עבור כל אלה שלא הצליחו להכנס, ולטובת כל מי שלא הספיק לראות, הקלטת המפגש (וובינר) והמצגת מהבוקר כאן למטה.</p>
<p>במפגש עניתי לשאלות של משתתפי הסדנה שלי בעבר וגם לשאלות מהקהל הרחב. רוב השאלות נשלחו מראש ולכן הן במצגת ובסוף המפגש היו כמה שאלות ספונטאניות שעלו מהמשתתפים.</p>
<p><span id="more-3245"></span></p>
<h2>בסוף המצגת מסתתרת הנחה על הסדנה הקרובה</h2>
<p>אבל היא בתוקף רק עד היום, יום רביעי ה-16/6, בחצות.<br />
<object id="__sse4505125" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="600" height="500" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=webinar-15-06-2010-pub-100615064548-phpapp02&amp;rel=0&amp;stripped_title=webinar-15-06-2010-pub" /><param name="name" value="__sse4505125" /><param name="allowfullscreen" value="true" /><embed id="__sse4505125" type="application/x-shockwave-flash" width="600" height="500" src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=webinar-15-06-2010-pub-100615064548-phpapp02&amp;rel=0&amp;stripped_title=webinar-15-06-2010-pub" name="__sse4505125" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<h2>ההנחה מסתתרת גם בוידאו</h2>
<p>אבל צריך לעבוד יותר קשה כדי למצוא אותה&#8230;</p>
<p><strong>שימו לב: </strong>חכו כמה דקות כדי לראות את הוידאו, הוא לא יתחיל לנגן מייד: לוקח לו 5-10 דקות להיטען. אלה מגבלות טכנולוגיות זמניות &#8211; אני יודע שחוויית השימוש כאן לא מיטבית, אבל היה חשוב לי להביא את התוכן כמה שיותר מהר. בהמשך אשפר את עניין הוידאו.<br />
<img src="http://www.usable.co.il/wp-content/plugins/flash-video-player/default_video_player.gif" /></p>
</div><img src="http://feeds.feedburner.com/~r/usable/~4/l4d_XdJ_teA" height="1" width="1"/>]]></content:encoded>			<wfw:commentRss>http://www.usable.co.il/archives/3245/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<feedburner:origLink>http://www.usable.co.il/archives/3245</feedburner:origLink></item>
		<item>
		<title>‫מפגש פתוח [ברשת] לשאלות ותשובות על חוויית משתמש‬</title>		<link>http://feedproxy.google.com/~r/usable/~3/PzwqygvCj70/3234</link>
		<comments>http://www.usable.co.il/archives/3234#comments</comments>
		<pubDate>Mon, 07 Jun 2010 14:22:43 +0000</pubDate>
		<dc:creator>‫barak‬</dc:creator>				<category><![CDATA[בית-הספר לשמישות]]></category>

		<guid isPermaLink="false">http://www.usable.co.il/?p=3234</guid>
		<description><![CDATA[&#8235;בשבוע הבא, ביום שלישי ה-15/6/2010 בין 10:00-11:00 בבוקר אקיים מפגש ברשת (וובינר) שבו תוכלו לקבל תשובות לשאלות שיש לכם בנושאי חוויית משתמש, ממשק משתמש, ושמישות (usability). המפגש מיועד קודם כל למשתתפים בסדנה שלי, אבל כולכם יכולים לבוא ולהקשיב, וגם לשאול שאלות.
עדכון 17/6: המפגש התקיים אתמול, המצגת והוידאו של המפגש נמצאים כאן להנאתכם.

כמו כן תצטרכו מחשב [...]&#8236;]]></description>			<content:encoded><![CDATA[<div dir="rtl"><p><a href="https://www1.gotomeeting.com/register/967353777"><img class="alignleft size-full wp-image-3236" style="margin-right: 20px;" title="יש לכם שאלה?" src="http://www.usable.co.il/wp-content/uploads/2010/06/question.jpg" alt="יש לכם שאלה?" width="200" height="208" /></a>בשבוע הבא, ביום שלישי ה-15/6/2010 בין 10:00-11:00 בבוקר אקיים מפגש ברשת (וובינר) שבו תוכלו לקבל תשובות לשאלות שיש לכם בנושאי חוויית משתמש, ממשק משתמש, ושמישות (usability). המפגש מיועד קודם כל למשתתפים <a href="http://sadna.uniqui.co.il" target="_blank">בסדנה שלי</a>, אבל כולכם יכולים לבוא ולהקשיב, <strong>וגם לשאול שאלות</strong>.</p>
<p><span style="color: #008000;"><strong>עדכון 17/6: </strong></span>המפגש התקיים אתמול, המצגת והוידאו של המפגש <a href="http://www.usable.co.il/archives/3245">נמצאים כאן להנאתכם</a>.</p>
<p><span style="text-decoration: line-through;"></span></p>
<p>כמו כן תצטרכו מחשב ורמקול או אוזניות כדי לשמוע את מה שאגיד.</p>
<p>אשמח מאוד אם תוכלו לשלוח שאלות מראש, כולל צילומי מסך, רק קחו בחשבון שכל מי שישתתף במפגש יוכל לראות אותם, כך שתצטרכו לטשטש את הלוגו/שם האתר/מערכת בצילום המסך שאתם שולחים. אפשר יהיה גם לשאול שאלות תוך כדי (בטקסט בלבד &#8211; צ'אט), אבל לא יהיה ניתן לשלוח צילומי מסך.</p>
<p>אתן עדיפות לשאלות ממשתתפי הסדנה שלי, אבל אשתדל לענות גם לשאלות של אחרים מהקהל, כך שאם יש לכם סוגיה שמטרידה אתכם, אתם מוזמנים מאוד לשאול ואני אשתדל לענות כמיטב יכולתי.</p>
<p><strong>להשתמע ביום שלישי!</strong></p>
</div><img src="http://feeds.feedburner.com/~r/usable/~4/PzwqygvCj70" height="1" width="1"/>]]></content:encoded>			<wfw:commentRss>http://www.usable.co.il/archives/3234/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		<feedburner:origLink>http://www.usable.co.il/archives/3234</feedburner:origLink></item>
		<item>
		<title>‫המפגש הראשון של UXI: כיף גדול‬</title>		<link>http://feedproxy.google.com/~r/usable/~3/I4j8zbP1iCU/3225</link>
		<comments>http://www.usable.co.il/archives/3225#comments</comments>
		<pubDate>Thu, 27 May 2010 11:14:06 +0000</pubDate>
		<dc:creator>‫barak‬</dc:creator>				<category><![CDATA[כנסים ומפגשים]]></category>

		<guid isPermaLink="false">http://www.usable.co.il/?p=3225</guid>
		<description><![CDATA[&#8235;אתר UXI התחיל בסוף 2009 עם כמה טלפונים לאנשים שמעולם לא פגשתי (אבל כן קראתי), והגיע בינתיים לכמה נקודות שיא מרגשות: עליית האתר לאוויר, משלוח הסטיקרים, ואתמול &#8211; המפגש. מעולם לא ארגנתי אירוע כזה, ולא הבנתי בכמה לוגיסטיקה הוא כרוך כשהתחלתי אותו. רק עניין בחירת המקום בהתאם לכמות האנשים שיגיעו גזל ממני ומאורן (שעובד במקאן) [...]&#8236;]]></description>			<content:encoded><![CDATA[<div dir="rtl"><p><a href="http://www.usable.co.il/archives/3225"><img class="alignright size-full wp-image-3226" style="margin-left: 20px;" title="UXI" src="http://www.usable.co.il/wp-content/uploads/2010/05/logo-icon-sq-109.jpg" alt="" width="109" height="109" /></a>אתר UXI התחיל בסוף 2009 עם כמה טלפונים לאנשים שמעולם לא פגשתי (אבל כן קראתי), והגיע בינתיים לכמה נקודות שיא מרגשות: עליית האתר לאוויר, משלוח הסטיקרים, ואתמול &#8211; המפגש. מעולם לא ארגנתי אירוע כזה, ולא הבנתי בכמה לוגיסטיקה הוא כרוך כשהתחלתי אותו. רק עניין בחירת המקום בהתאם לכמות האנשים שיגיעו גזל ממני ומאורן (שעובד במקאן) הרבה זמן על שיחות טלפון בינינו, על בירורים שלו בתוך מקאן, ועל נסיונות שלי לאתר מקום מתאים שיוכל להכיל את כל הנרשמים (175 הגיעו בסוף).</p>
<p>אגב, האולם של מקאן, המקום המקורי שבו תוכנן להיות המפגש, יכול להכיל 60-70 איש, פחות מחצי מכמות האנשים שהגיעה אתמול. מזל שעברנו <img src='http://www.usable.co.il/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>
<p><span id="more-3225"></span>תוסיפו לעניין המקום גם תגיות שם, צלם (תודה לרוית שעזרה לי למצוא!), שילוט לפודיום, פוסטרצ'יק עם הלו&quot;ז המתוכנן שיהיה תלוי באולם, שילוטים לפאנל המומחים, שילוט לכוון את המגיעים בתוך הבניין, דיוורים, פרסומים בפייסבוק, טוויטר, פורומים שונים&#8230; ועוד לא דיברתי בכלל על התוכן: להכין את המצגת ולארגן את הדוברים במפגש.</p>
<p>עשרות שעות עבודה הושקעו בארגון של האירוע, ואני מוכרח להגיד במבט לאחור שזה לגמרי השתלם. האירוע זרם מצויין ולמדתי ממנו המון, שלא לדבר על זה שזכיתי להיפגש עם הרבה אנשים שמזמן לא ראיתי, כאלה שדיברתי איתם אונליין אבל לא נפגשנו, וגם עם כאלה שלא הכרתי בכלל. יצא לי להכיר את הדוברים בפאנל, אנשים מעניינים עם הרבה נסיון, שאת רובם לא הכרתי לפני חודש.</p>
<p>הלוואי שגם האירוע הבא יצליח ככה, ועוד יותר. יש עוד הרבה עבודה לעשות בתחום הזה.</p>
<p>המצגות, תמונות ובקרוב גם וידאו <a href="http://uxi.org.il/pages/2204" target="_blank">כולם כאן</a>. מקווה שתהנו מהם.</p>
<p><img class="alignnone size-full wp-image-3229" title="עם ליאור יאיר מ-Netcraft" src="http://www.usable.co.il/wp-content/uploads/2010/05/IMG_5131.jpg" alt="" width="550" height="413" /></p>
</div><img src="http://feeds.feedburner.com/~r/usable/~4/I4j8zbP1iCU" height="1" width="1"/>]]></content:encoded>			<wfw:commentRss>http://www.usable.co.il/archives/3225/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<feedburner:origLink>http://www.usable.co.il/archives/3225</feedburner:origLink></item>
		<item>
		<title>‫אתם בטוחים שאתם רוצים להמשיך?‬</title>		<link>http://feedproxy.google.com/~r/usable/~3/vuq9P-Ucv4U/3182</link>
		<comments>http://www.usable.co.il/archives/3182#comments</comments>
		<pubDate>Sat, 08 May 2010 12:41:17 +0000</pubDate>
		<dc:creator>‫barak‬</dc:creator>				<category><![CDATA[בית-הספר לשמישות]]></category>
		<category><![CDATA[חוויית המשתמש UX]]></category>
		<category><![CDATA[פסיכולוגיה קוגניטיבית]]></category>

		<guid isPermaLink="false">http://www.usable.co.il/?p=3182</guid>
		<description><![CDATA[&#8235;כמה פעמים  ישבתם מול הודעה שאומרת לכם &#8211; &#34;[משהו] עומד לקרות. האם להמשיך?&#34;, עם  כפתורי &#34;המשך&#34; ו&#34;בטל&#34;? כמה פעמים מתוכן קראתם את ההודעה שוב ושוב והתלבטתם  על מה ללחוץ, וכמה פעמים פשוט לחצתם על &#34;בטל&#34; או &#34;המשך&#34; בלי לחשוב?
על  הודעות אישור פעולה (confirmation messages), מתי להשתמש בהן ומתי ממש לא.

דוגמה
כולנו  [...]&#8236;]]></description>			<content:encoded><![CDATA[<div dir="rtl"><p dir="rtl"><a href="http://www.usable.co.il/archives/3182"><img class="alignright size-full wp-image-3188" style="margin-left: 20px;" title="stop" src="http://www.usable.co.il/wp-content/uploads/2010/05/stop.jpg" alt="" width="108" height="76" /></a>כמה פעמים  ישבתם מול הודעה שאומרת לכם &#8211; &quot;[משהו] עומד לקרות. האם להמשיך?&quot;, עם  כפתורי &quot;המשך&quot; ו&quot;בטל&quot;? כמה פעמים מתוכן קראתם את ההודעה שוב ושוב והתלבטתם  על מה ללחוץ, וכמה פעמים פשוט לחצתם על &quot;בטל&quot; או &quot;המשך&quot; בלי לחשוב?</p>
<p style="clear: both;" dir="rtl">על  הודעות אישור פעולה (confirmation messages), מתי להשתמש בהן ומתי ממש לא.</p>
<p><span id="more-3182"></span></p>
<h2 dir="rtl">דוגמה</h2>
<p dir="rtl">כולנו  נתקלנו בהודעות כמו זו מג'ימייל:</p>
<p dir="rtl"><img src="http://uniqui.co.il/emails/images/gmail2.png" alt="" /></p>
<p dir="rtl">המטרה שלה  ברורה: היא מוודאה שהתכוונתם לשלוח את ההודעה בלי נושא. הודעות  אישור פעולה כאלה (confirmation messages) נועדו כדי למנוע סוג של טעויות  שנקראות &quot;מעידות פעולה&quot; (<a href="http://www.memory-key.com/everydaymemory/slips.htm">action  slips</a>), פעולות שהמשתמש יזם אבל לא התכוון לבצע. הן עשויות להיות תוצאה  של חוסר תשומת לב או חוסר הבנה של הפעולה עצמה, ויש להודעות האלה תפקיד  חשוב. אבל האם נכון להשתמש בהן בכל פעולה שהמשתמש עשוי לטעות בה?</p>
<h2 dir="rtl">עדיף לא להסתכן בטעות</h2>
<p><a href="http://www.usable.co.il/wp-content/uploads/2010/05/jam.jpg"><img class="size-full wp-image-3184 alignleft" style="margin-right: 20px;" title="ככה נראים מנופים שנתקעו" src="http://www.usable.co.il/wp-content/uploads/2010/05/jam.jpg" alt="ככה נראים מנופים שנתקעו" width="200" height="373" /></a></p>
<p>מאיר אריאל שר <a href="http://www.youtube.com/watch?v=uoXF3KE7jag" target="_blank">&quot;טעות במחשב עלתה לי מיליון&#8230;&quot;</a> &#8211; <a href="http://uxtasy.wordpress.com/2010/05/08/error-cost" target="_blank">ויטלי כתב</a> על מקרה מהשבוע האחרון שבו זה באמת קרה: סוחר בבורסה לחץ בטעות על הכפתור הלא נכון, והזרים הוראה לרכישה של מיליארדי (ביליונֵי) מניות, במקום מיליונים. הבורסה הגיבה בנפילה. האם המשתמש טעה ולחץ על &quot;b&quot; (עבור billion) במקום על &quot;m&quot; (עבור million)? כנראה שלא נדע. אבל בכל מקרה שבו מציבים מכשול, מקום שבו משתמשים עשויים לטעות, יהיו כאלה שיטעו בו. אפשר לשאול את המשתמש &quot;האם אתה בטוח?&quot;, אבל יותר כדאי לעצב את המערכת כך שלא יהיה סיכוי לטעות.</p>
<p>דוגמה מצויינת לשיקול כזה בעיצוב היא מכונת הכתיבה וסידור המקלדת שלה (Qwerty), אותו סידור מקלדת שאתם משתמשים בו עכשיו. הסידור  של המקשים במקלדת תוכנן כך שאותיות שמופיעות אחת ליד השניה בתדירות גבוהה יהיו  רחוקות אחת מהשניה בלוח המקשים. הסיבה היתה שבמכונות כתיבה היו מנופים  שהתרוממו כשלחצו על מקש, ולחיצה על שני מקשים סמוכים היתה גורמת למנופים  (לפעמים) להתקל אחד בשני ולהתקע. במקום לחנך את המשתמשים במכונת הכתיבה לא  ללחוץ במהירות על שני מקשים סמוכים אחד אחרי השני, פשוט מיקמו אותם רחוק אחד  מהשני. אפשר לקרוא על זה עוד <a href="http://en.wikipedia.org/wiki/QWERTY" target="_blank">בוויקיפדיה</a> &#8211; סיפור מעניין. משם גם לקוחה התמונה הזו.</p>
<p>את אותו הדבר רצוי וכדאי לעשות בממשק. למשל, במערכת שמתכננים איתה את לוח הפגישות של רופא, לא למקם את כפתור ה&quot;יציאה&quot; ליד כפתור ה&quot;פגישה חדשה&quot; או ליד כפתור ה&quot;שמירה&quot;. ברור שאנשים יודעים לקרוא, אבל הם עשויים לפספס, והרחקת הכפתורים תעזור להם לא לטעות.</p>
<p>כשאי אפשר להשתמש בפתרונות כאלה, ובמקומות שבהם באמת נחוצה פעולה מסוכנת, אפשר להשתמש בהודעות אישור פעולה, אבל חשוב להפעיל שיקול דעת. אני אסביר למה.</p>
<h2 dir="rtl"><strong>סכנה 1:  הטרדה</strong></h2>
<p dir="rtl">הסכנה  העיקרית בשימוש בהודעות אישור פעולה הוא הטרדה. לשאול את המשתמש על כל פעולה &quot;האם  אתה בטוח?&quot; זו הטרדה אמיתית. יש מערכות ששואלות &quot;האם אתה בטוח שאתה רוצה  לצאת מהמערכת?&quot; בכל פעם שיוצאים (Log Out). האם זה באמת נחוץ? התשובה היא,  כמובן, לא.</p>
<p dir="rtl">כדי להמנע מהטרדה כזו צריך להפעיל שיקול דעת פשוט ולשאול כמה  שאלות פשוטות:</p>
<ul dir="rtl">
<li>האם הפעולה הזו בלתי-הפיכה?</li>
<li>אם היא הפיכה, האם המשתמש ידע בקלות כיצד לבטל אותה?</li>
<li>אם היא בלתי-הפיכה, האם ביצוע שלה יגרום לאובדן מידע או זמן משמעותיים  למשתמש?</li>
</ul>
<p dir="rtl">רק אם  הפעולה בלתי-הפיכה והיא תגזול מידע או זמן מהמשתמש, או אם היא הפיכה אבל  למשתמש אין את הידע כיצד להפוך אותה, רק אז חשוב להציג הודעת אישור.</p>
<h2 dir="rtl"><strong>סכנה 2:  ניסוח </strong></h2>
<p dir="rtl">כמו בכל  מקום אחר בממשק, כשכותבים הרבה המשתמשים לא קוראים. לכן חשוב לכתוב טקסט  קצר בהודעה מהסוג הזה, אם רוצים שהמשתמשים יקראו אותה. אבל טקסט קצר לא  מספיק, הוא צריך להיות גם ברור. שימו לב להודעה הזו מ-Powerpoint 2007,  שמופיעה לפעמים כשסוגרים את התוכנה:</p>
<p dir="rtl"><img src="http://uniqui.co.il/emails/images/powerpnt_confirm.png" alt="" /></p>
<p dir="rtl">לא הבנתם?  הנה, <a href="http://www.youtube.com/watch?v=KBARrfcI_P8">אריק איינשטיין  יסביר לכם</a>:</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="385" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/KBARrfcI_P8&amp;hl=en_US&amp;fs=1&amp;rel=0&amp;color1=0x3a3a3a&amp;color2=0x999999" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="480" height="385" src="http://www.youtube.com/v/KBARrfcI_P8&amp;hl=en_US&amp;fs=1&amp;rel=0&amp;color1=0x3a3a3a&amp;color2=0x999999" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p dir="rtl">
<p dir="rtl">אז האם זה  &quot;Document Recovery task pane&quot; במובן של &quot;גרופן&quot; או במובן של &quot;גראפן&quot;?</p>
<p dir="rtl">אם נשים  לרגע את הצחוק בצד, למי מכם שלא יודע, ה&quot;Document Recovery task pane&quot; זו  החלונית שבה מופיעים כל המסמכים ש-Powerpoint שמר אוטומטית עבורכם לפני  שהתוכנה התרסקה. כלומר, אלה גרסאות של מצגות שלא שמרתם בפעם האחרונה שעבדתם  עליהן, וזו <strong>ההזדמנות האחרונה להציל אותן. </strong>האם אי אפשר  היה לכתוב משהו שאומר את זה?</p>
<h2 dir="rtl"><strong>סכנה 3:  עיצוב גראפי</strong></h2>
<p dir="rtl">בנוסף  לשינויים בטקסט, אפשר היה להציג משהו שימחיש את הסכנה.למשל, אפשר היה להציג  אייקון שמשקף סכנה מיידית, הרבה יותר מהמשולש הצהוב שמופיע ליד ההודעה.  כפי <a href="http://www.usable.co.il/archives/3110" target="_self">שכבר כתבתי כאן</a>,  המשולש הזה מציין, על-פי סטנדרט הממשק של מיקרוסופט, ש&quot;הממשק מראה מצב שעשוי להיות בעייתי בעתיד&quot;. זה אומנם  תיאור נכון של המצב, אבל הוא סוג של understatement &#8211; מדובר פוטנציאלית  באובדן בלתי-הפיך של עבודה.</p>
<p dir="rtl">היה אפשר,  למשל, להשתמש באייקון כזה (נלקח ממקינטוש):</p>
<p><img src="http://uniqui.co.il/emails/images/red_warning.jpg" alt="" /></p>
<p>אפשר היה לעשות כמה דברים נוספים בעיצוב:</p>
<ul>
<li>להציג את המסמכים שיימחקו כאייקונים מוקטנים</li>
<li>להציג את  העמודים שהשתנו במסמכים שנשמרו אוטומאטית לעומת הגירסה שהמשתמש שמר, כלומר &#8211; את מה שהמשתמש יאבד.</li>
<li>להדגיש בצורה חזקה (אות גדולה, בצבע אדום, למשל) את הטקסט שמסביר מה יקרה אם המשתמש אכן יצא מהמערכת.</li>
</ul>
<p>ויש כמובן פתרונות נוספים שאפשר לחשוב עליהם, כאלה שלא יסכנו את המשתמש באובדן מידע.</p>
<h2 dir="rtl"><strong>סכנה 4:  ברירות מחדל וכפתורי פעולה</strong></h2>
<p dir="rtl">ההודעה  הלקויה של Powerpoint הופכת לקריטית הרבה יותר כשלוקחים בחשבון שברירת  המחדל של כפתורי האפשרויות היא &quot;No&quot;, כלומר אם לחצתם באופן אוטומאטי OK,  שמסומן גם הוא כברירת מחדל, הקבצים שלכם הלכו. נמחקו. נעלמו. לנצח. כפי  שכבר כתבנו קודם, רוב האנשים לא קוראים מה כתוב בהודעה, ולכן הם פשוט ילחצו  על הדבר הראשון שנראה שיקדם אותם הלאה &#8211; כפתור ה-OK. <strong>הסכנה ברורה?</strong></p>
<h2 dir="rtl"><strong>סיכום</strong></h2>
<p dir="rtl">כדאי לתכנן את המערכת כך שהיא לא תכשיל את המשתמש ותגרום לו לבצע פעולות שהוא לא מעוניין בהן (action slips). פתרונות עיצוביים שונים עשויים לבטל את הצורך בהודעות כאלה בכלל, או לצמצם אותו משמעותית. אם מחליטים להציג הודעות כאלה, כדאי:</p>
<ul>
<li>לבדוק האם הן באמת נחוצות ולא סתם מטרידות</li>
<li>לנסח אותן בצורה תמציתית וברורה</li>
<li>להציג אותן בצורה שתשקף את החומרה שלהן</li>
<li>להשתמש בכפתורי הפעולה של ההודעה בברירות מחדל שלא יכשילו את המשתמש.</li>
</ul>
<p><strong>י</strong><strong>ש לכם עוד </strong>שיקולים שלא הצגתי כאן? דוגמאות להודעות אישור פעולה לא ברורות? אשמח לקרוא כאן בתגובות.</p>
<h6>התמונה שלמעלה: CC by <a href="http://cp.responder.co.il/link.php?lid=519598&amp;sid=20883623&amp;k=57d8d33ba61812f5673e09ed3e036832">adobemac</a></h6>
</div><img src="http://feeds.feedburner.com/~r/usable/~4/vuq9P-Ucv4U" height="1" width="1"/>]]></content:encoded>			<wfw:commentRss>http://www.usable.co.il/archives/3182/feed</wfw:commentRss>
		<slash:comments>30</slash:comments>
		<feedburner:origLink>http://www.usable.co.il/archives/3182</feedburner:origLink></item>
		<item>
		<title>‫המדריך לעולם חוויית המשתמש: ספר דיגיטלי במתנה‬</title>		<link>http://feedproxy.google.com/~r/usable/~3/xiYCJCpYMnw/3174</link>
		<comments>http://www.usable.co.il/archives/3174#comments</comments>
		<pubDate>Mon, 03 May 2010 20:55:44 +0000</pubDate>
		<dc:creator>‫barak‬</dc:creator>				<category><![CDATA[חוויית המשתמש UX]]></category>

		<guid isPermaLink="false">http://www.usable.co.il/?p=3174</guid>
		<description><![CDATA[&#8235;רבים שואלים אותי &#8211; איפה אפשר להכיר את תחום חוויית המשתמש בצורה מסודרת? אז נכון, יש את UXI.org.il, אבל אנשים עדיין מחפשים משהו מאורגן שאפשר לקרוא בו בנוחות. לכן הכנתי את &#34;המדריך לעולם חוויית המשתמש&#34; &#8211; ספר דיגיטלי שאתם יכולים להוריד אליכם ממש עכשיו.
כדי להוריד את המדריך:
http://uniqui.co.il/theguide
תהנו!
&#8236;]]></description>			<content:encoded><![CDATA[<div dir="rtl"><p><a href="http://uniqui.co.il/theguide"><img class="alignright size-full wp-image-3175" title="guide" src="http://www.usable.co.il/wp-content/uploads/2010/05/guide.jpg" alt="" width="200" height="225" /></a>רבים שואלים אותי &#8211; איפה אפשר להכיר את תחום חוויית המשתמש בצורה מסודרת? אז נכון, יש את UXI.org.il, אבל אנשים עדיין מחפשים משהו מאורגן שאפשר לקרוא בו בנוחות. לכן הכנתי את &quot;המדריך לעולם חוויית המשתמש&quot; &#8211; ספר דיגיטלי שאתם יכולים להוריד אליכם ממש עכשיו.</p>
<p>כדי להוריד את המדריך:<br />
<a href="http://uniqui.co.il/theguide" target="_blank">http://uniqui.co.il/theguide</a></p>
<p>תהנו!</p>
</div><img src="http://feeds.feedburner.com/~r/usable/~4/xiYCJCpYMnw" height="1" width="1"/>]]></content:encoded>			<wfw:commentRss>http://www.usable.co.il/archives/3174/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		<feedburner:origLink>http://www.usable.co.il/archives/3174</feedburner:origLink></item>
		<item>
		<title>‫עברית קשה שפה: שיעור בלשון ובתכנון בטפסים באתר אורנג'‬</title>		<link>http://feedproxy.google.com/~r/usable/~3/xJpGhuX-7KA/3162</link>
		<comments>http://www.usable.co.il/archives/3162#comments</comments>
		<pubDate>Fri, 30 Apr 2010 05:46:37 +0000</pubDate>
		<dc:creator>‫barak‬</dc:creator>				<category><![CDATA[ביקורות אתרים]]></category>
		<category><![CDATA[בית-הספר לשמישות]]></category>
		<category><![CDATA[חוויית המשתמש UX]]></category>
		<category><![CDATA[ממשק המשתמש UI]]></category>

		<guid isPermaLink="false">http://www.usable.co.il/?p=3162</guid>
		<description><![CDATA[&#8235;קשה לי עם טעויות בעברית. אני יודע, זה לפעמים מעצבן כשאני מתקן אחרים, אבל זה הרגל משפחתי כזה, אינסטינקט, שקשה לוותר עליו. להורי היה חשוב להנחיל לנו הרגלי שפה טובים, וטפו טפו, אני חושב שדי הצליח להם. כשאני רואה טעויות בעברית בממשק זה מציק לי, וכשזה משולב עם טעויות בסיסיות בממשק, עם ספק בסדר-גודל של [...]&#8236;]]></description>			<content:encoded><![CDATA[<div dir="rtl"><p>קשה לי עם טעויות בעברית. אני יודע, זה לפעמים מעצבן כשאני מתקן אחרים, אבל זה הרגל משפחתי כזה, אינסטינקט, שקשה לוותר עליו. להורי היה חשוב להנחיל לנו הרגלי שפה טובים, וטפו טפו, אני חושב שדי הצליח להם. כשאני רואה טעויות בעברית בממשק זה מציק לי, וכשזה משולב עם טעויות בסיסיות בממשק, עם ספק בסדר-גודל של אורנג', אני משקיע וכותב על זה כמה מילים.</p>
<p><span id="more-3162"></span>בסוף כל חודש אני מקבל מאורנג' חשבונית במייל. טוב, לא בדיוק חשבונית, קישור להורדת חשבונית. שירות די נוח ומאובטח, האמת. לוחצים על קישור ומקבלים קוד חד-פעמי ב-sms, מכניסים אותו לטופס ואז מתחיל ה-download:</p>
<p><a href="http://www.usable.co.il/wp-content/uploads/2010/04/orange_misspell.png"><img class="alignnone size-full wp-image-3163" style="border: 1px solid black;" title="חשבונית במייל" src="http://www.usable.co.il/wp-content/uploads/2010/04/orange_misspell.png" alt="" width="441" height="204" /></a></p>
<p>הדבר הראשון שהפריע לי היתה הטעות בעברית: <strong>&quot;הקלד את הקוד זיהוי חד פעמי&quot;</strong>. ראשית, לדעתי זה צריך להיות &quot;חד-פעמי&quot; (עם מקף אמצעי). שנית, כשמוסיפים ה' הידיעה לסמיכות לא מוסיפים אותה בהתחלה. לא &quot;היום הולדת&quot; אלא &quot;יום ההולדת&quot;. זאת טעות נפוצה בדיבור, אבל שימוש בשפה נכונה בממשק זה עניין קדוש בעיני. זה לא אומר שצריך לכתוב ממשק עם שפה שדומה לזו של קרייני החדשות ברשת ב' (<a href="http://he.wikipedia.org/wiki/%D7%A8%D7%90%D7%95%D7%9E%D7%94_%D7%90%D7%9C%D7%93%D7%A8" target="_blank">ראומה אלדר</a> עם ר' מתגלגלת), אבל בטח צריך לעשות הגהה.</p>
<h2>הטופס</h2>
<p>בטופס יש רק שדה אחד, כפתור אחד והודעה אחת, ובכל זאת הצליחו להכניס בו לא מעט טעויות בסיסיות.</p>
<p>ראשית, השדה שבו צריך להקיש את הקוד כל-כך רחוק מהתווית שלו (זו עם הטעות בעברית), שאין ביניהם שום קשר. כתבתי כאן בעבר על <a href="http://www.usable.co.il/archives/1102" target="_blank">עקרונות הגשטאלט</a>, אבל למי שאין כוח לקרוא: אנחנו מקשרים בין אובייקטים כשהם קרובים אחד לשני. המיקום של השדה כל-כך רחוק לא מאפשר לנו להבין שהם קשורים.</p>
<p>שנית, ההודעה &quot;הקוד נשלח בהצלחה&quot; נראית כמו תגובה לתווית &quot;הקלד את הקוד&#8230;&quot;, במקום אישור שהפעולה שמתוארת בראש הטופס בוצעה (&quot;לצורך שמירה&#8230;&quot;). שוב &#8211; גשטאלט. ההודעה מתייחסת למה שהיא נמצאת הכי קרוב אליו. אם ההודעה היתה מתחת לשתי השורות שבראש הטופס, ומרווחת מההמשך שלו, היינו מבינים מיד את ההקשר שלה.</p>
<p>בנוסף, ההודעה &quot;הקוד נשלח בהצלחה&quot; בשילוב עם האייקון של ה-V הירוק היא חיזוק מצויין: היא אומרת &#8211; אצלנו הכל בסדר. מה שחסר בה הוא מידע חשוב &#8211; להיכן הקוד נשלח.</p>
<p>דבר אחרון בקשר למסך הזה, ואני אפתיע ואגיד שוב &#8211; גשטאלט! (תנסו להגיד גשטאלט 3 פעמים במהירות, קורע מצחוק), כפתור ה&quot;המשך&quot; נמצא פחות או יותר במקום הכי רחוק שאפשר מהשדה שבו מזינים את הקוד. הוא אמנם כתום ומושך את העין בצורה חזקה, אבל למה שהמשתמש יצטרך לחפש אותו? אם הוא היה ליד השדה של הקוד למשתמש לא היה סיכוי לפספס אותו.</p>
<p>ההודעה ב-SMS מגיעה משולח שנקרא &quot;Orange&quot; והיא נראית ככה: &quot;הקש מספר זה להמשך תהליך 999999". תקראו לי קטנוני, אבל אם באתר קוראים לזה &quot;קוד חד-פעמי&quot;, לא כדאי גם ב-SMS לקרוא לזה ככה? זה היה מקל על הקישור בין השניים. עוד עניין, יכול להיות שאת החשבון מקבל מישהו שלא מחזיק בטלפון ביד כרגע. למשל &#8211; אב המשפחה מקבל אותו עבור הטלפון של הבת שלו, והבת לא בבית כרגע. מה היא תחשוב כשהיא תקבל את ההודעה?</p>
<p><strong>אני מציע את העיצוב החדש הזה:</strong></p>
<p><strong><a href="http://www.usable.co.il/wp-content/uploads/2010/04/orange_misspell_fix2.png"><img class="alignnone size-full wp-image-3167" style="border: 1px solid black;" title="הצעה לעיצוב מחדש" src="http://www.usable.co.il/wp-content/uploads/2010/04/orange_misspell_fix2.png" alt="" width="441" height="204" /></a><br />
</strong></p>
<ul>
<li>העברתי את &quot;הקוד נשלח בהצלחה&quot; קרוב להודעה בראש הטופס. כך ברור שהם קשורים.</li>
<li>שיניתי את ההודעה ל&quot;קוד הזיהוי נשלח בהצלחה ל-&#8230;..&quot;, ומכאן והלאה הוא נקרא באופן עקבי &quot;קוד זיהוי&quot; ולא &quot;מספר&quot; ולא &quot;הקוד זיהוי חד פעמי&quot;</li>
<li>החלפתי את התווית &quot;הקלד את הקוד זיהוי חד פעמי&quot; ב&quot;הקלד את קוד הזיהוי&quot;. זו ההנעה לפעולה ש</li>
<li>הצמדתי את השדה של קוד הזיהוי לתווית שלו.</li>
<li>העברתי את כפתור ה&quot;המשך&quot; אל מתחת לשדה הקוד, והצרתי אותו מעט (סתם בשביל האסתטיקה).</li>
</ul>
<p>את ה-SMS הייתי משנה ל&quot;הקלד קוד זיהוי זה להמשך התהליך באתר אורנג': 999999". כך השם הוא &quot;קוד זיהוי&quot; כמו בטופס, וגם ברור למי שקיבל את ההודעה שקורה משהו עם הקו שלו באתר אורנג'.</p>
<h2>נשמע הגיוני?</h2>
<p>מה דעתכם על השינוי הזה? הייתם משנים עוד דברים כאן? כרגיל, אשמח לשמוע את דעתכם.</p>
</div><img src="http://feeds.feedburner.com/~r/usable/~4/xJpGhuX-7KA" height="1" width="1"/>]]></content:encoded>			<wfw:commentRss>http://www.usable.co.il/archives/3162/feed</wfw:commentRss>
		<slash:comments>17</slash:comments>
		<feedburner:origLink>http://www.usable.co.il/archives/3162</feedburner:origLink></item>
		<item>
		<title>‫ניסו לחסל לי את הבלוג…‬</title>		<link>http://feedproxy.google.com/~r/usable/~3/eI3LEPP6pEo/3157</link>
		<comments>http://www.usable.co.il/archives/3157#comments</comments>
		<pubDate>Fri, 23 Apr 2010 15:23:04 +0000</pubDate>
		<dc:creator>‫barak‬</dc:creator>				<category><![CDATA[אבטחת מידע]]></category>
		<category><![CDATA[מאת העורך]]></category>

		<guid isPermaLink="false">http://www.usable.co.il/?p=3157</guid>
		<description><![CDATA[&#8235;מישהו פרץ היום לאתר הזה, שינה לי את סיסמת המנהל ומחק את רוב הקבצים על השרת.
לשמחתי היה לי גיבוי  
&#8236;]]></description>			<content:encoded><![CDATA[<div dir="rtl"><p>מישהו פרץ היום לאתר הזה, שינה לי את סיסמת המנהל ומחק את רוב הקבצים על השרת.</p>
<p>לשמחתי היה לי גיבוי <img src='http://www.usable.co.il/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>
</div><img src="http://feeds.feedburner.com/~r/usable/~4/eI3LEPP6pEo" height="1" width="1"/>]]></content:encoded>			<wfw:commentRss>http://www.usable.co.il/archives/3157/feed</wfw:commentRss>
		<slash:comments>18</slash:comments>
		<feedburner:origLink>http://www.usable.co.il/archives/3157</feedburner:origLink></item>
		<item>
		<title>‫אבטחת מידע: מה באמת עובד?‬</title>		<link>http://feedproxy.google.com/~r/usable/~3/JVHdyfVBjTc/3147</link>
		<comments>http://www.usable.co.il/archives/3147#comments</comments>
		<pubDate>Sun, 18 Apr 2010 12:19:11 +0000</pubDate>
		<dc:creator>‫barak‬</dc:creator>				<category><![CDATA[בית-הספר לשמישות]]></category>
		<category><![CDATA[חוויית המשתמש UX]]></category>
		<category><![CDATA[ממשק המשתמש UI]]></category>

		<guid isPermaLink="false">http://www.usable.co.il/?p=3147</guid>
		<description><![CDATA[&#8235;כתבה חדשה שלי באתר UXI, על סיסמאות, שמות משתמש, ועוד כמה אמצעים שנועדו להגן על המידע של המשתמשים שלכם (ושלכם) באתרים השונים. מה מהם יוצרים אבטחה יעילה בשילוב עם חוויית משתמש טובה? תציצו בכתבה ותגלו&#8230;
http://uxi.org.il/pages/1789
&#8236;]]></description>			<content:encoded><![CDATA[<div dir="rtl"><p>כתבה חדשה שלי באתר UXI, על סיסמאות, שמות משתמש, ועוד כמה אמצעים שנועדו להגן על המידע של המשתמשים שלכם (ושלכם) באתרים השונים. מה מהם יוצרים אבטחה יעילה בשילוב עם חוויית משתמש טובה? תציצו בכתבה ותגלו&#8230;</p>
<p><a href="http://uxi.org.il/pages/1789" target="_blank">http://uxi.org.il/pages/1789</a></p>
</div><img src="http://feeds.feedburner.com/~r/usable/~4/JVHdyfVBjTc" height="1" width="1"/>]]></content:encoded>			<wfw:commentRss>http://www.usable.co.il/archives/3147/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<feedburner:origLink>http://www.usable.co.il/archives/3147</feedburner:origLink></item>
		<item>
		<title>‫לאומי מזהיר: הפעולה בוצעה בהצלחה. על חשיבותם של סטנדרטים‬</title>		<link>http://feedproxy.google.com/~r/usable/~3/7xyVjH_SM2A/3110</link>
		<comments>http://www.usable.co.il/archives/3110#comments</comments>
		<pubDate>Thu, 15 Apr 2010 06:50:41 +0000</pubDate>
		<dc:creator>‫barak‬</dc:creator>				<category><![CDATA[בית-הספר לשמישות]]></category>
		<category><![CDATA[חוויית המשתמש UX]]></category>
		<category><![CDATA[ממשק המשתמש UI]]></category>

		<guid isPermaLink="false">http://www.usable.co.il/?p=3110</guid>
		<description><![CDATA[&#8235;יש סטנדרטים מקובלים לאייקונים (צלמיות בעברית) שמצורפים להודעות למשתמש, גם לאייקון עצמו וגם לצבע שלו. כששוברים את הסטנדרטים האלה נוצר בלבול. דוגמה מבנק לאומי שמדגימה את זה מצויין, וכמה מילים על החשיבות של סטנדרטים בממשק ובחוויית המשתמש.

זהירות, הצלחת!
נכנסתי לחשבון הבנק שלי כדי לעדכן את הסיסמה, ולאחר השינוי קיבלתי את ההודעה הזו:

כשאנחנו מקבלים הודעה מהסוג הזה, [...]&#8236;]]></description>			<content:encoded><![CDATA[<div dir="rtl"><p><img class="alignright size-full wp-image-3119" style="margin-left: 20px; ;" title="זהירות, הצלחת!" src="http://www.usable.co.il/wp-content/uploads/2010/04/thumb.gif" alt="זהירות, הצלחת!" width="108" height="94" />יש סטנדרטים מקובלים לאייקונים (צלמיות בעברית) שמצורפים להודעות למשתמש, גם לאייקון עצמו וגם לצבע שלו. כששוברים את הסטנדרטים האלה נוצר בלבול. דוגמה מבנק לאומי שמדגימה את זה מצויין, וכמה מילים על החשיבות של סטנדרטים בממשק ובחוויית המשתמש.</p>
<p><span id="more-3110"></span></p>
<h2 style="clear:both">זהירות, הצלחת!</h2>
<p>נכנסתי לחשבון הבנק שלי כדי לעדכן את הסיסמה, ולאחר השינוי קיבלתי את ההודעה הזו:</p>
<p><img class="aligncenter size-full wp-image-3111" title="leumi-warning" src="http://www.usable.co.il/wp-content/uploads/2010/04/leumi-warning.png" alt="leumi-warning" width="464" height="222" /></p>
<p>כשאנחנו מקבלים הודעה מהסוג הזה, שיש לה גם אייקון, אנחנו מעבדים אותה בשלושה שלבים:</p>
<ul>
<li>
<div id="attachment_3113" class="wp-caption alignleft" style="width: 91px"><a href="http://lib.cet.ac.il/pages/item.asp?item=13242&amp;kwd=7370" target="_blank"><img class="size-full wp-image-3113 " title="תמרור א-40" src="http://www.usable.co.il/wp-content/uploads/2010/04/warning-a-40.gif" alt="תמרור א-40" width="81" height="68" /></a><p class="wp-caption-text">תמרור א-40</p></div>
<p>אנחנו רואים את הדבר הגדול והבולט ביותר &#8211; האייקון. זה שכאן מסמל בעולם התוכנה &quot;אזהרה&quot; (warning) ובעולם התמרורים &#8211; &quot;מקום מסוכן&quot;.</li>
<li>אנחנו רואים את הטקסט שליד האייקון.</li>
<li>אנחנו קוראים את הטקסט ליד. לא תמיד זה קורה, לפעמים סתם סוגרים את חלון ההודעה ומתעלמים מהטקסט.</li>
</ul>
<p>כשקיבלתי את ההודעה הזו הדבר הראשון שקרה זה שניסיתי לחשוב מה עשיתי לא נכון בבחירת הסיסמה. <a href="http://www.holesinthenet.co.il/archives/7662" target="_blank">כבר כתבתי </a>על הטקסט הלא ברור שמסביר איך לבחור סיסמה בלאומי. מיד שיערתי שטעיתי. לפני שסגרתי את החלון, הצצתי על הטקסט, ואז גיליתי שהסיסמה דווקא בסדר. למה זה קרה?</p>
<h2>אייקונים מוסכמים להודעות</h2>
<p><a href="http://msdn.microsoft.com/en-us/library/aa511277.aspx" target="_blank">בהנחיות</a> שמיקרוסופט נותנת ליישומים ב-Windows מופיעים האייקונים הבאים:</p>
<p><a href="http://msdn.microsoft.com/en-us/library/aa511277.aspx"><img class="size-full wp-image-3115 alignnone" title="STD-WINDOWS" src="http://www.usable.co.il/wp-content/uploads/2010/04/STD-WINDOWS.png" alt="STD-WINDOWS" width="256" height="80" /></a></p>
<p>ההנחיות ברורות:</p>
<ul>
<li>X &#8211; הממשק מראה שגיאה או בעיה שהתרחשו.</li>
<li>! &#8211; הממשק מראה מצב שעשוי להיות בעייתי בעתיד.</li>
<li>i &#8211; הממשק מראה מידע שימושי.</li>
<li>? &#8211; הממשק מראה נקודת כניסה למערכת העזרה</li>
</ul>
<p>במקינטוש יש גם אייקונים סטנדרטיים שמשמשים באופן דומה, למשל אלה:<br />
<img class="size-full wp-image-3116 alignnone" title="mac" src="http://www.usable.co.il/wp-content/uploads/2010/04/mac.jpg" alt="mac" width="150" height="69" /></p>
<p>במקינטוש נוהגים גם להצמיד אליהם בפינה את האייקון של היישום שהעלה את ההודעה.</p>
<p>ברשת נהוג להשתמש בצבע הירוק ובסימן ה-V כדי לציין הצלחה. כך למשל בטוויטר:</p>
<p><img class="aligncenter size-full wp-image-3117" title="ok" src="http://www.usable.co.il/wp-content/uploads/2010/04/ok.png" alt="ok" width="575" height="59" /></p>
<p>במקרה של לאומי למעלה, היה נכון להשתמש באייקון כזה, ובצבע הירוק, כדי להבהיר למשתמש באופן מיידי שהכל בסדר. הנה משהו פשוט שאני בישלתי, שמראה איך זה היה עשוי להיראות:</p>
<p><img class="aligncenter size-full wp-image-3128" title="leumi-ok" src="http://www.usable.co.il/wp-content/uploads/2010/04/leumi-ok.png" alt="leumi-ok" width="431" height="214" /></p>
<h2>חשיבות השימוש בסטנדרטים</h2>
<p>סטנדרטים עובדים כי הם סטנדרטיים. טוב, זאת הגדרה מעגלית קצת, אני יודע. הכוונה שלי היא שבגלל שברוב המקומות משתמשים באותם סימנים מוסכמים, למשל סימן קריאה שמסמן אזהרה (&quot;עשוי להיות בעייתי בעתיד&quot;), אנחנו מבינים את המשמעות שלהם באופן מיידי כשאנחנו מתבוננים בהם. שימוש שגוי בסימנים מוסכמים, סטנדרטיים, גורם לשני דברים לא מוצלחים במיוחד:</p>
<ul>
<li>בלבול רגעי. המשתמש נאלץ להתאמץ, למשל לקרוא את הטקסט שצמוד לאייקון.</li>
<li>החלשה של תפיסת משמעות הסטנדרט. בפעם הבאה שהמשתמש ייתקל בסימן המוסכם, הוא לא יסמוך על המשמעות המיידית שלו, וישקיע יותר זמן בקריאת הטקסט. גם אם זה ביישום אחר.</li>
</ul>
<p>סטדנרטים קיימים לא רק באייקונים של הודעות שגיאה. הם קיימים בהרבה מקומות בממשק. למשל, מוסכם בהודעת אימייל שיש &quot;Reply&quot; כדי להשיב לכותב, ו-&quot;Reply to All&quot; בשביל להשיב לכל הנמענים.</p>
<p>ב-<a href="http://groups.google.com">Google Groups</a> ניתן להגדיר רשימת תפוצה באימייל כך שב-Reply רגיל על הודעה שנשלחה לרשימה יקבלו את התשובה כל חברי הקבוצה. זה שימושי, כמובן, כדי ליצור דיאלוג בין החברים, אבל זה יוצר בדיוק את שני הדברים שהזכרתי כאן למעלה:</p>
<ul>
<li>בפעם הראשונה שזה קורה לחבר מהקבוצה הוא מופתע במקרה הטוב, או כועס במקרה הרע, אם ההודעה שנועדה לאדם ספציפי נשלחה לכל הקבוצה. זה עשוי להיות ממש לא נעים&#8230;</li>
<li>התקלה הראשונה מערערת אצלו את האמון ש-Reply ישלח את ההודעה רק לכותב. בכל פעם שהוא יעשה Reply מכאן והלאה, לפחות לתקופה מסויימת, הוא יבדוק טוב  טוב למי נשלחת התגובה.</li>
</ul>
<h2>זה קרה גם לכם?</h2>
<p>אתם מוזמנים להפנות אותי ואת שאר הקוראים למקומות שבהם נשברו סטנדרטים, ואיך היתה החווייה שלכם באותו המקרה.</p>
</div><img src="http://feeds.feedburner.com/~r/usable/~4/7xyVjH_SM2A" height="1" width="1"/>]]></content:encoded>			<wfw:commentRss>http://www.usable.co.il/archives/3110/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		<feedburner:origLink>http://www.usable.co.il/archives/3110</feedburner:origLink></item>
	</channel>
</rss>
