<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	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/"
	>

<channel>
	<title>חורים ברשת &#187; ברק דנין</title>
	<atom:link href="http://www.holesinthenet.co.il/archives/author/BarakD/feed" rel="self" type="application/rss+xml" />
	<link>http://www.holesinthenet.co.il</link>
	<description>מקור החדשות העצמאי המוביל בתחום הדיגיטל, המדיה החברתית והטכנולוגיה</description>
	<lastBuildDate>Thu, 09 Feb 2012 17:10:01 +0000</lastBuildDate>
	<language>he</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.4</generator>
		<item>
		<title>בבנק לאומי לא מבינים את חוויית המשתמש</title>
		<link>http://www.holesinthenet.co.il/archives/7662</link>
		<comments>http://www.holesinthenet.co.il/archives/7662#comments</comments>
		<pubDate>Mon, 18 Jan 2010 08:10:42 +0000</pubDate>
		<dc:creator>ברק דנין</dc:creator>
				<category><![CDATA[כללי]]></category>
		<category><![CDATA[מאמרים]]></category>
		<category><![CDATA[בנק לאומי]]></category>
		<category><![CDATA[חוויית משתמש]]></category>
		<category><![CDATA[שימושיות]]></category>

		<guid isPermaLink="false">http://www.holesinthenet.co.il/?p=7662</guid>
		<description><![CDATA[אם הם היו מבינים, איך אפשר להסביר את העובדה שכל-כך קשה למשתמש חדש להכנס למערכת שלהם? סיפור אישי, והזמנה להרצאה על עיצוב חוויית המשתמש]]></description>
			<content:encoded><![CDATA[<p>אחרת איך אפשר להסביר את העובדה שכל-כך קשה למשתמש חדש להכנס למערכת שלהם? סיפור אישי, <strong>והזמנה להרצאה על עיצוב חוויית המשתמש.</strong></p>
<h2><a href="http://www.holesinthenet.co.il/wp-content/uploads/2010/01/leumifirsttime_1.png"><img style="border-right-width: 0px;float: none;border-top-width: 0px;border-bottom-width: 0px;margin-left: auto;border-left-width: 0px;margin-right: auto" src="http://www.holesinthenet.co.il/wp-content/uploads/2010/01/leumifirsttime_1_thumb.png" border="0" alt="leumi first time_1" width="500" height="315" /></a></h2>
<p>ישיר לאומי הוא שריד למה שפעם היה “הישיר הראשון”. סניף 678 של בנק לאומי שמספק את כל שירותיו דרך האינטרנט והטלפון. בנק ללא סניפים. סניף כזה, כך היינו מצפים, היה עושה הכל כדי שיהיה קל למשתמשים לעבור דרכו, אבל לא כך בלאומי. היום ישיר לאומי הוא שירות האינטרנט של כל לקוחות בנק לאומי.</p>
<p>כדי לסייע באבטחה של החשבון, מי שנרשם לשירותי האינטרנט של לאומי מקבל שתי מעטפות הביתה: אחת עם זיהוי המשתמש, והשניה עם סיסמה זמנית. בהתחברות הראשונה לאתר, המשתמש מזין את המידע מהמעטפות לדף “<a href="https://hb2.bankleumi.co.il/H/Login.html" target="_blank">כניסה ראשונה לחשבון שלי</a>” שמופיע כאן למעלה ובוחר סיסמה חדשה. עד כאן די קל וברור.</p>
<p>העניינים מתחילים להסתבך כשמנסים לבחור סיסמה. בהיעדר הנחיות על המסך, המשתמש יכניס את הסיסמה שנוח לו לזכור. אולי זה יהיה מספר הזהות שלו או של אשתו, אולי מספר טלפון מוכר או שמו של אחד הילדים. רובנו עושים כך. התשובה של לאומי:</p>
<p><a href="http://www.holesinthenet.co.il/wp-content/uploads/2010/01/leumifirsttime_3.png"><img style="border-right-width: 0px;float: none;border-top-width: 0px;border-bottom-width: 0px;margin-left: auto;border-left-width: 0px;margin-right: auto" src="http://www.holesinthenet.co.il/wp-content/uploads/2010/01/leumifirsttime_3_thumb.png" border="0" alt="leumi first time_3" width="500" height="315" /></a></p>
<p>“לקוח/ה נכבד/ה: הסיסמה החדשה שהקשת נדחתה. אנא הקש/י סיסמה חדשה בהתאם להנחיות”. נשים לרגע בצד שהם כנראה יודעים אם אני גבר או אישה בנקודה הזו, ונניח שהם לא רצו לקחת סיכון ולקרוא לי בג’נדר הלא נכון, אם היתה טעות בהקלדת הנתונים שלי. תחשבו על הסיטואציה שבה נמצא מי שמגיע לדף הזה: הוא לקוח חדש, זו הפעם הראשונה שהוא משתמש במערכת, ואם זה לקוח שהוא לא טכנולוגיסט כמוני, כנראה שהוא ינסה עוד פעם פעמיים ואז יתקשר לנציג התמיכה הטכנית, שמספר הטלפון שלו מופיע למטה.</p>
<p>לכאורה, פתרון טוב: מי שתכנן את הדף נתן תשובה לכל מי שלא הסתדר. <strong>אבל כמה זה עולה </strong>ללאומי להחזיק את כל אנשי השירות האלה? אי אפשר היה למצוא פתרון טוב יותר?</p>
<p>נכון, הם נתנו פתרון נוסף. <strong>כפתור סימן השאלה. </strong>משתמשים רבים כנראה לא ישימו לב אליו, בטח כאלה שהם לא מנוסים במערכות כאלה – הם יעדיפו להתקשר. גם אם לחצו על סימן השאלה, מה הסיכוי שלהם להבין את הטקסט שכתוב? הוא ארוך, מורכב ומייגע:</p>
<blockquote><p>בחר סיסמה חדשה, השונה מהסיסמה הנוכחית. <strong>הנחיות לבחירת סיסמה חוקית:</strong></p>
<ul>
<li>הסיסמה חייבת להכיל בין 6 ל-12 תווים, ולהיות מורכבת מאותיות לועזיות וספרות בלבד ללא רווחים.<br />
<strong>שים לב! בששת התוים הראשונים יש לשלב אותיות וספרות.</strong></li>
<li>לא ניתן לכלול רצף של ספרות או אותיות שהן זהות (למשל, 111), עוקבות (למשל, 123), או סמוכות על המקלדת (למשל, QWE).</li>
<li>לא ניתן לכלול סימנים שאינם אותיות לועזיות או ספרות, כגון: %, $, * וכדומה.</li>
</ul>
<p>דוגמה לסיסמה לא תקינה: ABC123<br />
דוגמה לסיסמה תקינה: DEMO15</p></blockquote>
<p>בדוגמאות למטה הם אפילו לא טרחו לכתוב למה הסיסמה השניה תקינה והראשונה לא, למי שמנסה לפענח את ההסבר.</p>
<h2>התשובה של טוויטר</h2>
<p>בטוויטר, למשל, הבינו שהרשמה לאתר הוא צעד קשה וחשוב, וכדי שאנשים יעברו אותו בהצלחה ובלי תמיכה טלפונית. לטוויטר אין בכלל תמיכה טלפונית, אגב – תארו לעצמכם כמה זה היה עולה להם להחזיק שירות כזה!</p>
<p>הם עשו דבר כזה:</p>
<p><a href="http://www.holesinthenet.co.il/wp-content/uploads/2010/01/image.png"><img style="border-right-width: 0px;float: none;border-top-width: 0px;border-bottom-width: 0px;margin-left: auto;border-left-width: 0px;margin-right: auto" src="http://www.holesinthenet.co.il/wp-content/uploads/2010/01/image_thumb.png" border="0" alt="image" width="502" height="383" /></a></p>
<p>הם כותבים: <strong>6 תווים או יותר,</strong> ומנחים אותך להיות ערמומי בבחירה שלך: <strong>be tricky.</strong> כמה פשוט!</p>
<p>הם גם נותנים משוב תוך כדי הקלדה:</p>
<p><a href="http://www.holesinthenet.co.il/wp-content/uploads/2010/01/image1.png"><img style="border-right-width: 0px;float: none;border-top-width: 0px;border-bottom-width: 0px;margin-left: auto;border-left-width: 0px;margin-right: auto" src="http://www.holesinthenet.co.il/wp-content/uploads/2010/01/image_thumb1.png" border="0" alt="image" width="402" height="46" /></a></p>
<p><a href="http://www.holesinthenet.co.il/wp-content/uploads/2010/01/image2.png"><img style="border-right-width: 0px;float: none;border-top-width: 0px;border-bottom-width: 0px;margin-left: auto;border-left-width: 0px;margin-right: auto" src="http://www.holesinthenet.co.il/wp-content/uploads/2010/01/image_thumb2.png" border="0" alt="image" width="402" height="49" /></a></p>
<p><a href="http://www.holesinthenet.co.il/wp-content/uploads/2010/01/image3.png"><img style="border-right-width: 0px;float: none;border-top-width: 0px;border-bottom-width: 0px;margin-left: auto;border-left-width: 0px;margin-right: auto" src="http://www.holesinthenet.co.il/wp-content/uploads/2010/01/image_thumb3.png" border="0" alt="image" width="402" height="50" /></a></p>
<p>כמובן שעם דרישות האבטחה של לאומי היה צריך לתת פה טקסט מעט יותר מורכב, אבל זה עדיין עדיף על להסתיר את זה בתוך החלונית של סימן השאלה. החלונית, אגב, נפתחת בגודל אפס (חייבים להגדיל אותה כדי לקרוא) כשמשתמשים ב-Firefox.</p>
<p>האם זו הדרך הראויה להכניס לקוח חדש למערכת? האם לא היה שווה להשקיע עוד קצת מאמץ בבדיקות עם משתמשים</p>
<h2>הרצאה על עיצוב חוויית המשתמש</h2>
<p>רוצים לשמוע עוד? מחר אני מעביר <strong>הרצאה חינמית דרך הרשת (webinar) </strong>בנושא “עיצוב חוויית המשתמש”. אם אתם עוסקים בפיתוח, תכנון ועיצוב אתרים או מערכות תוכנה, אני מאמין שהיא שיעניין לכם להקשיב. בהרצאה אני נותן עוד כמה דוגמאות כאלה, וגם רעיונות איך לשפר את חוויית המשתמש. במהלך ובסוף ההרצאה ניתן יהיה לשאול שאלות.</p>
<p>ההרצאה תתקיים מחר, יום שלישי ה-19/1/2010, 15:00-16:30, <strong>אצלכם במחשב, וללא תשלום. </strong>השעה הראשונה תוקדש בעיקר להרצאה ומעט שאלות, ובחצי השעה שאחרי ההרצאה <strong>תוכלו לשאול שאלות </strong>הקשורות לתחום, ואני אשתדל לענות כמיטב יכולתי.</p>
<p><strong>להרשמה להרצאה:</strong></p>
<p><a href="https://www1.gotomeeting.com/register/796583993">https://www1.gotomeeting.com/register/796583993</a></p>
<p><strong> </strong></p>
<p><strong>משתתפים בהרצאות קודמות מספרים</strong></p>
<p>קיימתי את אותה ההרצאה השבוע, הנה מה שהמאזינים אמרו:</p>
<p>“נתן טעם של עוד”, בילי</p>
<p>“אתמול הקשבתי להרצאה שלך, היא הועברה בצורה מאוד מענינת ותרמה לי לא מעט על אף הנסיון שיש לי בתחום”, פנינה</p>
<p>“תודה רבה על ההרצאה המעניינת והמעשירה… היה מאוד מעניין לשמוע וללמוד קצת את הנושא. כל הכבוד גם על החדשנות שבהעברת הרצאה ברשת בזמן אמת. “, אתי</p>
<p>“תודה, נהנתי להקשיב. שמחה על ההזדמנות ללמוד ממך.”, רוית.</p>
<p>אתם מאוד מוזמנים <a href="https://www1.gotomeeting.com/register/796583993" target="_blank">להקשיב</a>.  ></p>
]]></content:encoded>
			<wfw:commentRss>http://www.holesinthenet.co.il/archives/7662/feed</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
		<item>
		<title>קניות ברשת: הניסיון שלי עם Pic-A-Book</title>
		<link>http://www.holesinthenet.co.il/archives/5657</link>
		<comments>http://www.holesinthenet.co.il/archives/5657#comments</comments>
		<pubDate>Sun, 01 Nov 2009 07:26:25 +0000</pubDate>
		<dc:creator>ברק דנין</dc:creator>
				<category><![CDATA[כללי]]></category>
		<category><![CDATA[מאמרים]]></category>
		<category><![CDATA[picabook]]></category>
		<category><![CDATA[אלבומי תמונות]]></category>

		<guid isPermaLink="false">http://www.holesinthenet.co.il/?p=5657</guid>
		<description><![CDATA[הזמנתם ברשת אלבום-ספר תמונות מהטיול האחרון שלכם בחו"ל, והוא הגיע פגום. הייתם מצפים שיידרשו מכם לשלוח אותו חזרה בשביל לקבל ספר מתוקן? בפיק-א-בוק חושבים שכן.]]></description>
			<content:encoded><![CDATA[<p>אחרי טיול מופלא עם <a href="http://cafe.themarker.com/view.php?t=1231936" target="_blank">נופים מרהיבים</a> בגאורגיה, החלטתי, כמו בטיולים קודמים, להדפיס את התמונות באלבום תמונות גדול ומשובח של <a href="http://www.picabook.co.il/" target="_blank">PicAbook</a> (<a href="http://www.picabook.co.il" target="_blank">פיק א בוק</a> בעברית). השתמשתי בשירות שלהם כמה פעמים בעבר, ומאוד אהבתי את התוצאות. <strong>הפעם זה לא הצליח</strong>.</p>
<p>את הספר הזמנתי בשלושה עותקים, אחד לכל משתתף בטיול, וכשהספרים הגיעו מהחברה הייתי בחו&#8221;ל, כך שאחד החברים קיבל את הספרים ופיזר את העותקים. כשחזרתי גיליתי שבכל העותקים היתה טעות בהדפסה: הדפים בצד ימין נחתכו לאחר ההדפסה סנטימטר אחד ימינה מדי. התוצאה – כל הדפים קיבלו שובל לבן ברוחב ס&#8221;מ בצד ימין, ואיבדו ס&#8221;מ תמונה בצד שמאל. הנה תמונה שמראה את צד ימין המודפס לעומת התכנון בתוכנה של PicAbook. <a href="http://www.holesinthenet.co.il/wp-content/uploads/2009/10/picabook.jpg"><img style="border-right-width: 0px;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px" src="http://www.holesinthenet.co.il/wp-content/uploads/2009/10/picabook_thumb.jpg" border="0" alt="picabook" width="494" height="418" /></a></p>
<p>הטעות חזרה על עצמה, כאמור, בכל 3 העותקים, בכל אחד מ-50 העמודים הימניים. בקיצור, זו טעות ברורה של היצרן.</p>
<p>פניתי במייל לשירות הלקוחות, עם התמונה המצורפת, ולא קיבלתי מענה במשך יומיים. התקשרתי לשירות הלקוחות בטלפון, והגעתי לשירות ההודעות שלהם. השארתי הודעה. לא חזרו אלי. התקשרתי שוב ושוב, ובכל פעם הגעתי לשירות ההודעות, למרות שזה היה בשעות הפעילות שלהם. בסופו של דבר, אחרי מייל נזעם, יצרה איתי קשר נציגת שירות הלקוחות.</p>
<p>- זה מאוד פשוט, היא הסבירה לי, אתה שולח לנו את הספרים, ואם הם באמת פגומים אתה מקבל אותם מודפסים מחדש.</p>
<p>- אבל שלחתי לכם מייל עם תמונה של הספר מול התכנון בתוכנה שלכם, הם באמת פגומים!</p>
<p>- באמת? היא שאלה, לא קיבלנו את זה. אה, עכשיו אני רואה, קיבלנו. טוב, אבל<strong> זו המדיניות שלנו</strong>. אתה צריך לשלוח ואז לקבל את הספר המתוקן.</p>
<p>- אבל הם כולם ככה, הסברתי לה, עם השובל הלבן מימין, כל שלושת הספרים, ובכל העמודים.</p>
<p><strong>- זו</strong> <strong>המדיניות</strong> של המנכ”ל, היא אמרה.</p>
<p>- אבל הדפסתי אצלכם כבר באלפי שקלים, רק ההזמנה הזו שווה מעל 2000 ש”ח, אתם לא סומכים עלי?</p>
<p>- זה לא משנה אם היית מזמין גם ב-50 שקל, חמוד שלי (נשבע לכם, היא קראה לי חמוד שלי. הרבה פעמים). <strong>זו המדיניות </strong>של המנכ”ל, הסברתי לך, היא אמרה שוב.</p>
<p>לא התעצלתי ודיברתי עם המנכ”ל, יובל יהודר.</p>
<p>אמרתי לו שמשלוח חוזר של הספרים דורש ממני איסוף הספרים מחברי, אריזתם, עמידה בתור בדואר ותשלום עבור משלוח. הסברתי לו שזה לא מתקבל על הדעת ש<strong>אבזבז כל-כך הרבה זמן על טעות שלהם</strong>, שהוכחתי אותה מעל לכל ספק.</p>
<p>יהודר השיב <strong>שזו המדיניות של picabook</strong>. אמרתי לו – אין בעיה, שלח לי שליח ואתן לו את הספרים. הוא אמר לא. זה לא הגיוני עבורו להוציא כל-כך הרבה כסף על משלוח. הצעתי לו לצלם בווידאו את כל הספרים הפגומים, הצעתי לו שאצלם בוידאו את זריקת הספרים לפח. שום דבר לא עזר. לא חבל, אמרתי? כל-כך הרבה זמן לבזבז לי על משהו שהוא בבירור טעות של פיקאבוק? והתשובה..</p>
<p>- <strong>לא,</strong> <strong>זאת המדיניות שלנו</strong>.</p>
<p>הטיעון המוחץ של יובל היה כזה: <strong>אם היית קונה בחנות סוודר וחוזר הביתה ומגלה שהוא פגום, היית מצפה שהחנות תשלח לך שליח כדי להחליף אותו?</strong> ההבדל שהוא התעלם ממנו הוא שבחנות יש לי הזדמנות לבדוק את המוצר לפני שאני משלם עליו. כאן לא.</p>
<p>התווכחתי והתווכחתי ללא הועיל. יובל עמד על שלו: תשלח, נבדוק, נשלח לך תיקון. נזכה אותך על המשלוח אם הם אכן פגומים. ומה עם הזמן שבזבזתי על להשיג את אנשי שירות הלקוחות שלכם? על הזמן שביליתי בלאסוף את הספרים מהחברים, לארוז את הספרים, ללכת לדואר ולשלוח? מי יזכה אותי עליו? על עוגמת הנפש שנגרמה לי מקבלת המוצר הפגום? הספרים המתוקנים הגיעו היום, אגב, ולא קיבלתי שום פיצוי ביחד איתם. גם לא התנצלות. רק הספרים הגיעו.</p>
<p>מה דעתכם? האם ההתנהלות של picAbook ושל יובל הגיונית? האם באמת היה נחוץ לשלוח לחברה את הספרים הפגומים? האם הם היו צריכים לשלוח שליח, או שהאחריות על המשלוח על הצרכן? נתקלתם במקרים דומים (לרעה) או שונים (לטובה) עם חברות אינטרנטיות אחרות? אשמח לשמוע.</p>
<p><a href="http://www.holesinthenet.co.il/archives/author/barakd">לפוסטים נוספים של ברק דנין ב&#8221;חורים ברשת&#8221;</a><br />
<img src="http://code.ben-ari.name/counter/stats.asp?id={38C6A292-1253-43CC-9CF3-1924A4DA4591}&amp;cust=tfytpj397b01" alt="" />  ></p>
]]></content:encoded>
			<wfw:commentRss>http://www.holesinthenet.co.il/archives/5657/feed</wfw:commentRss>
		<slash:comments>25</slash:comments>
		</item>
		<item>
		<title>הֶקשרים: הבסיס לתכנון מוצר</title>
		<link>http://www.holesinthenet.co.il/archives/5374</link>
		<comments>http://www.holesinthenet.co.il/archives/5374#comments</comments>
		<pubDate>Tue, 20 Oct 2009 15:32:56 +0000</pubDate>
		<dc:creator>ברק דנין</dc:creator>
				<category><![CDATA[טיפים]]></category>
		<category><![CDATA[מאמרים]]></category>
		<category><![CDATA[מנשקים]]></category>

		<guid isPermaLink="false">http://www.holesinthenet.co.il/?p=5374</guid>
		<description><![CDATA[הֶקשר שימוש (context of use), הוא אחד מהשיקולים המרכזיים בתכנון ועיצוב חוויית המשתמש של מוצר. כשעוסקים בהקשר מדברים על המסגרת שבה המוצר פועל, על הסביבה שלו. בירור של הקשר השימוש מאפשר לתכנן מוצר שמתאים להקשר שבו הוא יופעל.]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.usable.co.il/archives/1687"><img class="size-full wp-image-1761 alignleft" style="margin-left: 20px" src="http://www.usable.co.il/wp-content/uploads/2009/09/kasefet_thumb.jpg" alt="כספת" width="108" height="133" /></a></p>
<p>הפוסט פורסם במקור בבלוג <a href="http://www.usable.co.il/archives/1687">פשוט שימושי</a>.<a href="http://www.usable.co.il/archives/1687"><br />
</a></p>
<p>הֶקשר שימוש(context of use), הוא אחד מהשיקולים המרכזיים בתכנון ועיצוב <strong>חוויית המשתמש</strong> של מוצר. כשעוסקים בהקשר מדברים על המסגרת שבה המוצר פועל, על הסביבה שלו. בירור של הקשר השימוש מאפשר לתכנן מוצר שמתאים להקשר שבו הוא יופעל.</p>
<p>הדוגמא שבצד היא מאולם אירועים. הקשר השימוש כאן הוא הפקדה של מעטפות עם צ&#8217;קים, והציפיה של המוזמנים היא לראות, כמובן, כספת. מאחר והחבית <strong>לא דומה בכלל לכספת</strong>, התאימו את החבית להקשר עם השלט הבולט <strong>&#8220;כספת&#8221;,</strong> שמודבק עם <strong>סלוטייפ</strong>. כמובן שפתרון אלגנטי יותר היה – תיפוף דרמטי &#8211; לשים שם כספת.</p>
<p>אביא כאן דוגמא ממרכז השירות של <strong>אורנג&#8217; </strong>שממחישה את החשיבות של הקשרים בעיצוב חוויית משתמש. אתם מוזמנים להוסיף דוגמאות משלכם.</p>
<h3>ממה מורכב הֶקשר השימוש?</h3>
<p>הֶקשר מתייחס לחיבור בין המוצר לסביבה שלו. הנה כמה היבטים על הסביבה של מוצרי תוכנה:</p>
<ul>
<li><strong>סביבה אנושית: </strong>מי האנשים שיפעילו את המוצר?</li>
<li><strong>סביבה פיזית: </strong>באיזה מקומות פיזיים המוצר יופעל?</li>
<li><strong>סביבה טכנית: </strong>על גבי איזה מכשירים ומערכות הפעלה יהיה נכון להפעיל את המוצר?</li>
<li><strong>סביבת מוצרים</strong>:<strong> </strong>איזה מוצרים דומים פועלים באותו תחום? איך אנשים רגילים להשתמש בהם?</li>
</ul>
<h3>סיפור מבית אורנג&#8217;</h3>
<p>את הסיפור הבא שלח לי אסף, מתכנת שעבד איתי פעם. בכניסה למרכז השירות של אורנג&#8217; עומד מכשיר שמוציא את המספרים לתורים השונים &#8211; תיקונים, מכירות, כספים וכו&#8217;. כדי לקבל מספר לתור, צריך להקיש את מספר הסלולרי בממשק המגע שמופיע כאן למטה. בהמשך יוצאת <strong>פתקית עם המספר בתור </strong>מהחלק התחתון של המכשיר, כפי שאפשר לראות <strong>בתמונה משמאל</strong>.</p>
<p><img class="alignnone size-full wp-image-1736" src="http://www.usable.co.il/wp-content/uploads/2009/09/orange.jpg" alt="orange" width="479" height="240" /></p>
<p>אסף כתב כך:</p>
<blockquote><p><span lang="HE">האדם שעמד לפני (כבן 50) והקיש את מספרו לא הבין מה רוצים ממנו אחרי שסיים להזין את המספר, ועד שלא אמרתי לו שהכרטיס למטה הוא פשוט היה מבולבל. חוץ מזה, לקח לו המון זמן להקיש את המספר שלו, והוא כל הזמן הסתכל על הסלולרי שלו. אני חשבתי שזה רק כי הוא לא זוכר את המספר אבל כשהוא סיים וניגשתי בעצמי לעמדה, הבנתי שהייתה עוד סיבה. מי ה&#8221;גאון&#8221; שהחליט (או שלא החליט) להפוך את סדר המספרים בשורות המקשים הוירטואלים?</span></p></blockquote>
<p><span lang="HE">זו דוגמא מצויינת לתמליל של בדיקות שמישות. אני משוכנע שאם היו עושים כאלה באורנג&#8217;, תוך התחשבות בהקשרי השימוש של המכשיר הזה, הוא לא היה נראה כך. אנסה להתייחס למכשיר הזה דרך ההקשרים השונים שהזכרתי בתחילת הפוסט. </span></p>
<h3>הסביבה האנושית</h3>
<p><span lang="HE"><strong>היעד </strong>(goal) הוא מטרת-העל של המשתמשים, והם מבצעים <strong>משימות</strong> (tasks) שונים בדרך אליו. היעד של המבקרים במרכז השירות הוא לטפל בעניין כלשהו מול החברה &#8211; </span>תשלום חשבונות, תיקון מכשירים וכו&#8217;. הכניסה לתור והשימוש במכשיר שבתמונה למעלה הם <strong>משימות </strong>בדרך אל היעד הזה. כפי שציינתי קודם, האוכלוסיה היא רחבה, הרי כל אדם יכול לרכוש מכשיר סלולרי. הנה דוגמאות לכמה אנשים מהאוכלוסיה הכללית <strong>והיעדים </strong>שלהם. הן ישמשו אותנו בהמשך הדיון:</p>
<ul>
<li>דנה, בת 17, תלמידת תיכון. מגיעה כדי לתקן את המכשיר שלה.</li>
<li>חיים, בן 50, האיש מהסיפור של אסף. מגיע כדי להצטרף לרשת אורנג&#8217;.</li>
<li>ראובן, בן 75, בעל ליקוי ראייה. מגיע כדי לטפל בחוב.</li>
<li>מרים, בת 42, מגיעה על כיסא גלגלים. היא באה כדי לקנות דיבורית bluetooth לסלולרי.</li>
</ul>
<h3>האם עיצוב המכשיר מתאים להקשר של הסביבה האנושית שלו?</h3>
<p>לא, לפחות לא עבור כל האנשים שהזכרנו כאן.</p>
<p><strong>דנה </strong>כנראה תסתדר איתו.</p>
<p><strong>חיים </strong>מגיע למרכז של אורנג&#8217; בפעם הראשונה. ואכן, בסיפור של אסף חיים מבולבל גם מארגון המקשים (על כך בהמשך) וגם מהמיקום שבו יוצאת הפתקית. אפשר להבין למה: אם עומדים ליד המכשיר, בכלל לא רואים את הפתח שבו יוצאת הפתקית. המדרגה שמתחת למסך מסתירה את הפתח, שנמצא רחוק למטה.</p>
<p>אפשר, כמובן, להפנות את תשומת הלב של המשתמש לפתח בעזרה של חץ מהבהב לכיוון מטה. אבל אם הפתח שממנו יוצאת הפתקית היתה ממוקם ליד המסך לא היה צריך להוסיף כלום; אופן השימוש היה ברור מאליו.</p>
<p><strong>מרים </strong>מגיעה על כיסא גלגלים. האם היא יכולה להשתמש במכשיר? כמובן שלא, כי הוא גבוה מדי עבורה. באופן אירוני, דווקא עבורה הפתח נמצא במקום הנכון. ייתכן שיש עובד בכניסה שמסייע ללקוחות עם צרכים מיוחדים, אין לי מידע בנושא. אבל אם יש אוכלוסיה גדולה של בעלי כיסא גלגלים, יש בהחלט מקום להציב מכשיר נוסף עם עיצוב אחר שמותאם לאוכלוסיה הזו.</p>
<h3>הסביבה הפיזית</h3>
<p><img class="size-full wp-image-1740" src="http://www.usable.co.il/wp-content/uploads/2009/09/side.jpg" alt="המכשיר בתוך ההקשר הפיזי שלו" width="300" height="225" /></p>
<p>המכשיר לקבלת המספר בתור נמצא במרכז השירות של אורנג&#8217;. הוא הדבר הראשון שאנשים זקוקים לו בכניסה למרכז. זה צריך להיות &#8220;you can&#8217;t miss it&#8221;. מהתמונה שאסף שלח, לא נראה שזה המקרה.</p>
<h3>האם עיצוב המכשיר מתאים להקשר של הסביבה הפיזית שלו?</h3>
<p><strong>דנה </strong>כנראה תמצא את המכשיר; היא מכירה אותו מהביקור הקודם ויודעת שצריך להשיג ממנו מספר.</p>
<p>מה לגבי <strong>ראובן</strong>? קשה לזהות את חלק מכבדי הראייה (בעלי עוורון חלקי), האם העובד שבכניסה ידע לזהות אותו ולסייע לו? האם לא היה נכון יותר לשים את המכשיר בכניסה, עם שלט בולט לידו שאומר &#8220;קחו מספר מכאן&#8221; או מסר דומה? האם המיקום שלו מסייע למרים להגיע אליו עם כיסא הגלגלים? האם חיים ידע לאתר את המכשיר למרות שהוא מבקר במרכז השירות בפעם הראשונה?</p>
<h3>הסביבה הטכנית</h3>
<p>המכשיר משתמש במסך מגע. בעיני זו בחירה מצויינת למכשיר כזה. האוכלוסיה שמגיעה להשתמש במכשיר היא רחבה מאוד. מסך מגע מאפשר לאנשים רבים, גם כאלה שהמחשב היחיד שהשתמשו בו עד כה היה כספומט, להשתמש בו בקלות. ישנם, כמובן, גם חסרונות במסכי מגע, כמו חוסר במשוב פיזי על לחיצה: אפשר לתת צליל ומשוב ויזואלי בלבד, ובמקרים מסויימים גם רטט.</p>
<h3>האם עיצוב המכשיר מתאים להקשר של הסביבה הטכנית שלו?</h3>
<p>בעניין הסביבה הטכנית נעשתה במוצר הזה עבודת עיצוב טובה, לדעתי. למשל:</p>
<ul>
<li><strong>גודל הכפתורים על המסך</strong>. לאוכלוסיה רחבה יש טווח גדול של יכולות מוטוריות. כפתורים גדולים מסייעים לאנשים עם צרכים מיוחדים ל&#8221;פגוע&#8221; בכפתורים בקלות. על הסיבות לזה אפשר לקרוא בפוסט על החוק של <a href="http://www.usable.co.il/archives/320" target="_blank">Fitts</a>.</li>
<li><strong>שימוש בצבעים קונטרסטיים</strong>. הכפתורים כתומים על רקע לבן, וגם כאן &#8211; העיצוב מאפר לאוכלוסיה רחבה לראות את הכפתורים ולהשתמש בהם. השימוש בצבעי המותג מחזק את הקשר בין המכשיר לסביבה שלו.</li>
</ul>
<h3>סביבת המוצרים</h3>
<p>בחלק מסניפי הדואר וגם בכמה מהבנקים יש מכשירים דומים שמנפקים מספרים לתורים. בדואר, למשל, צריך רק לבחור איזה סוג שירות רוצים לקבל. יש גם כספומטים כאלה.</p>
<h3>האם עיצוב המכשיר מתאים להקשר של סביבת המוצרים שלו?</h3>
<p>באורנג&#8217; רוצים לקצר תהליכים בעמדת השירות, ודורשים מהלקוחות להקיש גם את מספר הטלפון שלהם. רצון לגיטימי ומובן. אבל שימו לב לארגון של מקשי המספרים במסך המגע (<strong>מרכז</strong>) לעומת מקשי מספרים ממקורות אחרים: מקלדת (<strong>ימין</strong>), ואייפון (<strong>שמאל</strong>).</p>
<p><img class="alignnone size-full wp-image-1745" src="http://www.usable.co.il/wp-content/uploads/2009/09/keypad.jpg" alt="השוואה של מקשי מספרים" width="500" height="190" /></p>
<p>מי שעיצב את המסך הזה באורנג&#8217; לקח את ההשראה מהמקלדת הנומרית (מימין), ולא ממקשי הטלפון (משמאל). ה-0 והשורה של 4-5-6 במקום, אבל שתי שורות המספרים האחרות נמצאות בסדר הפוך! בדיוק כמו שאסף ציין בהקשר של חיים.</p>
<p>הקשר השימוש האנושי פה הוא המשימה של הקלדת מספר טלפון. האופן שבו המספרים מוצגים כאן יוצר בלבול מיידי. מי משתמש בכלל במקשים נומריים במקלדת? בנוסף, נראה שהמודל לחיקוי כאן היה <strong>כספומט</strong>, ולא מכשיר טלפון. במיוחד מצביעים על כך כפתורי ה&#8221;מחיקה&#8221;, &#8220;תיקון&#8221; ו&#8221;אישור&#8221;. בכספומטים שאני בדקתי, אגב, המספרים היו מסודרים כמו בסלולרי, לא כמו במקלדת נומרית.</p>
<p>אם לא די בכל זה, הכפתור הכי גדול כאן, שממוקם מייד מתחת למספרים &#8211; זה שהיינו מצפים שיאשר את הפעולה, הוא דווקא כפתור &#8220;לקוח אחר / מעוניין להצטרף&#8221;.</p>
<h3>סיכום</h3>
<p>הקשרי השימוש השונים של מוצר, כפי שתארתי כאן, מהווים חלק מרכזי בתכנון של מוצרים. ניסיתי לגעת בכולם, אך ברור שאפשר לצלול הרבה יותר עמוק עם כל אחד מהם. אני מזמין אתכם להביא דוגמאות לעיצובים טובים במיוחד (או כאלה שהם פחות טובים), ונוגעים ברעיון הזה, של הֶקשר.</p>
<p><img src="http://code.ben-ari.name/counter/stats.asp?id={798B77F0-280B-4DE0-B7D5-CEFE8B9A9189}&amp;cust=fgnyoq974-HLS" alt="" />  ></p>
]]></content:encoded>
			<wfw:commentRss>http://www.holesinthenet.co.il/archives/5374/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>ככה מוסיפים פיצ&#8217;ר: גרירה לתוויות בג&#8217;ימייל</title>
		<link>http://www.holesinthenet.co.il/archives/3076</link>
		<comments>http://www.holesinthenet.co.il/archives/3076#comments</comments>
		<pubDate>Sat, 04 Jul 2009 07:49:29 +0000</pubDate>
		<dc:creator>ברק דנין</dc:creator>
				<category><![CDATA[כללי]]></category>

		<guid isPermaLink="false">http://www.holesinthenet.co.il/?p=3076</guid>
		<description><![CDATA[תוויות הן הדרך הג'ימיילית לארגון אימיילים בתיקיות. בשינוי האחרון שעשו בג'ימייל, כשאיפשרו drag and drop של אימיילים לתוך תוויות, עשו בג'ימייל כמה דברים נכונים כדי לאפשר לפיצ'ר להיקלט בהצלחה.]]></description>
			<content:encoded><![CDATA[<p>פגשתי לא מעט אנשים שממש לא אוהבים את ג&#8217;ימייל. אני לא אחד מהם. הוא מאורגן היטב (לפי שיחות ולא לפי סדר כרונולוגי), הוא מאיץ תהליכי עבודה (למשל, חלק מתוכן ההודעה מופיע כבר ברשימת המיילים) והיכולות המגניבות והיצירתיות שיש בו הולך וגדל כל הזמן &#8211; כמו האזהרה ששכחת לצרף אטצ&#8217;מנט.</p>
<p>תוויות הן הדרך הג&#8217;ימיילית לארגון אימיילים בתיקיות. בשינוי האחרון שעשו בג&#8217;ימייל, כשאיפשרו drag and drop של אימיילים לתוך תוויות, עשו בג&#8217;ימייל כמה דברים נכונים כדי לאפשר לפיצ&#8217;ר להיקלט בהצלחה. הם גם פיספסו קצת, לפחות איתי, על כך עוד מעט.</p>
<p>בתור אחד משירותי התוכנה הגדולים בעולם, לפחות מבחינת כמות המשתמשים, בג&#8217;ימייל אי אפשר להעביר שינוי משמעותי במערכת בלי לעזור למשתמשים לעכל אותו. קהל היעד רחב מאוד ובעל מגוון גדול של יכולות וידע בהפעלת מחשב, ולכן העזרה היא לא אופציונאלית, היא הכרח המציאות. מי שנכנס לג&#8217;ימייל בימים האחרונים, ראה את המסך הבא:</p>
<p><img class="alignnone size-full wp-image-3077" style="border: 1px solid black;" src="http://www.holesinthenet.co.il/wp-content/uploads/2009/07/labels_promo.jpg" alt="labels_promo" width="525" height="344" /></p>
<p>ג&#8217;ימייל מעדכן אותנו לגבי שני דברים:</p>
<ol>
<li>אפשר לגרור הודעות אל התוויות שמשמאל</li>
<li>התוויות עלו למעלה, ועכשיו הם צמודות לרשימת התיקיות &#8211; Inbox, Sent וכו&#8217;.</li>
</ol>
<p>בעיני יש בהודעה כפי שהם עיצבו אותה כמה דברים שראוי ללמוד מהם:</p>
<ul>
<li><strong>אי אפשר לפספס אותה</strong>:<strong> </strong>זו תוספת שמקלה בצורה משמעותית על מי שמתייק אימיילים בתיקיות, וחשוב שמשתמשים כאלה ידעו.</li>
<li><strong>האיורים שבה מצויינים:</strong> הם קטנים, תמציתיים וברורים &#8211; כמעט (הסבר בסוף).</li>
<li><strong>הטקסט שלה קצר וברור:</strong> &#8220;מוטת תשומת הלב&#8221; שלנו, או יכולת הקשב (attention span), הולכת ומצטמצמת יחד עם האינפלציה האימתנית בכמויות וקצב המידע שזורם אלינו, ברשת ובמדיה. טקסט קצר מעלה את הסיכויים שהוא ייקרא, ו-לא, אני לא עומד לדבּר על טוויטר!</li>
<li><strong>הצ&#8217;ופצ&#8217;יק של הקומקום:</strong> החץ של ההודעה מצביע שמאלה בדיוק על האיזור הרלוונטי בממשק.</li>
</ul>
<p>לא הכל ורוד &#8211; עולות גם כמה שאלות לגבי הדרך שבחרו:</p>
<ul>
<li><strong>איך להודיע &#8211; בממשק או כהודעה:</strong> האם זו הדרך הטובה ביותר להודיע על שינוי בממשק? בתוך הממשק עצמו? אולי היה יותר טוב לשלוח אימייל לכל המשתמשים, כי כך הם רגילים לקבל הודעות? זה מה שמייקרוסופט נוהגים לעשות ב-Hotmail.</li>
<li><strong>מידע נוסף חסר: </strong>האם לא היה נכון לתת לינק שמסביר מה הן תוויות ולמה הן טובות, עבור מי שלא מכיר?</li>
<li><strong>קישור מיותר(?)</strong>: האם הלינק Manage Labels לא מסיט את המשתמש מלנסות את הפיצ&#8217;ר החדש כשהוא עוד זוכר אותו? האם הוא לא גונב פוקוס?</li>
</ul>
<p>הם גם הוסיפו, לטובת מי שלא שם לב, הודעה משנית על הפיצ&#8217;ר באיזור של התוויות (Tip) &#8211; חיזוק מוצלח להודעה הראשית:</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-3078" style="border: 1px solid black;" src="http://www.holesinthenet.co.il/wp-content/uploads/2009/07/tip.jpg" alt="Tip" width="199" height="381" /></p>
<h3>מזמינוּת Affordance</h3>
<p style="text-align: right;">בפיצ&#8217;ר הזה השתמשו בג&#8217;ימייל במה שנקרא באנגלית affordance ומילון מורפיקס מתרגם ל&#8221;<a href="http://milon.morfix.co.il/?q=affordance" target="_blank">מזמינוּת</a>&#8220;. המושג מוכר מתחומים שונים, וזה היה <a href="http://www.jnd.org/" target="_blank">דון נורמן</a> בספר המצויין שלו &#8220;<a href="http://www.amazon.com/Psychology-Everyday-Things-Donald-Norman/dp/0465067093" target="_blank">The Psychology of Everyday Things</a>&#8221; שנתן את המשמעות שלו בממשק אדם-מחשב. הכוונה לריבועים הקטנים שנוספו בהתחלת כל שורה של אימייל:</p>
<p style="text-align: right;"><img class="alignnone size-full wp-image-3080" style="border: 1px solid black;" src="http://www.holesinthenet.co.il/wp-content/uploads/2009/07/affordance.jpg" alt="affordance" width="84" height="62" /></p>
<p style="text-align: right;">הריבועים הללו הם רמז ויזואלי לעובדה שאפשר &#8220;לתפוס&#8221; את את השורה בעזרת העכבר, ולגרור אותה שמאלה. בהודעה שהם העלו כדי להודיע על הפיצ&#8217;ר, הם גם מראים את סמן העכבר בצורה של יד מעל הריבועים, כפי שקורה גם בממשק, כדי לעזור לנו להבין שאפשר לגרור. ובכל זאת, אני פיספסתי אותם לגמרי. ניסיתי לגרור שורת הודעה הצידה, ושוב ושוב נכנסתי להודעה עצמה, ולא גררתי כלום. איך זה קרה?</p>
<p style="text-align: right;">שלושה דברים גרמו לזה. האחד &#8211; לא קראתי לעומק מה הם כתבו בהודעה על הפיצ&#8217;ר החדש, ולא הסתכלתי על האיור. קראתי &#8220;drag messages onto labels&#8221;, לחצתי OK ומייד רצתי לנסות את זה. <a href="http://www.usable.co.il/archives/109" target="_blank">אנשים לא קוראים כלום</a>, זה לא חדש.</p>
<p style="text-align: right;">השני &#8211; היד באיור מסתירה את הריבועים, כך שבמבט שטחי כמו שלי, לא קולטים שהיד על הריבועים. היה אפשר למקם את היד באיור מעט נמוך יותר.</p>
<p style="text-align: right;">את השלישי לקח לי קצת זמן לפצח. הממשק של ג&#8217;ימייל מגיב באופן לגמרי לא סטנדרטי לרשימות ללחיצה של כפתור העכבר (MouseDown) ולא לשחרור שלו (MouseUp או Click). אם הם היו מגיבים לשחרור הכפתור, הם היו יכולים לזהות נסיון גרירה כשלוחצים על העכבר, ואז מתכנני המוצר יכלו לבחור: או פשוט לגרור את ההודעה (הכי טוב!) או להעלות הודעה שמסבירה שהגרירה נעשית באמצעות הריבועים שבצד. זה מסוג הבעיות שבדיקות משתמשים בדרך-כלל מגלות, בטח עם כמות המשתמשים שיש לג&#8217;ימייל.</p>
<h3>סיכום</h3>
<p style="text-align: right;">בסך-הכל, תוספת מצויינת שמקצרת תהליכים עבור כל אוהבי הסדר בעולם, שחייבים לתייק (אתם יודעים מי אתם! <img src='http://www.holesinthenet.co.il/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' />  )</p>
<blockquote>
<h4><strong><a href="http://www.usable.co.il"><br />
פשוט.שימושי</a> הוא הבלוג המקצועי שלי &#8211; אם אתם בעניין של ממשק משתמש, שמישות או שימושיות, אתם מוזמנים.<br />
</strong></p>
<p><strong> </strong></h4>
</blockquote>
<p>  ></p>
]]></content:encoded>
			<wfw:commentRss>http://www.holesinthenet.co.il/archives/3076/feed</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic
Page Caching using disk: enhanced
Database Caching using disk: basic
Object Caching 371/420 objects using disk: basic

Served from: www.holesinthenet.co.il @ 2012-02-09 23:28:46 -->
