<?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>&#8235;פשוט. שימושי &#187; ביקורות אתרים&#8236;</title>	<atom:link href="http://www.usable.co.il/archives/category/sites/feed" rel="self" type="application/rss+xml" />
	<link>http://www.usable.co.il</link>
	<description>&#8235;על אנשים, מחשבים, והמסכים שביניהם. שימושיות וממשק משתמש.&#8236;</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>
			<item>
		<title>&#8235;אורנג&#039;: שירות ברמה שלא היכרתם?&#8236;</title>		<link>http://www.usable.co.il/archives/3280</link>
		<comments>http://www.usable.co.il/archives/3280#comments</comments>
		<pubDate>Wed, 16 Jun 2010 11:35:11 +0000</pubDate>
		<dc:creator>&#8235;barak&#8236;</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>]]></content:encoded>			<wfw:commentRss>http://www.usable.co.il/archives/3280/feed</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>&#8235;עברית קשה שפה: שיעור בלשון ובתכנון בטפסים באתר אורנג&#039;&#8236;</title>		<link>http://www.usable.co.il/archives/3162</link>
		<comments>http://www.usable.co.il/archives/3162#comments</comments>
		<pubDate>Fri, 30 Apr 2010 05:46:37 +0000</pubDate>
		<dc:creator>&#8235;barak&#8236;</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>]]></content:encoded>			<wfw:commentRss>http://www.usable.co.il/archives/3162/feed</wfw:commentRss>
		<slash:comments>17</slash:comments>
		</item>
		<item>
		<title>&#8235;תבנית סלחנית Forgiving Format&#8236;</title>		<link>http://www.usable.co.il/archives/3027</link>
		<comments>http://www.usable.co.il/archives/3027#comments</comments>
		<pubDate>Sun, 14 Mar 2010 12:17:30 +0000</pubDate>
		<dc:creator>&#8235;barak&#8236;</dc:creator>				<category><![CDATA[ביקורות אתרים]]></category>
		<category><![CDATA[בית-הספר לשמישות]]></category>
		<category><![CDATA[דפוסי עיצוב]]></category>
		<category><![CDATA[חוויית המשתמש UX]]></category>

		<guid isPermaLink="false">http://www.usable.co.il/?p=3027</guid>
		<description><![CDATA[&#8235;
כשמקלידים מידע בטופס, נדרשים לא פעם להכניס מספרים בתבנית מסויימת: מספר טלפון חייב קידומת, כרטיסי אשראי צריך לפעמים להפריד לקבוצות של 4 ולפעמים לא, תאריכים צריך להכניס עם קו נטוי אבל לפעמים עם נקודה וכן הלאה.
&#34;תבנית סלחנית&#34;, באנגלית forgiving format, הוא עקרון עיצוב פשוט, שאומר: תנו למשתמשים להקליד מה שהם רוצים, ונסו להסתדר לבד עם [...]&#8236;]]></description>			<content:encoded><![CDATA[<div dir="rtl"><p><img class="size-full wp-image-3042 alignright" style="margin: 0px 0px 20px 20px" title="אני סולחת לך, בן" src="http://www.usable.co.il/wp-content/uploads/2010/03/forgive.jpg" alt="אני סולחת לך, בן" width="108" height="127" /></p>
<p>כשמקלידים מידע בטופס, נדרשים לא פעם להכניס מספרים בתבנית מסויימת: מספר טלפון חייב קידומת, כרטיסי אשראי צריך לפעמים להפריד לקבוצות של 4 ולפעמים לא, תאריכים צריך להכניס עם קו נטוי אבל לפעמים עם נקודה וכן הלאה.</p>
<p>&quot;תבנית סלחנית&quot;, באנגלית forgiving format, הוא עקרון עיצוב פשוט, שאומר: תנו למשתמשים להקליד מה שהם רוצים, ונסו להסתדר לבד עם מה שהם נתנו. <strong>תסלחו להם על טעויות קטנות</strong>, אם אפשר. מכאן השם &#8211; תבנית סלחנית.</p>
<p><span id="more-3027"></span></p>
<h2 style="clear:both">דברים קטנים אבל מעצבנים</h2>
<p>הכותרת הזו היא השם של מערכון משעשע של דודו טופז ז&quot;ל, מאותה תוכנית שהיה בה מערכון &quot;<a href="http://www.youtube.com/watch?v=lPdx9Fabylk" target="_blank">משה והאורנג'דה</a>&quot; המפורסם, פליטת פה. אח, אח, שנות ה-80. בטפסים יש שפע של דברים קטנים ומעצבנים, ותבנית סלחנית עוזרות להתגבר על חלק מהם.</p>
<p>הנה דוגמה לתבנית <strong>לא סלחנית </strong>מתוך המערכת <a href="http://flex.co.il">flex</a> הישראלית לניהול חשבונות:</p>
<div id="attachment_3029" class="wp-caption aligncenter" style="width: 410px"><img class="size-full wp-image-3029 " style="border: 0pt none;" title="תבנית לא סלחנית" src="http://www.usable.co.il/wp-content/uploads/2010/03/checkdate.png" alt="תבנית לא סלחנית" width="400" height="162" /><p class="wp-caption-text">flex. לא סולחת ולא שוכחת.</p></div>
<p style="text-align: right;">למקרה שלא הבנתם את הודעת השגיאה, הייתי צריך להקליד כאן 11/<span style="color: #008000;"><strong>0</strong></span>3/2010 ולא 11/3/2010. ברור, לא? כמה היה עולה לתכנת שדה שיודע להבין גם 11/3/2010 ולא רק 11/03/2010? שלא לדבר על 11-3-10 או 11.3.10. במקרה של flex הטעות חמורה אפילו יותר, כי יש כאן מקום להזנת תאריך, אבל אי אפשר לבחור מלוח שנה כמקובל בשדות תאריך. כך שכל מי שרוצה להזין תאריך לעשות את זה לפי איך שהמתכנת של השדה הזה הסכים לקבל תאריכים &#8211; his way or the highway.</p>
<p style="text-align: right;">בקצה השני של הסקלה: Google Maps. אפשר להזין שם של מקום בכל צורה שהיא, והוא ינסה להבין מה הכוונה. שם של מקום הוא הרבה יותר מסובך מתאריך, וכדי להבין אותו כראוי נדרשים הרבה יותר משאבי פיתוח. שימו לב שכתבתי <strong>יור</strong>שלים ולא <strong>ירו</strong>שלים, ועדיין קיבלתי תוצאה.</p>
<div id="attachment_3030" class="wp-caption aligncenter" style="width: 609px"><img class="size-full wp-image-3030" title="תחנה מרכזית יורשלים" src="http://www.usable.co.il/wp-content/uploads/2010/03/merkazit.png" alt="merkazit" width="599" height="343" /><p class="wp-caption-text">גם טדי קולק ז&quot;ל היה מסתדר עם המפות של גוגל, יוּרשלים</p></div>
<h2>תאריכים סלחניים</h2>
<p>ב-Outlook יש דוגמה מצויינת לתבנית סלחנית לתאריך. אם אני רוצה לקבוע פגישה ליום רביעי הקרוב, אני יכול להשתמש בתאריך מובנה:</p>
<ul>
<li>17-3-2010</li>
<li>17/3/2010</li>
<li>17.03.2010</li>
</ul>
<p>אני יכול להשתמש בתאריך מקוצר:</p>
<ul>
<li>17/3</li>
<li>17</li>
</ul>
<p>וגם ביום:</p>
<ul>
<li>Wednesday</li>
<li>Wed</li>
</ul>
<p>אפשר גם ברביעי הבא:</p>
<ul>
<li>Wed Week</li>
<li>Wed W</li>
</ul>
<p>וכן הלאה. כמה זה מסובך לתכנן ולתכנת את זה? לא מאוד. וזה יכול לעבוד בכל שדה תאריך.</p>
<p>ב-Google Calendar לקחו את זה עוד צעד, ונתנו לקבוע את כל פרטי הפגישה דרך שדה טקסט אחד. הם גם נותנים, כמובן, לכתוב קיצורים ולהשתמש בתבניות וניסוחים שונים. שני הניסוחים האלה יעבדו וייצרו את אותה הפגישה:</p>
<ul>
<li>Dinner with John tonight at 19:00</li>
<li>Dinner at 19:00 with John</li>
<li>7pm dinner with John</li>
</ul>
<div id="attachment_3037" class="wp-caption aligncenter" style="width: 426px"><img class="size-full wp-image-3037" title="הוספה מהירה בלוח השנה של גוגל" src="http://www.usable.co.il/wp-content/uploads/2010/03/quickadd.png" alt="הוספה מהירה בלוח השנה של גוגל" width="416" height="88" /><p class="wp-caption-text">הוספה מהירה בלוח השנה של גוגל</p></div>
<h2>עמודי נחיתה סולחים בקלות</h2>
<p>בטפסים שמופיעים בעמודי נחיתה (landing pages) יהיה בדרך-כלל שימוש נרחב בתבנית סלחנית. עמודי נחיתה הם כאלה שמגיעים אליהם כשמקליקים על באנרים פרסומיים ולפעמים גם מתוצאות חיפוש בגוגל. דיברתי עליהם כאן בפודקאסט לפני כמה שבועות עם תמיר, <a href="http://www.usable.co.il/archives/2872">אתם יכולים להקשיב</a>.</p>
<p>הסיבה שטפסים בעמודי נחיתה ישתמשו בדרך-כלל בתבנית סלחנית היא די ברורה: המטרה שלהם היא לאסוף מידע מהמשתמשים שהגיעו אליהם. הם לא רוצים לשים שום מכשול בפני המשתמשים בתהליך מסירת המידע, ולכן יעשו הכל כדי שהזנת המידע תעבור חלק. הנה למשל דוגמה מפרסומת:</p>
<div id="attachment_3033" class="wp-caption aligncenter" style="width: 335px"><img class="size-full wp-image-3033" title="טופס בעמוד נחיתה שאוכל הכל (כמעט)" src="http://www.usable.co.il/wp-content/uploads/2010/03/ad1.png" alt="ad1" width="325" height="220" /><p class="wp-caption-text">טופס בעמוד נחיתה שאוכל הכל (כמעט)</p></div>
<p style="text-align: right;">
<p style="text-align: right;">תאמינו או לא, אבל הטופס קיבל את התוכן הזה כתקין. אני לא יודע אם הייתי הולך כל-כך רחוק, מספר הטלפון פה הוא שגוי באופן ברור, אבל מצד שני &#8211; חלק התוכנה שבודק את תקינות השדות לא יכול לדעת, אולי המשתמש הזין אימייל תקין וקשקש משהו סתם בטלפון כי הוא לא רוצה שייפנו אליו באמצעות הטלפון?</p>
<p style="text-align: right;">במקרה שלמעלה הפרסומת היא לדירת יוקרה; פרטים על מתעניינים רלוונטיים (leads) שווים הרבה כסף, ובשביל להגיע אליהם מוכנים גם <strong>להשקיע בסינון אנושי </strong>של פרטי הפונים הלא-רלוונטיים. לכן הבחירה של המתכנת או המעצב כאן, לקבל את הטלפון הזה כתקין, היא נכונה בעיני.</p>
<h3 style="text-align: right;">לבחור קידומת טלפון מרשימה? למה?</h3>
<p style="text-align: right;">יש עמודי נחיתה שעושים את זה פחות טוב:</p>
<p style="text-align: right;">
<div id="attachment_3034" class="wp-caption aligncenter" style="width: 346px"><img class="size-full wp-image-3034" title="למה צריך לבחור את הקידומת מרשימה?" src="http://www.usable.co.il/wp-content/uploads/2010/03/ad2.png" alt="למה צריך לבחור את הקידומת מרשימה?" width="336" height="115" /><p class="wp-caption-text">למה צריך לבחור את הקידומת מרשימה?</p></div>
<p>למה להכריח את המשתמש לעבור לעכבר (או להשתמש בקיצור מקלדת &#8211; למי שידוע) כדי לפתוח את הרשימה, לבחור את הקידומת הנכונה ואז להשלים את שאר המספר בהקלדה. הרי הרבה יותר קל ואינטואיטיבי לנו פשוט להקליד את 10 הספרות של הטלפון שלנו, אולי עם &#8211; מפריד או סוגריים, ולהמשיך הלאה. נראה שמי שתכנן את הטופס הזה פשוט העתיק מאיזה מקום אחר שגם עשה כזה, בלי לחשוב על מי שישתמש בזה.</p>
<p>בכלל, לבחור קידומת טלפון מרשימה זה רעיון גרוע, אל תעשו את זה. אפשר תמיד לבדוק אם הקידומת של הטלפון תקינה אחרי ההקלדה.</p>
<p>ולמה הפרוייקט הוא טקסט חופשי? דווקא כאן היה נכון לתת לבחור ולא טקסט החופשי. הדף שהטופס מופיע בו מציג כמה פרויקטים, אין שום סיבה לבחון את הבנת הנקרא של המשתמשים&#8230;</p>
<h2>תבנית סלחנית &#8211; דפוס עיצוב</h2>
<p>הזכרתי כאן <a href="http://uxi.org.il/quick/design-patterns">דפוסי עיצוב</a>, Design Patterns, לא פעם בעבר. אפשר לשמוע על הנושא ב<a href="http://www.usable.co.il/archives/2892">פודקאסט על דפוסי עיצוב</a> שבו שוחחתי עם רן לירון. &quot;תבנית סלחנית&quot; הוא דפוס עיצוב חשוב, ואפשר למצוא עוד דוגמאות שלו באתרי דפוסי העיצוב השונים:</p>
<ul>
<li>ב-<a href="http://quince.infragistics.com/#/Search/ViewPattern$pattern=Forgiving+Format">Quince</a></li>
<li>ב-<a href="http://ui-patterns.com/pattern/ForgivingFormat" target="_blank">UI-Patterns</a></li>
<li>ב-<a href="http://designinginterfaces.com/Forgiving_Format">Designing Interfaces</a> (האתר של הספר)</li>
<li><a href="http://uxi.org.il/quick/design-patterns" target="_blank">ב-UXI עוד אין</a>, אבל יהיה בקרוב&#8230; ויש שם גם כמה דפוסי עיצוב אחרים.</li>
</ul>
</div>]]></content:encoded>			<wfw:commentRss>http://www.usable.co.il/archives/3027/feed</wfw:commentRss>
		<slash:comments>16</slash:comments>
		</item>
		<item>
		<title>&#8235;קוּטֶרָפְּיָה: הממשקים הישראליים שהכי תסכלו אתכם&#8236;</title>		<link>http://www.usable.co.il/archives/2969</link>
		<comments>http://www.usable.co.il/archives/2969#comments</comments>
		<pubDate>Tue, 16 Feb 2010 18:13:40 +0000</pubDate>
		<dc:creator>&#8235;barak&#8236;</dc:creator>				<category><![CDATA[ביקורות אתרים]]></category>
		<category><![CDATA[בית-הספר לשמישות]]></category>
		<category><![CDATA[דיונים]]></category>
		<category><![CDATA[ממשק המשתמש UI]]></category>

		<guid isPermaLink="false">http://www.usable.co.il/?p=2969</guid>
		<description><![CDATA[&#8235;זה קרה לכולנו. נכנסו לעשות משהו באתר של הבנק, באתר של קופת החולים, לקבל הצעת מחיר על ביטוח, להגיש קורות חיים ו&#8230; נתקלנו בקיר לבנים. לא הצלחנו לעשות את מה שרצינו לעשות, ולא הבנו במה חטאנו ובמה פשענו.
קוּטֶרָפְּיָה = קיטוּר + תרפיה
זאת ההזדמנות שלכם לספר על זה לחבר'ה, ולפרוק את התסכול. לקטר ולהרגיש קצת יותר [...]&#8236;]]></description>			<content:encoded><![CDATA[<div dir="rtl"><p><img class="alignright size-full wp-image-2970" style="margin-left: 20px;;" title="תסכול: בואו לפרוק אותו" src="http://www.usable.co.il/wp-content/uploads/2010/02/frustration.jpg" alt="תסכול: בואו לפרוק אותו" width="108" height="81" />זה קרה לכולנו. נכנסו לעשות משהו באתר של הבנק, באתר של קופת החולים, לקבל הצעת מחיר על ביטוח, להגיש קורות חיים ו&#8230; <strong>נתקלנו בקיר לבנים</strong>. לא הצלחנו לעשות את מה שרצינו לעשות, ולא הבנו במה חטאנו ובמה פשענו.</p>
<h3><strong>קוּטֶרָפְּיָה = קיטוּ</strong>ר + תרפיה</h3>
<p>זאת ההזדמנות שלכם לספר על זה לחבר'ה, ולפרוק את התסכול. לקטר ולהרגיש קצת יותר טוב &#8211; הנה, הוצאתם את זה. אני <a href="http://www.usable.co.il/archives/2921" target="_blank">עושה את זה כאן</a> מדי פעם, ועכשיו <strong>אני מפנה את הבמה לכם</strong>.</p>
<p><span id="more-2969"></span></p>
<h3>איך מקטרים?</h3>
<p>זה קל &#8211; מוסיפים תגובה כאן למטה. אם יש לכם צילומי מסך מפלילים, תשלחו אותם אלי ל-barak@usable.co.il, ואוסיף אותם כאן. זה חייב להיות <strong>ישראלי</strong>, רק <strong>משהו שאתם חוויתם</strong>, והקיטור <strong>חייב להיות אמיתי </strong>- תסבירו <span style="color: #008000;"><strong>למה </strong></span>זה כל-כך תסכל אתכם, <strong><span style="color: #008000;">ומה עשיתם כדי להתגבר</span> </strong>על המכשול שהאתר או המערכת הציבו בפניכם.</p>
<p>קדימה. <span style="color: #333333;"><strong>הבמה שלכם.</strong></span></p>
<p>תודה ל<a href="../archives/2921/comment-page-1#comment-748" target="_blank">יוסי</a> על ההשראה.</p>
<h2>האתרים שלכם</h2>
<h3>גיל: אתר התשלומים של הביטוח הלאומי</h3>
<p><a href="https://b2b.btl.gov.il/b2b/framesetlogonanonymous.asp" target="_blank">האתר</a></p>
<ol>
<li><strong>אתר כשר:</strong> &quot;סגור בשבת….&quot;</li>
<li><strong>לא מדברים עם שועלים: </strong>&quot;עובד רק באינטרנט אקספלורר&quot;</li>
<li><strong>התעלמות מסטנדרטים: </strong>&quot;לא אחת כי אם שתי קאפצות במהלך העלאת טופס לתשלום&quot;</li>
<li><strong>שימוש בחלונות מודאליים: </strong>&quot;פותח חלון נפרד לתשלום, בסוף תהליך התשלום חוזר לעמוד הראשי בחלון הנפרד&quot;</li>
</ol>
<h3><a href="https://b2b.btl.gov.il/b2b/framesetlogonanonymous.asp"><img class="aligncenter size-full wp-image-2979" title="אתר התשלומים של הביטוח הלאומי" src="http://www.usable.co.il/wp-content/uploads/2010/02/btl1.gif" alt="אתר התשלומים של הביטוח הלאומי" width="578" height="163" /></a></h3>
<h3>נופר: רשות המיסים בישראל</h3>
<p>&quot;אני בעצמי מתעסקת בתחום האינטרנט, עיצוב, בנייה וכו'. אני מחשיבה עצמי למשתמשת מתקדמת, ורק יכולה לתהות מה מרגישים אנשים אחרים עם פחות נסיון בתחום.&quot;</p>
<p><a href="http://www.finance.gov.il/taxes/" target="_blank">האתר</a></p>
<p style="text-align: center;"><a href="http://www.finance.gov.il/taxes/"><img class="aligncenter size-full wp-image-2982" title="רשות המסים בישראל" src="http://www.usable.co.il/wp-content/uploads/2010/02/tax2.gif" alt="רשות המסים בישראל" width="550" height="254" /></a></p>
<ol>
<li><strong>לא מדברים עם שועלים:</strong> &quot;המון באגים אלא אם גולשים עם אקספלודר וגם אז זה רחוק ממושלם.&quot;
<p><div id="attachment_2981" class="wp-caption aligncenter" style="width: 430px"><img class="size-full wp-image-2981  " title="איך מכניסים מספר תיק פה?" src="http://www.usable.co.il/wp-content/uploads/2010/02/tax1.gif" alt="איך מכניסים מספר תיק פה?" width="420" height="169" /><p class="wp-caption-text">איך מכניסים מספר תיק פה?</p></div></li>
<li><strong>PDF במקום דפי אינטרנט רגילים:</strong> &quot;האתר כבד, עמוס וגדוש ב-PDFים מעיקים.&quot;</li>
<li><strong>אין חיפוש: </strong>&quot;למרות כמות המידע המפלצתית שיש באתר, אין בו אפשרות חיפוש. צריך פשוט לסרוק את כל המידע לבד ולקוות לטוב.&quot;</li>
<li><strong>ארכיטקטורת מידע לקויה: &quot;</strong>מיון המידע והטפסים עשוי באופן מוזר שנשגב מבינתי. לפעמים אני מוצאת עצמי מחפשת טופס כלשהו דקות ארוכות (במקרה הטוב) וגם אז לא בטוחה שמצאתי את הטופס הנכון, כי אין הסברים מפורטים.&quot;</li>
<li><strong>התעלמות מסטנדרטים: </strong>&quot;הלוגו הוא לא לינק לדף הבית (ובכלל איך חוזרים לדף הבית?).&quot;</li>
</ol>
</div>]]></content:encoded>			<wfw:commentRss>http://www.usable.co.il/archives/2969/feed</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>&#8235;די לכפתורי &quot;נקה טופס&quot;!&#8236;</title>		<link>http://www.usable.co.il/archives/2921</link>
		<comments>http://www.usable.co.il/archives/2921#comments</comments>
		<pubDate>Mon, 08 Feb 2010 23:10:29 +0000</pubDate>
		<dc:creator>&#8235;barak&#8236;</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=2921</guid>
		<description><![CDATA[&#8235;תשבעו בכל היקר לכם שזה לא קרה לכם אף-פעם: מילאתם טופס באתר כלשהו, התכוונתם ללחוץ על &#34;שלח&#34; ולחצתם בטעות על &#34;נקה טופס&#34;. אין פה שום דבר חדש, נילסן כבר דיבר על זה לפני 10 שנים. גם קארוליין ג'ארט, גברת טפסים, כתבה עליהם ב-2004, למרות שהיא באופן מוזר היתה סבורה שיועצי שמישות אוהבים את הממזרים האלה [...]&#8236;]]></description>			<content:encoded><![CDATA[<div dir="rtl"><p><a href="http://www.usable.co.il/archives/2921"><img class="alignright size-full wp-image-2941" style="margin-left: 20px;" title="תפסיקו לנקות לנו את הטפסים!" src="http://www.usable.co.il/wp-content/uploads/2010/02/clean_icon.jpg" alt="תפסיקו לנקות לנו את הטפסים!" width="107" height="69" /></a>תשבעו בכל היקר לכם שזה לא קרה לכם אף-פעם: מילאתם טופס באתר כלשהו, התכוונתם ללחוץ על &quot;שלח&quot; ולחצתם בטעות על &quot;נקה טופס&quot;. אין פה שום דבר חדש, נילסן כבר דיבר על זה <a href="http://www.useit.com/alertbox/20000416.html" target="_blank">לפני 10 שנים</a>. גם <a href="http://www.usabilitynews.com/news/article1944.asp" target="_blank">קארוליין ג'ארט</a>, גברת טפסים, כתבה עליהם ב-2004, למרות שהיא באופן מוזר היתה סבורה שיועצי שמישות אוהבים את הממזרים האלה (NOT!). הכפתורים האלה מיותרים לחלוטין, וצריכים להיעלם מהעולם.</p>
<p>אז איך זה שעדיין מסתובבים חופשי טפסים עם כפתור &quot;נקה&quot;? <strong> </strong></p>
<p><strong>כן, אני מתכוון גם כאן, אצלנו. באתרים של רוב הגדולים.</strong></p>
<p><span id="more-2921"></span></p>
<h2><img class="aligncenter size-full wp-image-2922" title="כאן נטמן כפתור &quot;נקה&quot;" src="http://www.usable.co.il/wp-content/uploads/2010/02/tomb.jpg" alt="כאן נטמן כפתור &quot;נקה&quot;" width="550" height="402" /></h2>
<h2>מאיפה בא ה&quot;נקה&quot; הזה?</h2>
<p>כשהמציאו את סטנדרט ה-HTML 2.0 הכניסו פנימה את סוג הכפתור הזה &#8211; RESET. אפשר לכלול אותו בכל טופס בלי מאמץ, זה דורש רק שורה אחת של קוד, והופ &#8211; קיבלנו כפתור פלאים שיודע למחוק את כל התוכן בטופס. אבל למה זה טוב? <strong>מתי באמת צריך למחוק את כל התוכן בטופס?</strong> הסיכוי למחוק משהו בטעות הרבה יותר גדול מאשר שמישהו יצטרך למחוק את כל מה שכתב.</p>
<h3>עוד כפתור = עוד עבודה</h3>
<p>בארי שוורץ מדבר בשיחה מצויינת ב-TED על <a href="http://blog.ted.com/2008/08/archive_barry_s.php" target="_blank">פרדוקס הבחירה</a> (רוצו לראות אם עוד לא עשיתם את זה). ככל שיש לנו יותר בחירה, כך יותר קשה לנו. כשאנחנו צריכים לבחור בין כפתור &quot;שלח&quot; לבין כפתור &quot;נקה&quot;, אנחנו צריכים להשקיע מאמץ בפענוח של מידע &#8211; מה כתוב עליהם? מה הפעולה שאני רוצה לעשות עכשיו?</p>
<p>הנה דוגמה מאלפת מבית NRG &#8211; זה מהטופס של &quot;המייל האדום&quot;.</p>
<p style="text-align: right;"><a href="http://www.nrg.co.il/Scripts/ScoopMail/scoopmail.html?c=1" target="_blank"><img class="aligncenter size-full wp-image-2925" style="border: 1px solid black;" title="clean" src="http://www.usable.co.il/wp-content/uploads/2010/02/clean1.jpg" alt="clean" width="509" height="579" /></a></p>
<p style="text-align: right;">NRG הגדילו לעשות והוסיפו לנו גם כפתור &quot;נקה&quot; וגם כפתור &quot;סגור&quot;. זה הופך את שליחת המייל האדום לסוג של מבחן אינטליגנציה, או לפחות מבחן עומס קוגניטיבי וקשב. אם אתם לא מרוכזים, לא תשלחו לנו סקופים, מה תגידו על זה? כמובן שלחיצה על &quot;סגור&quot; או &quot;נקה&quot; לא נותנת התראה לפני שאנחנו מאבדים את כל מה שכתבנו.</p>
<p style="text-align: right;">חוץ מעניין כפתור ה&quot;נקה&quot;, אגב, יש פה עוד <strong>כמה חוקי שמישות חשובים שנשברו</strong>:</p>
<ul>
<li>בחירת הקידומת נמצאת הרחק הרחק ממספר הטלפון</li>
<li>תיבת מספר הטלפון ענקית ביחס לכמות התוכן שאנחנו צריכים להזין בה (אבל זה יושב יפה מבחינה גראפית, לכאורה &#8211; הכל באותו רוחב).</li>
<li>בקישור שפותח את החלון כתוב &quot;המייל האדום&quot; עם אייקון של מעטפה, אבל בראש החלון הכותרת היא &quot;סקופ מייל&quot; ואין זכר למעטפה.</li>
<li>הטופס מופיע בחלון דפדפן חדש, במקום להשתמש בחלון על גבי אותו דף (כזה שיש לו צבע אפור חצי-שקוף ברקע) כמקובל היום.</li>
</ul>
<p><a href="http://www.nrg.co.il/" target="_blank"><img class="alignnone size-full wp-image-2947" style="border: 1px solid black;" title="adom" src="http://www.usable.co.il/wp-content/uploads/2010/02/adom.jpg" alt="adom" width="103" height="32" /></a></p>
<h3>עוד דוגמאות מהנוף המקומי</h3>
<p><strong>ב<a href="http://www.fnx.co.il/Services/Contact+us/Contactus" target="_blank">פניקס הישראלי</a> </strong>מתנוסס לו כפתור &quot;נקה&quot; גדול וגאה בתחתית טופס יצירת הקשר. אין שום התראה לפני שהכל נמחק. אופס!</p>
<p style="text-align: center;"><a href="http://www.fnx.co.il/Services/Contact+us/Contactus" target="_blank"><img class="aligncenter size-full wp-image-2930" title="fnx" src="http://www.usable.co.il/wp-content/uploads/2010/02/fnx.jpg" alt="fnx" width="464" height="396" /></a></p>
<p style="text-align: right;"><strong> </strong></p>
<p style="text-align: right;"><strong>ב<a href="https://www.meuhedet.co.il/meuhedet/views/engine?rnd=0.5029018622711253&amp;templateName=meuhedetMenu.txt&amp;idorItemId=topMenu&amp;menuBarView=menu&amp;menuBarSubjectParam=null&amp;menuBarOpenCategoryParam=&amp;menuBarStartMenuParam=subSubject&amp;formView=formLink&amp;formLinkParam=userOffLine&amp;formFormTypeParam=6&amp;mainView=article&amp;mainId=&amp;mainSubjectParam=null&amp;mainFormTypeParam=6&amp;headerFlashParam=idkun" target="_blank">קופת חולים מאוחדת</a> </strong>יש החלטה עיצובית עקבית: בכל הטפסים יש כפתורי &quot;נקה&quot; ו&quot;שלח&quot; אחד ליד השני.</p>
<p style="text-align: right;"><a href="https://www.meuhedet.co.il/meuhedet/views/engine?rnd=0.5029018622711253&amp;templateName=meuhedetMenu.txt&amp;idorItemId=topMenu&amp;menuBarView=menu&amp;menuBarSubjectParam=null&amp;menuBarOpenCategoryParam=&amp;menuBarStartMenuParam=subSubject&amp;formView=formLink&amp;formLinkParam=userOffLine&amp;formFormTypeParam=6&amp;mainView=article&amp;mainId=&amp;mainSubjectParam=null&amp;mainFormTypeParam=6&amp;headerFlashParam=idkun" target="_blank"><img class="aligncenter size-full wp-image-2931" title="meuhedet" src="http://www.usable.co.il/wp-content/uploads/2010/02/meuhedet.jpg" alt="meuhedet" width="380" height="101" /></a></p>
<p style="text-align: right;"><strong> </strong></p>
<p style="text-align: right;"><a href="http://www.clalit.co.il/HE-IL/expresslane.htm" target="_blank"><strong>בכללית</strong> </a>יש מסלול אקספרס (ככה נקרא הדף) שמוביל ישירות לכפתור ה&quot;נקה טופס&quot;.</p>
<p style="text-align: right;"><a href="http://www.clalit.co.il/HE-IL/expresslane.htm" target="_blank"><img class="aligncenter size-full wp-image-2933" title="קופת חולים כללית" src="http://www.usable.co.il/wp-content/uploads/2010/02/clalit.jpg" alt="קופת חולים כללית" width="374" height="137" /></a></p>
<p style="text-align: right;"><strong> </strong></p>
<p style="text-align: right;"><strong>ב-<a href="http://www.gov.il/FirstGov/BottomNav/contact_form" target="_blank">gov.il</a></strong> (גידי, מה קורה?), בטופס יצירת קשר &#8211; כן, ניחשתם נכון.</p>
<p style="text-align: right;"><a href="http://www.gov.il/FirstGov/BottomNav/contact_form" target="_blank"><img class="aligncenter size-full wp-image-2932" title="gov" src="http://www.usable.co.il/wp-content/uploads/2010/02/gov.jpg" alt="gov" width="588" height="250" /></a></p>
<p style="text-align: right;"><strong> </strong></p>
<p style="text-align: right;"><a href="http://www.rambam.org.il/%D7%9E%D7%97%D7%9C%D7%A7%D7%95%D7%AA+%D7%95%D7%9E%D7%A8%D7%A4%D7%90%D7%95%D7%AA/%D7%A8%D7%A4%D7%95%D7%90%D7%94+%D7%91%D7%99%D7%A0%D7%9C%D7%90%D7%95%D7%9E%D7%99%D7%AA/%D7%A6%D7%95%D7%A8+%D7%A7%D7%A9%D7%A8/default.htm"><strong>בבית החולים רמב&quot;ם</strong></a> עוזרים לנו עם אייקון של X שמציין ניקוי, ואייקון של חץ (שממש קשה לראות, אם כי הוא מאוד אלגנטי) שמציין &quot;שלח&quot;:</p>
<p style="text-align: right;"><a href="http://www.rambam.org.il/%D7%9E%D7%97%D7%9C%D7%A7%D7%95%D7%AA+%D7%95%D7%9E%D7%A8%D7%A4%D7%90%D7%95%D7%AA/%D7%A8%D7%A4%D7%95%D7%90%D7%94+%D7%91%D7%99%D7%A0%D7%9C%D7%90%D7%95%D7%9E%D7%99%D7%AA/%D7%A6%D7%95%D7%A8+%D7%A7%D7%A9%D7%A8/default.htm" target="_blank"><img class="aligncenter size-full wp-image-2935" title="רמב&quot;ם" src="http://www.usable.co.il/wp-content/uploads/2010/02/rambam.jpg" alt="רמב&quot;ם" width="182" height="45" /></a></p>
<p style="text-align: right;">
<p><strong><a href="http://www.egged-taavura.co.il/contactus/contactForm2.aspx" target="_blank">באגד</a> </strong>אפשר למלא 16 שדות כשפונים למחלקת &quot;פניות הציבור&quot;, ואז למחוק את כולם בלחיצת כפתור קלה אחת.</p>
<p><a href="http://www.egged-taavura.co.il/contactus/contactForm2.aspx" target="_blank"><img class="aligncenter size-full wp-image-2936" title="egged" src="http://www.usable.co.il/wp-content/uploads/2010/02/egged.jpg" alt="egged" width="281" height="298" /></a></p>
<p><strong>ב</strong><a href="http://www.tnuva.co.il/site/he/tnuva.asp?pi=18" target="_blank"><strong>שירות הלקוחות של תנובה</strong></a> התמונה די דומה, אבל רק למי שגולש ב-Internet Explorer. זה ברור למה &#8211; שועל אש זה בשרי, תנובה זה חלבי:</p>
<p><a href="http://www.tnuva.co.il/site/he/tnuva.asp?pi=18" target="_blank"><img class="aligncenter size-full wp-image-2938" title="תנובה" src="http://www.usable.co.il/wp-content/uploads/2010/02/tnuva.jpg" alt="תנובה" width="575" height="165" /></a></p>
<h3>כמה דוגמאות טובות יותר</h3>
<p><a href="http://www.isrotel.co.il/contactus/" target="_blank"><strong>בישרוטל</strong></a>, בטופס &quot;יצירת קשר&quot;, הפעולה &quot;נקה טופס&quot; אמנם מופיעה, אבל לפחות עם קו תחתון, ולא ככפתור. היה כדאי לקחת את זה עוד צעד, ופשוט להעיף את &quot;נקה טופס&quot; מכאן. עוד בעיה &#8211; הכפתור נמצא גם רחוק מאוד משאר הטופס (תלחצו כדי לראות).</p>
<p style="text-align: center;"><a href="http://www.isrotel.co.il/contactus/" target="_blank"><img class="aligncenter size-full wp-image-2934" title="ישרוטל. קישור." src="http://www.usable.co.il/wp-content/uploads/2010/02/isrotel.jpg" alt="ישרוטל. קישור." width="131" height="35" /></a></p>
<p><strong> </strong></p>
<p><a href="http://www.ynet.co.il/home/0,7340,L-5019,00.html" target="_blank"><strong>בהרשמה לאימייל של ynet</strong></a> המצב הרבה יותר טוב. אין &quot;נקה טופס&quot;, יש רק &quot;ביטול&quot; וגם הוא מוצג כקישור.</p>
<p>מה שפחות מוצלח הוא שהוא נמצא הרחק הרחק מכפתור ה&quot;הרשם &gt;&quot;. אם כבר שמים קישור לביטול (מה שלא ממש הכרחי כאן כי אפשר פשוט לסגור את החלון), עדיף שהוא יהיה במקום שאפשר גם לראות אותו. אחרת למה הוא שם?</p>
<p><a href="http://www.ynet.co.il/home/0,7340,L-5019,00.html" target="_blank"><img title="הרשמה לאימייל של ynet" src="http://www.usable.co.il/wp-content/uploads/2010/02/ynet2.jpg" alt="הרשמה לאימייל של ynet" width="571" height="245" /></a></p>
<p><a href="https://www.btl.gov.il/SystemFiles/Dialog_Matefet.aspx?path=https://www.btl.gov.il/SystemFiles/Forms/Contact_Us.aspx&amp;lang=he-il&amp;rtype=2" target="_blank"><strong>בביטוח הלאומי</strong></a> יש בכל הטפסים רק כפתור &quot;שלח&quot;. מצויין!</p>
<p style="text-align: center;"><a href="https://www.btl.gov.il/SystemFiles/Dialog_Matefet.aspx?path=https://www.btl.gov.il/SystemFiles/Forms/Contact_Us.aspx&amp;lang=he-il&amp;rtype=2" target="_blank"><img class="aligncenter size-full wp-image-2951" title="btl" src="http://www.usable.co.il/wp-content/uploads/2010/02/btl1.jpg" alt="btl" width="275" height="98" /></a></p>
<p style="text-align: right;">
<p style="text-align: right;">
<p><a href="http://www.strauss-group.com/Templates/Forms/FormsTemplate.aspx?id=7579&amp;epslanguage=he&amp;FormType=ProductComplaint" target="_blank"><strong>בשטראוס</strong></a> גם הקפידו לשים רק כפתור &quot;שלח&quot;, וגם שמו אותו במקום מצויין &#8211; בפינה השמאלית למטה של הטופס.</p>
<p style="text-align: right;"><img class="aligncenter size-full wp-image-2952" title="strauss" src="http://www.usable.co.il/wp-content/uploads/2010/02/strauss.jpg" alt="strauss" width="488" height="292" /></p>
<h2 style="text-align: right;">אז מה עושים?</h2>
<ul>
<li><strong><span style="color: #008000;">קודם כל, מוותרים על כפתור ה&quot;נקה&quot;. </span></strong><span style="color: #333333;">פשוט לא שמים כזה.<br />
</span></li>
<li>אם יש פעולות שרוצים להציג בנוסף לפעולה הראשית, כמו למשל &quot;בטל&quot; או &quot;סגור&quot;, <strong>להציג אותם כקישורים</strong> ולא ככפתורים. כך הם ימשכו פחות תשומת לב מאשר הכפתור הראשי כי הם יקבלו פחות משקל ויזואלי, וכך גם יבלבלו פחות את המשתמש האומלל.</li>
<li>אם הכפתורים או הקישורים הנוספים גורמים לאובדן מידע (כמו, למשל, ההודעה שהרגע הוקלדה בטופס), <strong>לשאול את המשתמש לפני שמוחקים </strong>- &quot;אתה בטוח שאתה רוצה למחוק את כל מה שכתבת?&quot; &#8211; יש סיכוי טוב שהתשובה תהיה <strong>לא</strong>. ברוב המקרים עדיף לא להציג כפתורים כאלה מלכתחילה.</li>
</ul>
</div>]]></content:encoded>			<wfw:commentRss>http://www.usable.co.il/archives/2921/feed</wfw:commentRss>
		<slash:comments>19</slash:comments>
		</item>
		<item>
		<title>&#8235;TicketNet: ברוכים הבאים לקוּפּה! עכשיו תתפשטו&#8236;</title>		<link>http://www.usable.co.il/archives/2010</link>
		<comments>http://www.usable.co.il/archives/2010#comments</comments>
		<pubDate>Fri, 06 Nov 2009 06:41:12 +0000</pubDate>
		<dc:creator>&#8235;barak&#8236;</dc:creator>				<category><![CDATA[ביקורות אתרים]]></category>
		<category><![CDATA[בית-הספר לשמישות]]></category>
		<category><![CDATA[חוויית המשתמש UX]]></category>
		<category><![CDATA[ממשק המשתמש UI]]></category>
		<category><![CDATA[צרכנות]]></category>

		<guid isPermaLink="false">http://www.usable.co.il/?p=2010</guid>
		<description><![CDATA[&#8235;לפני כמה חודשים כתבתי כאן על הכפתור ששווה 300 מיליון דולר, על חברה שלמדה עד כמה כואבות טעויות בממשק ה-checkout (תשלום על הזמנה), וכמה נעים בכיס כשמתקנים אותן. כתבתי גם על האתר של פסטיבל ישראל, שדרש ממני לזכור את הסיסמא שלי משנה שעברה כשבאתי לקנות כרטיסים, ואחרי שכבר הזנתי את פרטי האשראי שלי (!!!)
מסתבר שיש [...]&#8236;]]></description>			<content:encoded><![CDATA[<div dir="rtl"><p><a href="http://www.usable.co.il/archives/2010"><img class="alignright size-full wp-image-2019" style="border: 1px solid black; margin: 0pt 0pt 0pt 20px;" title="כרטיס" src="http://www.usable.co.il/wp-content/uploads/2009/11/ticket.gif" alt="כרטיס" width="108" height="81" /></a>לפני כמה חודשים כתבתי כאן על <a href="http://www.usable.co.il/archives/530">הכפתור ששווה 300 מיליון דולר</a>, על חברה שלמדה עד כמה כואבות טעויות בממשק ה-checkout (תשלום על הזמנה), וכמה נעים בכיס כשמתקנים אותן. כתבתי גם על <a href="http://www.usable.co.il/archives/771">האתר של פסטיבל ישראל</a>, שדרש ממני לזכור את הסיסמא שלי משנה שעברה כשבאתי לקנות כרטיסים, ואחרי שכבר הזנתי את פרטי האשראי שלי (!!!)</p>
<p>מסתבר שיש לא מעט חברות בארץ שעדיין לא מבינות שלקוח שיושב עם כרטיס אשראי ביד מול המסך לא ממש רוצה להירשם לשום דבר, לא רוצה ליצור קשר מתמשך עם האתר ולא מעוניין בשום מחוייבות אליו. הוא רוצה לשלם, לקבל אישור על התשלום ולהמשיך עם החיים שלו. האתר החדש של TicketNet עושה בדיוק את ההיפך.</p>
<p><span id="more-2010"></span></p>
<h2>שיחה דימיונית בקופת הקולנוע</h2>
<p>תארו לעצמכם שאתם הולכים לקולנוע, ומגיעים לקופה. דמיינו את השיחה הבאה:</p>
<p>- שלום, אנחנו רוצים שני כרטיסים ל&quot;לחנך את ג'ני&quot;</p>
<p>- תעודת זהות בבקשה.</p>
<p>- !?!?!?!</p>
<p>- אני מצטערת, בלי תעודת זהות אנחנו לא מאפשרים לרכוש כרטיסים.</p>
<p>- אי אפשר סתם לשלם לכם?</p>
<p>- לא.</p>
<p>- אופפפפפפפ&#8230;. טוב, הנה תעודת הזהות שלי</p>
<p>- טוב, עכשיו תגיד לי מה האימייל שלך, הטלפון, תן לי סיסמא, תן לי עוד פעם סיסמא, תסכים לתנאים של התקנון ואני אצור לך <strong>ארנק</strong>.</p>
<p>- !?!??! מה?</p>
<p>- תגיד לי מה האימייל שלך, הטלפון, תן לי סיסמא, תן לי עוד פעם סיסמא, תסכים לתנאים של התקנון ואני אצור לך <strong>ארנק</strong>.</p>
<p>- כן, שמעתי בפעם הראשונה, אבל מה הקטע של הארנק?</p>
<p>- אני חושבת שהסברתי את עצמי מצויין. אתה צריך שאגיד לך שוב?</p>
<p>- טוב, בסדר. הנה הפרטים (&#8230;), עכשיו אפשר לשלם?</p>
<p>- <strong>אבל אתה מסכים לתקנון?</strong></p>
<p>- מה כתוב בתקנון?</p>
<p>- אתה יכול לקרוא. הנה, יש פה חוברת, תקרא.</p>
<p>- אבל יש לי עוד דברים לעשות בחיים! אי אפשר בלי? מה כתוב שם?</p>
<p>- תקרא בתקנון.</p>
<p>- נו טוב, אני מסכים. אפשר כבר את הכרטיסים?</p>
<p>- לא, קודם פרטי אשראי בבקשה. או שאולי תרצה שנתחיל מהתחלה?</p>
<p>- למה שאני ארצה להתחיל מהתחלה?</p>
<p>- סתם, חשבתי.</p>
<p>- !?!?!?!? הנה פרטי האשראי שלי.</p>
<p>- הנה הכרטיסים, תהנו מהסרט!</p>
<h2>אותה שיחה, באתר TicketNet</h2>
<p>התהליך ב-TicketNet זהה לחלוטין למה שתיארתי.</p>
<h3>1. מגיעים לעמוד של הסרט, ובוחרים שעה</h3>
<p><a href="http://www.usable.co.il/wp-content/uploads/2009/11/ticketnet.gif"><img class="size-full wp-image-2011 alignnone" style="border: 1px solid black;" title="ticketnet" src="http://www.usable.co.il/wp-content/uploads/2009/11/ticketnet.gif" alt="ticketnet" width="571" height="161" /></a></p>
<h3>2. מזדהים בעזרת תעודת זהות</h3>
<p>שימו לב למטה לכפתור &quot;תזכורת סיסמא&quot; שמופיע פה למרות שאין פה בכלל אפשרות לסיסמא. תראו גם את הלשונית &quot;פרטי אמצעי תשלום&quot; שלחיצה עליה לא עושה שום דבר (אני יודע כי ניסיתי נואשות ללחוץ עליה).</p>
<p>אני לא יודע מה איתכם, אבל כשאני נותן את מספר תעודת הזהות שלי אני מרגיע <strong>ערום</strong>. אפשר להשיג הרבה מידע עלינו דרך מספר תעודת הזהות. קצת מוזר להרגיש ככה כשאנחנו בסך-הכל רוצים לשלם. לא? וזה הדבר הראשון שמבקשים מאיתנו?</p>
<p><img class="alignnone size-full wp-image-2012" style="border: 1px solid black;" title="תעודת זהות" src="http://www.usable.co.il/wp-content/uploads/2009/11/id.gif" alt="תעודת זהות" width="583" height="576" /></p>
<h3>3. פרטים ליצירת קשר, סיסמא, ודוא&quot;ל זבל</h3>
<p>שימו לב שאף אחד לא מסביר מה זה &quot;<strong>יצירת ארנק</strong>&quot;. כאילו שזה הדבר הכי ברור בעולם.</p>
<p>ודרך אגב, ההסכמה לתקנון גם תשלח לכם ספאם. זה כתוב בתקנון. <strong>אני קורא לאנשי טיקטנט להתעורר</strong>, אנחנו ב-2009, יש חוק להגנה מפני ספאם, וגם אם הוא מאפשר להסתיר את העובדה שיישלח ספאם עמוק בתוך התקנון, כשההרשמה היא חלק מתהליך רכישה, זה ממש לא לעניין.</p>
<p>הנה הקטע מתוך התקנון של טיקטנט:</p>
<blockquote><p>&quot;לתשומת ליבך: הרשמתך לאתר מהווה הסכמה להצטרפות לרשימת הדיוור של האתר, לרבות לצורכי משלוח הודעות בגין מבצעים והנחות באתר. שופמיינד בע&quot;מ מכבדת את פרטיותך ולפיכך אם אינך מעוניין לקבל הודעות על מבצעים והנחות מהאתר, תוכל לציין זאת במקום המיועד לכך במסגרת הודעות דואר אלקטרוני שתקבל בהקשר זה מהאתר על מבצעים והנחות באתר.&quot;</p></blockquote>
<p>כן, הבנתם נכון, עד שתקבלו את דוא&quot;ל הזבל הראשון, לא תוכלו לבטל את הרישום שלכם ברשימת התפוצה. אין שום מקום לבטל את הרישום באתר. זו כבר עבירה על החוק, אם אני מבין נכון את הפרשנות של <span class="text14"><span lang="he"><a href="http://www.ynet.co.il/articles/1,7340,L-3633976,00.html" target="_blank">עו&quot;ד אביב אילון ב-ynet</a>. הוא כותב ספציפית על מקרה כזה: &quot;על המפרסם לאפשר ביטול ההסכמה בכל שלב.&quot; </span></span></p>
<p><span class="text14"><span lang="he">ממש עושה חשק לקנות, נכון?<br />
</span></span></p>
<p><img class="alignnone size-full wp-image-2014" style="border: 1px solid black;" title="פרטי קשר" src="http://www.usable.co.il/wp-content/uploads/2009/11/arnak1.gif" alt="פרטי קשר" width="591" height="395" /></p>
<h3>4. משלמים והולכים. או שאולי נחזור להתחלה?</h3>
<p>אפילו כאן הצליחו בטיקטנט לירות לעצמם ברגליים. המשתמש עבר את כל המשוכות עד פה. אז עכשיו הדבר הנכון להציע לו הוא &#8230; <strong>החלפת משתמש</strong>??? לחיצה על הכפתור הזה תוביל אתכם חזרה <strong>לתחילת התהליך</strong>. למה להכשיל את הקונה האומלל ולגרום לטיקטנט, אולי, לאבד קונה? מה הסיכוי שמישהו באמת נזכר בנקודה הזאת שהוא בעצם מישהו אחר?</p>
<p><img class="alignnone size-full wp-image-2015" style="border: 1px solid black;" title="פרטי אשראי" src="http://www.usable.co.il/wp-content/uploads/2009/11/credit.gif" alt="פרטי אשראי" width="583" height="371" /></p>
<h2>המלצות</h2>
<p>רוצים שיותר אנשים יקנו באתרים שלכם? אני ממליץ על הכללים הבאים:</p>
<ol>
<li>בקשו מהקונים <strong>רק</strong> את המידע שאתם חייבים לקבל בשביל לבצע את הפעולה.אחרי שקיבלתם את פרטי האשראי וסיימתם את העיסקה, בקשו מהם מידע נוסף &#8211; אם הוא נחוץ לכם. כך לא תעצרו אנשים מלשלם לכם.</li>
<li>רוצים שאנשים ירשמו לאתר כדי שלא יצטרכו להזין את הפרטים שוב בפעם הבאה? רעיון יפה, אבל עם כל הכבוד, התשלום שלהם יותר חשוב. תנו להם אפשרות, <strong>אחרי </strong>שהם משלמים, לתת אימייל (אם עוד לא נתנו) וסיסמא. בוודאי שלא תעודת זהות (אישי מדי!) וגם לא שם משתמש. גם ככה בקושי זוכרים את הסיסמא.</li>
<li>אותו משתמש חזר לאתר בשביל לקנות שוב? אם הוא זוכר את הסיסמא, או שנרשם אי-פעם, תְפָדַל, שיכניס את הפרטים וייכנס. אבל תנו לו גם את האפשרות להזין את כל המידע שלו שוב. רק שישלם. באותו פוסט על <a href="http://www.usable.co.il/archives/530">הכפתור ששווה 300 מיליון</a> הזכרתי ש-75% מהמבקרים באותו אתר שמתואר בפוסט לא חזרו לקנות אחרי &quot;שחזור סיסמא&quot; שנשלח באימייל. 75%! אתם באמת רוצים להפסיד את כל הכסף הזה?</li>
<li>
<div id="attachment_2016" class="wp-caption alignleft" style="width: 152px"><a href="http://www.ilimudim.co.il/GUI/Index/ShowInstitute.aspx?ID=240&amp;CategoryID=218" target="_blank"><img class="size-full wp-image-2016 " style="border: 1px solid black;" title="אישור תקנון וספאם ב-iLimudim" src="http://www.usable.co.il/wp-content/uploads/2009/11/ilimudim.png" alt="ilimudim" width="142" height="52" /></a><p class="wp-caption-text">אישור תקנון וספאם ב-iLimudim</p></div>
<p>אתם מחייבים את המשתמש להירשם לרשימת התפוצה כחלק מתהליך הרכישה? זה כנראה חוקי במקרים מסויימים, אבל לא ממש נעים. לפחות תגידו את זה בצורה ישירה, כמו שעשו באתר <a href="http://www.ilimudim.co.il/GUI/Index/ShowInstitute.aspx?ID=240&amp;CategoryID=218" target="_blank">iLimudim</a>.</li>
</ol>
<p><strong>בהצלחה!</strong></p>
</div>]]></content:encoded>			<wfw:commentRss>http://www.usable.co.il/archives/2010/feed</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>&#8235;אבודים בביטוח הלאומי: גירסת הבמאי&#8236;</title>		<link>http://www.usable.co.il/archives/1389</link>
		<comments>http://www.usable.co.il/archives/1389#comments</comments>
		<pubDate>Thu, 30 Jul 2009 13:52:25 +0000</pubDate>
		<dc:creator>&#8235;barak&#8236;</dc:creator>				<category><![CDATA[ביקורות אתרים]]></category>
		<category><![CDATA[בית-הספר לשמישות]]></category>
		<category><![CDATA[חוויית המשתמש UX]]></category>
		<category><![CDATA[ממשק המשתמש UI]]></category>
		<category><![CDATA[קישורים שימושיים]]></category>

		<guid isPermaLink="false">http://www.usable.co.il/?p=1389</guid>
		<description><![CDATA[&#8235;

המוסד לביטוח  לאומי, על-פי הגדרתו &#34;פועל לצמצום הפערים  הכלכליים במדינת ישראל ומטרתו העיקרית  היא להבטיח קיום בסיסי לאוכלוסיות הנזקקות&#34;.  השכירים שבינינו נפגשים איתו, לצערם, בתלוש  המשכורת; חולים, נכים, נפגעי תאונות, קשישים,  מעוטי-יכולת, מובטלים ורבים אחרים נזקקים  לשירותיו ואף תלויים בו.
כשמתכננים אתר  אינטרנט, או כל מוצר אחר, השאלה [...]&#8236;]]></description>			<content:encoded><![CDATA[<div dir="rtl"><p align="right">
<p><a href="http://www.usable.co.il/archives/1389"><img class="size-full wp-image-1404 alignright" style="margin-left: 20px;" title="אנשים שמחים, מתוך אתר הביטוח הלאומי" src="http://www.usable.co.il/wp-content/uploads/2009/07/happy.jpg" alt="אנשים שמחים, מתוך אתר הביטוח הלאומי" width="118" height="59" /></a></p>
<p><a href="http://www.btl.gov.il" target="_blank">המוסד לביטוח  לאומי</a>, על-פי הגדרתו &quot;פועל לצמצום הפערים  הכלכליים במדינת ישראל ומטרתו העיקרית  היא להבטיח קיום בסיסי לאוכלוסיות הנזקקות&quot;.  השכירים שבינינו נפגשים איתו, לצערם, בתלוש  המשכורת; חולים, נכים, נפגעי תאונות, קשישים,  מעוטי-יכולת, מובטלים ורבים אחרים נזקקים  לשירותיו ואף תלויים בו.</p>
<p align="right"><span style="font-family: Arial; font-size: small;">כשמתכננים אתר  אינטרנט, או כל מוצר אחר, השאלה הראשונה  שנשאלת היא מי הולך להשתמש בו. ברור שקהל  היעד של אתר הביטוח הלאומי הוא כל אחד ואחד  מאזרחי המדינה. העובדה שמדובר בקהל רחב  הופכת את תכנון האתר למאתגר ביותר; לכל  אזרח יש יכולות שונות וצרכים שונים, ועל  כולם צריך לענות אתר אחד. ביקור בביטוח הלאומי מגלה אתר עמוס, סבוך, ועם תכנים קשים להבנה &#8211; רחוק ממה שהייתם מצפים מאתר עם אוכלוסיית יעד כזו.<br />
</span></p>
<h4>גירסא מקוצרת של הפוסט <a href="http://www.ynet.co.il/articles/0,7340,L-3754729,00.html" target="_blank">התפרסמה היום ב-Ynet</a>, והוא מובא פה בגירסתו המלאה (&quot;גירסת הבמאי&quot;).</h4>
<p><span id="more-1389"></span><span style="font-family: Arial; color: #4f81bd; font-size: medium;"><strong>עמוד  הבית: יורים לכל הכיוונים</strong></span></p>
<p align="right"><span style="font-family: Arial; font-size: small;">בתחום עיצוב המוצר  מדברים רבות על החשיבות של פשטות. אפשר לראות את ההצלחה  המסחררת של ה-</span><span style="font-family: Arial; font-size: small;">iPod</span><span style="font-family: Arial; font-size: small;"> של חברת אפל כדוגמא מצויינת  לוויתורים בעיצוב המוצר. אין לו הרבה יכולות,  ובכל זאת הוא השתלט על שוק נגני ה-</span><span style="font-family: Arial; font-size: small;">MP3</span><span style="font-family: Arial; font-size: small;"> במהירות  מסחררת.</span></p>
<p align="right"><span style="font-family: Arial; font-size: small;">אנטואן  דה סנט אקזופרי, מי שכתב את &quot;הנסיך הקטן&quot;,  ניסח את זה יפה: </span></p>
<blockquote>
<p align="right"><span style="font-family: Arial; font-size: small;">&quot;נראה ששלמות אינה מושגת  כשאין יותר מה להוסיף, אלא <strong>כשאין יותר  מה להסיר</strong>&quot;. </span></p>
</blockquote>
<p align="right"><span style="font-family: Arial; font-size: small;">בעמוד הבית של המוסד לביטוח  לאומי נראה שיש דווקא הרבה מה להסיר. </span></p>
<p align="right"><span style="font-family: Arial; font-size: small;">כשמתכננים אתר,  ועמוד בית בפרט, אחת ההתלבטויות הקשות היא  איך לארגן את המידע, איך לחלק את הדפים לקבוצות  שיהיו הגיוניות ובעלות משמעות לקהל היעד.  תחום העיסוק הזה נקרא </span><a href="http://en.wikipedia.org/wiki/Information_architecture" target="_blank"><span style="font-family: Arial; color: #0000ff; font-size: small;"><span style="text-decoration: underline;">ארכיטקטורת  מידע</span></span></a><span style="font-family: Arial; font-size: small;">. אחת השאלות  שפעמים רבות נבדקת כשמאפיינים את עמוד  הבית היא האם לחלק אותו <strong>לפי משימות</strong> (מה המבקר  רוצה לעשות או לדעת), או לפי <strong>קבוצות בקהל  היעד</strong> (לאיזה קבוצה משתייך המבקר). </span></p>
<p align="right"><span style="font-family: Arial; font-size: small;">בעמוד הבית של  הביטוח הלאומי החליטו לא להחליט, והלכו  על שתי האפשרויות: גם לפי משימה, וגם לפי  קבוצות בקהל היעד: </span></p>
<p align="right"><img class="alignnone size-full wp-image-1393" title="לא החליטו" src="http://www.usable.co.il/wp-content/uploads/2009/07/undecided.jpg" alt="לא החליטו" width="408" height="242" /></p>
<p align="right"><span style="font-family: Arial; font-size: small;">מעצבי העמוד השכילו לתכנן  אותו כך שעיני המבקר יימשכו קודם כל ל&quot;איתך  מלידה ועד זקנה&quot; – חלוקה לפי משימות.  הם עשו זאת תוך שימוש בכלי עיצוב מוכרים  שמגיעים מתחום הפסיכולוגיה הקוגניטיבית, </span><a href="../archives/1102" target="_blank"><span style="font-family: Arial; color: #0000ff; font-size: small;"><span style="text-decoration: underline;">עקרונות הגשטאלט</span></span></a><span style="font-family: Arial; font-size: small;">. אבל משום מה, הם החליטו שזה  לא מספיק, ושמו גם &quot;מידע לקהל יעד&quot;  – הגיל השלישי, מוגבלים, נשים, עובדים וילדים.  בנוסף, פעולות נפוצות מופיעות מימין למעלה:  &quot;שירות אישי&quot; (לא עבד בזמן הבדיקה),  &quot;פנו אלינו&quot;, &quot;אתר התשלומים&quot; ו&quot;טפסים  ואישורים&quot;.</span></p>
<p align="right"><span style="font-family: Arial; font-size: small;">חלק מכם בוודאי  שואלים, &quot;אז מה?&quot;, והתשובה &#8211; מושג הפשטות  וההגדרה של דה סנט אקזופרי. ככל שהאתר פשוט  ועקבי יותר, קל יותר לאתר בו מידע. במקום  &quot;איתך מלידה ועד זקנה&quot; היה אפשר להוסיף  עוד נושאים תחת &quot;איתך מלידה ועד זקנה&quot;,  למשל – &quot;העסקת עובד במשק בית&quot; (&quot;עוזרת&quot;),  או &quot;לימודים&quot;,או שאפשר היה פשוט לא להוסיף כלום ולקבל עיצוב נקי יותר.</span></p>
<p align="right"><span style="font-family: Arial; font-size: small;">את מי משרת המידע  לקהל יעד? מי יחפש מידע לפי &quot;עובדים&quot;  או &quot;נשים&quot;? עובדות שהתפטרו כנראה ירצו  לדעת מה קורה כשמפסיקים לעבוד, וילחצו על  &quot;הפסקת עבודה&quot; או על &quot;שינוי מעמד&quot;  ולא על &quot;עובדים&quot; או &quot;נשים&quot;. אמהות  לעתיד שירצו לדעת על חופשת הלידה, ילחצו  כנראה על &quot;הריון ולידה&quot;, שהוא ספציפי  למה שהן מחפשות. כמובן שאת ההשערות האלה  צריך לאמת במבחן משתמשים, אבל קל לנחש שכותרת  שמשקפת במדוייק את המשימה שנמצאת כרגע  בראשו של המבקר באתר, תמשוך אותו יותר להקליק  מאשר כותרת כללית.</span></p>
<p align="right"><span style="font-family: Arial; font-size: small;">אפשר לראות צורת  התמודדות אחרת עם מידע בכמות גדולה באתר  המודעות הענק </span><a href="http://newyork.craigslist.org/" target="_blank"><span style="font-family: Arial; color: #0000ff; font-size: small;"><span style="text-decoration: underline;">CraigList</span></span></a><span style="font-family: Arial; font-size: small;">. האתר לא יפהפה, רחוק מזה, אבל האינדקס  שבעמוד הראשי מסייע למצוא מידע בסריקה  מהירה.</span></p>
<h2><span style="font-family: Arial; color: #4f81bd; font-size: medium;"><strong>ניווט  שטח</strong></span></h2>
<p align="right"><span style="font-family: Arial; font-size: small;">עמוד הבית של  הביטוח הלאומי עמוס לעייפה באמצעי ניווט.  מעל ל-50% משטח העמוד מוקדש להם (מסומן בירוק),  באדום סימנתי חדשות ופרסומות (כולן לשירותים  או פעילויות של המוסד), ובכחול מידע כללי.  כלי הניווט נמצאים ב-5 איזורים שונים: באנר  עליון, מיני-בר ימני, בר שמאלי, מרכז העמוד  ותחתית העמוד, כשכל איזור מאורגן אחרת.  הצלחתי לספור בכולם ביחד כ-60 קישורים. אז  איך מוצאים את מה שרוצים? איפה מחפשים? </span></p>
<p align="right"><span style="font-family: Arial; font-size: small;"><img class="alignnone size-full wp-image-1394" title="עמוד הבית" src="http://www.usable.co.il/wp-content/uploads/2009/07/homepage.jpg" alt="עמוד הבית" width="408" height="432" /> </span></p>
<p align="right"><span style="font-family: Arial; font-size: small;">בנוסף, עיצובו  של עמוד הבית די מיושן. הוא מותאם למסכים  של </span><span style="font-family: Arial; font-size: small;">800&#215;60</span><span style="font-family: Arial; font-size: small;"> פיקסלים, למרות שבינואר 2009 </span><a href="http://www.w3schools.com/browsers/browsers_display.asp" target="_blank"><span style="font-family: Arial; color: #0000ff; font-size: small;"><span style="text-decoration: underline;">96% ממשתמשי האינטרנט</span></span></a><span style="font-family: Arial; font-size: small;"> בכל העולם כבר עברו ל-</span><span style="font-family: Arial; font-size: small;">1024&#215;768</span><span style="font-family: Arial; font-size: small;"> או יותר. אפשר גם לדבר על האסטתיקה שלו,  למשל על השימוש בפונט דמוי כתב יד לכותרת  הראשית. פונט כתב-היד משדר משהו חופשי, אישי, כייפי, שלא מתאים  ולא קשור למוסד ממשלתי כזה. </span></p>
<p align="right"><span style="font-family: Arial; font-size: small;">השימוש הרב שנעשה  בתמונות ממאגרי צילומים בחו&quot;ל מקטין  את האמינות של האתר ואת החיבור שלו לארץ.  העובדה שכל המצולמים בעמוד הראשי ובאתר  בכלל הם בהירי-עור, לא מוסיפה למוסד הרבה  כבוד. </span></p>
<h2><span style="font-family: Arial; color: #4f81bd; font-size: medium;"><strong>המובטל  יגאל</strong></span></h2>
<p align="right">
<div id="attachment_1397" class="wp-caption alignleft" style="width: 89px"><img class="size-full wp-image-1397" title="הפסקת עבודה" src="http://www.usable.co.il/wp-content/uploads/2009/07/hafsakat.jpg" alt="הפסקת עבודה או עבודות בכביש?" width="79" height="113" /><p class="wp-caption-text">הפסקת עבודה או עבודות בכביש?</p></div>
<p>כדי לבדוק את  המענה שנותן האתר לאזרחים, ניקח אזרח דמיוני,  יגאל, שפוטר לא מזמן כחלק מגל פיטורים במפעל  שבו עבד. יגאל נכנס לאתר הביטוח הלאומי  כדי למצוא מידע על דמי האבטלה &#8211; האם הם  מגיעים לו, וכמה. בעמוד הראשי הוא מאתר מייד  את &quot;<a href="http://www.btl.gov.il/%D7%90%D7%AA%D7%9A%20%D7%9E%D7%9C%D7%99%D7%93%D7%94%20%D7%95%D7%A2%D7%93%20%D7%96%D7%A7%D7%A0%D7%94/workOver/Pages/default.aspx" target="_blank">הפסקת עבודה</a>&quot;, שנשמע קשור לאבטלה,  למרות שהוא נראה כמו תמרור של עבודות בכביש.</p>
<p align="right"><span style="font-family: Arial; font-size: small;">למזלו של יגאל  הוא לא משתמש בדפדפן </span><span style="font-family: Arial; font-size: small;">Firefox</span><span style="font-family: Arial; font-size: small;">, כמוני. זה מה שאני קיבלתי:</span></p>
<p align="right"><span style="font-family: Arial; font-size: small;"><img class="alignnone size-full wp-image-1395" title="נושאים קשורים ב-FireFox" src="http://www.usable.co.il/wp-content/uploads/2009/07/firefox.jpg" alt="נושאים קשורים ב-FireFox" width="408" height="269" /> </span></p>
<p align="right"><span style="font-family: Arial; font-size: small;">אחוז המשתמשים  בדפדפנים שאינם </span><span style="font-family: Arial; font-size: small;">Internet  Explorer</span><span style="font-family: Arial; font-size: small;"> הולך ועולה בכל  העולם, וגם בישראל. ההתעלמות מהמגמה הזו  מזניחה משתמשי </span><span style="font-family: Arial; font-size: small;">Windows</span><span style="font-family: Arial; font-size: small;"> רבים, שלא לדבר על גישה ממכשירים  ניידים, מחשבי מקינטוש ואחרים. יגאל משתמש ב-</span><span style="font-family: Arial; font-size: small;">Internet Explorer</span><span style="font-family: Arial; font-size: small;">,  ולכן הוא רואה מסך מוצלח יותר, אבל עדיין בעייתי:</span></p>
<p align="right"><img class="alignnone size-full wp-image-1396" title="נושאים קשורים ב-Internet Explorer" src="http://www.usable.co.il/wp-content/uploads/2009/07/ie.jpg" alt="נושאים קשורים ב-Internet Explorer" width="408" height="271" /></p>
<p align="right"><span style="font-family: Arial; font-size: small;">הטקסט צפוף, ואין  הפרדה בין נושאים. לא ברור למה. אנחנו סורקים רשימות בצורה הרבה יותר  יעילה כשהן מוצגות כרשימות אנכיות, פריט  מתחת לפריט, ולא אופקיות – פריט לצד פריט. זה קורה בגלל שהעין יכולה לעבור כך בקו אנכי פשוט על ההתחלה של כל פריט ברשימה. ברשימה אופקית העין צריכה להתאמץ כדי לאתר את ההתחלה של כל הפריטים ברשימה, אחרי &quot;,&quot; או &quot;;&quot; במקרה הזה, מה שמקשה על סריקה מהירה.<br />
</span></p>
<p align="right"><span style="font-family: Arial; font-size: small;"> למשל, תחת &quot;מחלת ילד/בן זוג&quot;, מופיע:</span><span style="font-family: Arial; font-size: small;"><br />
</span><span style="font-family: Arial; font-size: small;">&quot;דמי לידה &#8211; תשלום  בעד הארכת חופשת הלידה, פיצול חופשת הלידה  &#8211; בעקבות לידה רב-עוברית או אשפוז;ילד נכה;הבטחת  הכנסה;שירותים מיוחדים לנכים;נכות;שיקום  מקצועי;&quot;</span></p>
<p align="right"><span style="font-family: Arial; font-size: small;">היה בקלות אפשר  להציג את אותו הדבר כרשימה:</span></p>
<ul type="disc">
<li><span style="font-family: Arial; font-size: small;">דמי לידה &#8211; תשלום    בעד הארכת חופשת הלידה, פיצול חופשת הלידה    &#8211; בעקבות לידה רב-עוברית או אשפוז;</span></li>
<li><span style="font-family: Arial; font-size: small;">ילד נכה</span></li>
<li><span style="font-family: Arial; font-size: small;">הבטחת הכנסה</span></li>
<li><span style="font-family: Arial; font-size: small;">שירותים מיוחדים    לנכים</span></li>
<li><span style="font-family: Arial; font-size: small;">נכות</span></li>
<li><span style="font-family: Arial; font-size: small;">שיקום מקצועי</span></li>
</ul>
<p align="right"><span style="font-family: Arial; font-size: small;">כך או כך, יגאל  מצליח למצוא די בקלות את &quot;אבטלה&quot; תחת  &quot;פיטורין/התפטרות&quot;.</span></p>
<h2><span style="font-family: Arial; color: #4f81bd; font-size: medium;"><strong>יצאת  זכאי?</strong></span></h2>
<p align="right"><span style="font-family: Arial; font-size: small;">יגאל רוצה לברר  האם הוא זכאי לדמי אבטלה, וכמה כסף מגיע  לו. <a href="http://www.btl.gov.il/benefits/Unemployment/Pages/default.aspx" target="_blank">החלק המרכזי של הדף</a> מאורגן היטב. הוא  מחולק לקוביות עם כותרות ברורות ומדוייקות:  &quot;אופן הגשת התביעה&quot;, &quot;המסמכים שעליך  לצרף לתביעה לדמי אבטלה&quot;, וכן הלאה. יגאל  מוצא מיד את הקוביה של &quot;תנאי הזכאות&quot;  בין שאר הקוביות בדף.</span></p>
<p align="right"><img class="alignnone size-full wp-image-1399" title="זכאות" src="http://www.usable.co.il/wp-content/uploads/2009/07/zakai.jpg" alt="זכאות" width="408" height="118" /></p>
<p align="right"><span style="font-family: Arial; font-size: small;">יגאל מקליק על  &quot;תקופת אכשרה&quot; כדי להבין במה מדובר,  ומקבל את ההסבר המלומד הבא:</span></p>
<blockquote>
<p align="right"><span style="font-family: Arial; font-size: small;">&quot; קודם  לאבטלתך היית מבוטח בביטוח אבטלה פרק הזמן  הנדרש בחוק (גם אם אינו רצוף), ושולמו בעדך  דמי ביטוח אבטלה. לעובד בשכר חודשי &#8211; 360 הימים  שבעדם שולמו דמי ביטוח אבטלה בתוך 540 הימים  שקדמו לתחילת תקופת האבטלה, לעובד בשכר  יומי 300 ימים בתוך 540 הימים שקדמו לתחילת  תקופת האבטלה.&quot;</span></p>
</blockquote>
<p align="right"><span style="font-family: Arial; font-size: small;">הבנתם? מה, לא?  גם יגאל  לא. מה הסיכוי שאדם מן הישוב יבין  את ההגדרה הזו? זוגתי שתחיה, עו&quot;ד במקצועה,  דווקא הבינה. יש אומנם הרבה עורכי דין בארץ,  אבל אחרי הכל, הם עדיין אחוז קטן מהאוכלוסיה. </span></p>
<p align="right"><span style="font-family: Arial; font-size: small;">יגאל מחפש עוד  מידע על תנאי הזכאות. המיקום הלא שגרתי  של הקישור &quot;<strong>מידע נוסף</strong>&quot;, בצד שמאל  למעלה ולא בסוף הטקסט כמו באתרי תוכן אחרים,  מקשה עליו מעט למצוא אותו. לבסוף הוא מצליח  וממשיך. </span></p>
<p align="right"><span style="font-family: Arial; font-size: small;">בעמוד הבא יש  מידע מפורט. יש גם פירוט מדוקדק של הציטוט  שהבאתי כאן קודם, שלא נשמע הרבה יותר ברור.  האם אין ברירה אחרת? אי אפשר היה לשאול את  יגאל מה מספר תעודת הזהות שלו, לשאול כמה  שאלות פשוטות, ואז לתת לו תשובה ישירה לשאלת  הזכאות? נראה שהביטוח הלאומי מנסה להערים  קשיים על יגאל, ועל כולנו.</span></p>
<h2><span style="font-family: Arial; color: #4f81bd; font-size: medium;"><strong>כסף  כסף תרדוף</strong></span></h2>
<p align="right"><span style="font-family: Arial; font-size: small;"><a href="http://www.btl.gov.il/benefits/Unemployment/Pages/%D7%A9%D7%99%D7%A2%D7%95%D7%A8%D7%99%20%D7%94%D7%A7%D7%A6%D7%91%D7%94.aspx" target="_blank">התשובה</a> לשאלה  של המובטל יגאל &quot;כמה כסף מגיע לי&quot; היא  מורכבת הרבה יותר. הנה הטבלה שמסבירה:</span></p>
<p align="right"><img class="alignnone size-full wp-image-1401" title="כמה כסף מגיע ליגאל" src="http://www.usable.co.il/wp-content/uploads/2009/07/kitzba1.jpg" alt="כמה כסף מגיע ליגאל" width="408" height="344" /></p>
<p align="right"><span style="font-family: Arial; font-size: small;">ואם לא הבנתם,  יש גם טבלה עם דוגמא לחישוב:</span></p>
<p align="right"><img class="alignnone size-full wp-image-1400" title="דוגמה לחישוב" src="http://www.usable.co.il/wp-content/uploads/2009/07/kitzba2.jpg" alt="דוגמה לחישוב" width="374" height="546" /></p>
<p align="right"><span style="font-family: Arial; font-size: small;">בנסיון אחרון,  יגאל לוחץ על &quot;מחשבונים&quot; בראש הדף,  בתקווה למצוא כלי שיעזור לו בחישוב, אבל  מקבל רק כמה מחשבונים לא רלוונטיים, והבטחה  עמומה: &quot;אנו מתכוונים להוסיף מחשבונים  בנושאים נוספים במשך הזמן&quot;. מתי? במשך  הזמן!</span></p>
<p align="right"><span style="font-family: Arial; font-size: small;">יגאל, מצידו, מוותר  על השימוש באתר בשלב הזה. הוא הולך ללשכת  האבטלה, ומקווה לטוב. באותו איזור יש <a href="http://www.btl.gov.il/benefits/Unemployment/schum/Pages/default.aspx" target="_blank">עמוד נוסף</a>, קל הרבה יותר להבנה, עם אותו מידע על קצבה. חבל שהוא לא מחליף את העמודים האחרים שהבאתי כאן, או לפחות מקושר אליהם.</span></p>
<p align="right"><span style="font-family: Arial; font-size: small;"><span style="color: #339966;"><strong>עדכון 4/8/2009: </strong></span>מסתבר שיש <a href="http://www.btl.gov.il/benefits/Unemployment/Pages/Calculator.aspx" target="_blank">מחשבון דמי אבטלה</a> באתר שנוסף אחרי כתיבת הפוסט &#8211; או זה, או שאני צריך לדבר דחוף עם האופטיקאי שלי. המחשבון דרש ממני להכניס מידע על המשכורת ב-3 החודשים האחרונים, ואז על עוד חודש, ואז על עוד חודש, ואז על עוד חודש, ובסוף נתן לי את הסכום שאני זכאי לו. מוזר, אבל עובד.</span></p>
<h2><span style="font-family: Arial; color: #4f81bd; font-size: medium;"><strong>ניקוד</strong></span></h2>
<p align="right"><span style="font-family: Arial; font-size: small;"><strong>מראה כללי:</strong> פטריוטי בכחול לבן, נעים לעין וברור ברובו.  עמוד הבית עמוס מאוד. </span></p>
<p align="right"><span style="font-family: Arial; font-size: small;"><strong>התמצאות וניווט: </strong> מערכת הניווט עמוסה, מפוזרת ולא עקבית.  בדפים הפנימיים מופיעה מערכת ניווט שונה  לגמרי מזו של העמוד הראשי. מערכת החיפוש,  הזמינה מהעמוד הראשי, נותנת מענה רלוונטי  בדרך-כלל. </span></p>
<p align="right"><span style="font-family: Arial; font-size: small;"><strong>עזרה והסברים: </strong> באתר יש מידע רב ומפורט, אך אין מספיק עזרה  למי שמנסה להבין את התקנות המורכבות של  הביטוח הלאומי. </span></p>
<p align="right"><span style="font-family: Arial; font-size: small;"><strong>תמיכה בדפדפנים  השונים: </strong>התמיכה היא כמעט באופן מוחלט  ב-</span><span style="font-family: Arial; font-size: small;">Internet Explorer</span><span style="font-family: Arial; font-size: small;"> בלבד. אפילו באתר התשלומים,  המקום הראשון שהייתי מצפה שיותאם גם לדפדפנים  אחרים</span><span style="font-family: Arial; font-size: small;"> </span><span style="font-family: Arial; font-size: small;">(עניין  תועלתני-כלכלי גרידא), מציין במפורש: &quot;האתר  תומך בדפדפן אקספלורר בלבד&quot;.</span></p>
<p align="right"><span style="font-family: Arial; font-size: small;"><strong>שמישות: </strong> הניווט המורכב ועמוד הבית העמוס מקשים  מאוד בתחום הזה. מן הראוי היה לעשות עמוד  בית פשוט וברור יותר. בצד החיובי, ראוי לציין  את הארגון של הדפים הפנימיים של האתר.</span></p>
<p><span style="font-family: Arial; font-size: small;"><strong>עיצוב: </strong> עושה שימוש רב בצילומים ממאגרי תמונות,  של אנשים שלא נראים כל-כך ישראליים. אפשר  להסיק מהתמונות שהאתר בעיקר פונה לאירופאים  בריאים ומאושרים – ממש לא פוליטקלי קורקט,  ומאכזב בישראל של 2009.<br />
</span></p>
<h2><span style="font-family: Arial; color: #4f81bd; font-size: medium;"><strong>סיכום</strong></span></h2>
<p align="right"><span style="font-family: Arial; font-size: small;">האתר של המוסד  לביטוח לאומי משרת את כל אזרחי המדינה.  הוא מכיל מידע רב, ואתגר ארגון המידע שניצב  בפניו, הוא לא פשוט. רבים מהחוקים והתקנות  שאותם המידע באתר אמור להעביר מורכבים  גם הם. קשה לומר שההתמודדות של האתר עם האתגרים  הללו משביעת רצון. בעמוד הראשי, איזור ה&quot;איתך  מלידה ועד זקנה&quot; הוא מוצלח, אבל מלווה  בעומס רב של אמצעי ניווט שונים מסביבו.  העמודים שהאיזור מוביל אליהם לא מספיק  ברורים. בעמודים הפנימיים שמעבר להם, העוסקים  בנושא ספציפי (כמו אבטלה), המידע בדרך-כלל  מאורגן היטב ועונה על שאלות רבות ובצורה  ברורה, אבל הוא טקסטואלי בעיקרו. היה אפשר  לעשות שימוש מושכל יותר ביכולות שמספק  האינטרנט, כמו מחשבונים מתקדמים, אשפים  ועוד, כדי לסייע למבוטחים להבין את זכויותיהם,  ובמיוחד בנושא מרכזי כל-כך בימים אלה –  דמי האבטלה. לפעמים נדמה שנעשה מאמץ מכוון  ליצור מידע לא מובן, או לפחות לא נעשה מאמץ  להפוך אותו לקל לעיכול.</span></p>
<p align="right"><span style="font-family: Arial; font-size: small;">איזור שלם שלא  יכולתי לבדוק הוא &quot;שירות אישי&quot;, כי  הוא מחייב קבלת סיסמא במשרדי הביטוח הלאומי,  ולשמחתי אני לא מבקר בהם – בינתיים.</span></p>
</div>]]></content:encoded>			<wfw:commentRss>http://www.usable.co.il/archives/1389/feed</wfw:commentRss>
		<slash:comments>21</slash:comments>
		</item>
		<item>
		<title>&#8235;yes Max HD &#8211; חוויית המשתמש&#8236;</title>		<link>http://www.usable.co.il/archives/1335</link>
		<comments>http://www.usable.co.il/archives/1335#comments</comments>
		<pubDate>Sun, 26 Jul 2009 13:39:20 +0000</pubDate>
		<dc:creator>&#8235;barak&#8236;</dc:creator>				<category><![CDATA[ביקורות אתרים]]></category>
		<category><![CDATA[ממשק המשתמש UI]]></category>

		<guid isPermaLink="false">http://www.usable.co.il/?p=1335</guid>
		<description><![CDATA[&#8235;גילוי נאות 1: yes נתנו לי את מכשיר ה-יס מקס HD לחודשיים בחינם, כדי שאכתוב עליו פוסט. הם לא שילמו לי אגורה ולא דרשו שום דבר לגבי התכנים, מלבד שיכבדו את yes כחברה, גם אם הם שליליים.
גילוי נאות 2: אין לי כבלים או לוויין כבר 6 שנים, מבחירה חופשית.
גילוי נאות 3: אין לי טלוויזיית HD, [...]&#8236;]]></description>			<content:encoded><![CDATA[<div dir="rtl"><p><a href="http://www.usable.co.il/archives/1335"><img class="alignright size-full wp-image-1357" style="margin-left: 20px;" title="yes Max HD" src="http://www.usable.co.il/wp-content/uploads/2009/07/maxthumb.jpg" alt="yes Max HD" width="118" height="70" /></a><strong>גילוי נאות 1</strong>: yes נתנו לי את מכשיר ה-יס מקס HD לחודשיים בחינם, כדי שאכתוב עליו פוסט. הם לא שילמו לי אגורה ולא דרשו שום דבר לגבי התכנים, מלבד שיכבדו את yes כחברה, גם אם הם שליליים.</p>
<p><strong>גילוי נאות 2</strong>: אין לי כבלים או לוויין כבר 6 שנים, מבחירה חופשית.</p>
<p><strong>גילוי נאות 3</strong>: אין לי טלוויזיית HD, אבל מערכת סאונד מעולה דווקא יש. ל-yes זה לא הפריע, גם לי לא.</p>
<p>המכשיר המפואר נמצא אצלי כבר כמעט חודש, במהלכו עברתי לגור עם בת-הזוג שלי שתחייה, ביליתי לראשונה עם החתולה שלי באשפוז וטרינרי, נגנב לי מקרר שליווה אותי 10 שנים, ועוד כהנה וכהנה אירועים אישיים שלא אלאה אותכם בהם. בין לבין, הצלחתי לבדוק גם את הצעצוע השחור והנוצץ, ואפילו ליהנות ממנו. היו לא מעט דברים בעייתיים, אבל בסך-הכל חוויית השימוש שלי היתה טובה.</p>
<p><span id="more-1335"></span></p>
<h2>על המכשיר ועל הפוסט</h2>
<p><img class="alignleft size-full wp-image-1358" style="margin-right: 20px;" title="max" src="http://www.usable.co.il/wp-content/uploads/2009/07/max.jpg" alt="max" width="400" height="168" /></p>
<p>ה-<strong>yes Max HD</strong> הוא המכשיר החדש של חברת yes. הוא מאפשר לראות את ערוצי ה-High Definition (בקיצור HD) של החברה. למי שלא מכיר, זה אומר תמונה באיכות גבוהה, יותר מזו של DVD, בערוצי ה-HD המיוחדים, וסאונד דיגיטלי איכותי בערוצים האלה. אפשר גם להקליט בו תוכניות, כמו מכשיר ה-Max הקודם של יס. בכך הוא סוגר פער משמעותי שהיה ל-yes מול דרישות הקהל. עד שהגיע המכשיר החדש, יכלו הלקוחות ב-yes לבחור &#8211; או הקלטה או HD, אבל לא את שניהם.</p>
<p>כשפנו אלי מ-yes לכתוב על חוויית המשתמש, קודם כל הוחמאתי, הבלוג שלי קיים פחות מחצי שנה ותמיד נחמד לגלות שהוא מושך תשומת לב. שמחתי שהעובדה שאין לי ניסיון קודם עם מכשירים של yes או HOT מהשנים האחרונות לא הפריעה להם, כמו גם העובדה שאין לי מסך HD. היא גם לא צריכה להפריע, כי אני סוקר את חוויית המשתמש, ולא את איכות התמונה, הסאונד או הפרמטרים הטכניים של המכשיר. את זה יש כבר <a href="http://www.hometheater.co.il/p-1.article01502" target="_blank">אחרים שעשו</a>. גם על התכנים לא אכתוב.</p>
<h2>מידע על תוכניות</h2>
<p>הממירים/מקלטים של היום, בכבלים ובלוויין, מספקים מידע עשיר על לוח התוכניות. מידע זה משחק תפקיד מרכזי בשימוש במכשיר: הוא אלקטרוני, זמין בכל עת, והוא מופיע כחלק ממערכת הצפייה עצמה &#8211; על גבי מסך הטלוויזיה.</p>
<h3>מידע בזמן דפדוף בין ערוצים</h3>
<p>כשאנחנו עוברים בין ערוצים אנחנו בדרך-כלל עושים את זה כדי להגיע לערוץ מסויים שאנחנו לא זוכרים את המספר שלו, או סתם מזפזפים כדי למצוא משהו מעניין לראות. המידע שמוצג על המסך אמור להיות מספיק כדי לענות על שתי השאלות האלה, ולעשות את זה בצורה ברורה. במשימות האלה אפשר לראות שהמכשיר החדש של yes עושה עבודה מצויינת.</p>
<p><img class="alignnone size-full wp-image-1344" title="מידע בזמן דפדוף" src="http://www.usable.co.il/wp-content/uploads/2009/07/osd-copy1.jpg" alt="מידע בזמן דפדוף" width="600" height="277" /></p>
<h4><span style="color: #008000;"><strong>הדברים הטובים</strong></span></h4>
<ul>
<li>החלוקה הצבעונית לאיזורים ונושאים שונים ברורה.</li>
<li>הצבעים קונטרסטיים ומאפשרים קריאה נוחה. עם האייקונים הייתי צריך להתאמץ מעט, אבל הם שוליים בחשיבות שלהם.</li>
<li>שם התוכנית והערוץ נמצאים במקום הראוי להם &#8211; בראש ההיררכיה החזותית.</li>
<li>הקישור בין סרגל הכלים לכפתורים שעל השלט ברור לאחר זמן שימוש קצר.</li>
<li>ה-Progress Bar נותן אינדיקציה ברורה למיקום הנוכחי בתוכנית.</li>
<li>הפרסומת צנועה, והיא לתכנים של yes. על האיכות של התכנים אפשר להתווכח&#8230; זוהאן הוא מהסרטים שמעלים את השאלה, how low can you go &#8211; אבל רק עד שרואים את ברונו, ומבינים שיש עוד הרבה לאן לרדת.</li>
</ul>
<h4><span style="color: #993300;">הדברים הפחות טובים</span></h4>
<ul>
<li>כדי לראות מידע מלא על התוכנית צריך ללחוץ על כפתור ה +. לשם ההשוואה, למטה יש צילום מסך מתוך מכשיר ה-HD של SKY. היה אפשר להסתיר מעט מהתמונה כדי לסייע למשתמש שרוצה לדפדף בין הערוצים ולתת לו יותר מידע.</li>
<li>כדי לראות את התוכניות הבאות צריך לדפדף עם החצים. שוב &#8211; הדוגמא של Sky מראה שאפשר גם אחרת.</li>
</ul>
<p><img class="size-full wp-image-1338 alignnone" title="המסך של Sky" src="http://www.usable.co.il/wp-content/uploads/2009/07/sky.jpg" alt="המסך של Sky" width="570" height="321" /></p>
<h3>מדריך התוכניות</h3>
<p><img class="alignleft size-thumbnail wp-image-1340" style="margin-right: 20px;" title="מדריך התוכניות" src="http://www.usable.co.il/wp-content/uploads/2009/07/img_1050-150x150.jpg" alt="מדריך התוכניות" width="150" height="150" />את מדריך התוכניות של yes אפשר לראות בצורות שונות: לפי סוגי תוכן (סרטים, סדרות וכו'), רק ערוצים מועדפים, או את כל הערוצים. חוויית השימוש של לוח השידורים לא הייתה גרועה. היא הייתה ממש בסדר, די דומה למה שזכרתי ממכשירים אחרים שנתקלתי בהם בעבר. אבל היא ממש לא מה שהייתי מצפה ממכשיר שממצב את עצמו בחזית הטכנולוגיה בשנת 2009.</p>
<h4><span style="color: #800000;">לך חפש</span></h4>
<p>אין שום יכולת חיפוש טקסטואלי. פשוט אין. יש הכנה לחיפוש טקסטואלי &#8211; על כפתורי המספרים בשלט יש אותיות כמו במכשירי טלפון, אבל אין בהן שום שימוש, וחבל. רוצים למצוא את &quot;אבודים&quot;? אתם צריכים לברר מראש באיזה ערוץ התוכנית משודרת, ופחות או יותר באיזו שעה ובאיזה יום. למה לא להוסיף תיבת חיפוש? המידע כבר טעון במכשיר, רק צריך להפעיל חיפוש.</p>
<p>יש ל-yes מערכת שנקראת yes online שעשוייה לתת את היכולת הזו, ניסיתי להיכנס אך מהשירות נמסר שהם לא יכולים לאפשר לי להיכנס כי אין להם את פרטי האשראי שלי (ראו גילוי נאות 1 למעלה).</p>
<h4><span style="color: #800000;">ניווט לילה</span></h4>
<p><span style="color: #800000;"><span style="color: #000000;">הניווט בתוך רשימת התוכניות<span style="color: #000000;"> לכאורה פשו</span></span><span style="color: #000000;">ט: החי<span style="color: #000000;">צים למעלה ולמטה </span></span><span style="color: #000000;">עוברים בין ערוצים, וימינה ושמאלה בין תוכניות. אבל מה שנראה אינטואיטיבי בהתחלה, הופך למשימה מעייפת בהמשך. מסתבר שהחצים לא עוברים בין תוכניות. הלוגיקה שלהם היא כזו:</span></span></p>
<ul>
<li><span style="color: #800000;"><span style="color: #000000;">אם יש תוכנית לעבור אליה בכיוון של החץ שנלחץ, עבור אליה.</span></span></li>
<li><span style="color: #800000;"><span style="color: #000000;">אם אין תוכנית כזו, עבור שעה קדימה.<br />
</span></span></li>
</ul>
<p><span style="color: #800000;"><span style="color: #000000;">אני משער שכוונת המעצבים היתה שתוכל להתבונן גם בתוכניות שבערוצים האחרים באותו הזמן. אם כרגע נבחרה תחילת הסרט &quot;צ'אק ולארי&quot;, וחץ שמאלה יעביר אותנו ישר ל&quot;זוהאן&quot; שאחריו, לא נשים לב ל&quot;ג'ק וג'יל&quot; ו&quot;יומן החתונה&quot; בערוץ yes1 שמתחתיו. </span></span></p>
<h5>הקליקו על החץ הלבן כדי לחוות את הניווט ברשימת התוכניות. לא רואים את החץ הלבן? נסו לצפות בפוסט <a href="http://www.usable.co.il/archives/1335" target="_self">דרך האתר</a>.<object width="600" height="140" data="/wp-content/uploads/2009/07/guide_as2.swf" type="application/x-shockwave-flash"><param name="quality" value="high" /><param name="name" value="Guide_as2" /><param name="src" value="/wp-content/uploads/2009/07/guide_as2.swf" /><param name="bgcolor" value="#d6d6d6" /></object></h5>
<p><span style="color: #800000;"><span style="color: #000000;">ההחלטה העיצובית הזו מתעלמת משני דברים חשובים: </span></span></p>
<ol>
<li><span style="color: #800000;"><span style="color: #000000;"><strong>מוטיבציה</strong>: כשמשתמש מטייל בין תוכניות בערוץ בודד, הוא כנראה מחפש משהוא ספציפי בערוץ הזה. למשל, סרט או סדרה לצפות בהם או להקליט בהמשך היום או השבוע.<br />
</span></span></li>
<li><span style="color: #800000;"><span style="color: #000000;"><strong>מגבלות פיזיות</strong>: מערכת הראייה שלנו לא מאפשרת לנו לקרוא כמה שורות בו זמנית. אם אנחנו מתבוננים בשורה כדי לאתר בה מידע, נוכל לכל היותר לקלוט במקביל את השורה שמייד מתחתיה, אבל לא יותר מזה. כל מה שרחוק מהשורה שאנחנו קוראים הופך לכתם מטושטש.</span></span></li>
</ol>
<h4><span style="color: #008000;">חוק וסדר</span></h4>
<p><span style="color: #008000;"><span style="color: #000000;"><img class="alignleft size-full wp-image-1351" style=" margin-right: 20px;" title="מדריך התוכניות" src="http://www.usable.co.il/wp-content/uploads/2009/07/madrich-copy.jpg" alt="מדריך התוכניות" width="399" height="299" /></span></span><span style="color: #000000;">הסדר והארגון עובדים טוב </span><span style="color: #008000;"><span style="color: #000000;">במסך של מדריך התוכניות. רוב המסך נתפס על-ידי לוח המשדרים; כותרת בצד ימין למעלה; מיתוג בצד שמאל; סרגל כלים כמו בזמן צפיה בערוץ; מידע על התוכנית שנבחרה מצד שמאל למטה, עם אותם אייקונים מוכרים; מצד ימין למטה מסך מוקטן של התוכנית שצופים בה כרגע, והסאונד ברקע גם של אותה התוכנית. בין לוח התוכניות למידע על התוכנית הנוכחית יש בר שמראה את מצב הזכרון של המכשיר &#8211; על כך בהמשך. </span></span></p>
<p><span style="color: #008000;"><span style="color: #000000;">קל ל<span style="color: #000000;">התמצא במסך הזה. הצבעים שלו עקביים עם שאר הממשק והם קונטרסטיים וקריאים, גודל הטקסט סביר, סרגל הכלים נראה דו</span></span><span style="color: #000000;">מה לזה שבמידע על תוכנית. נוח וקל.</span></span></p>
<p><span style="color: #008000;"><span style="color: #000000;"><span style="color: #993300;"><strong>היה חסר לי כאן דבר אחד</strong> </span>- סימון של התוכנית בה אני צופה כרגע. הדרך היחידה שגיליתי למצוא מה היא, היא לצאת מהמדריך, ולהיכנס אליו שוב. אז התוכנית שנבחרת בברירת המחדל היא זו שאני צופה בה כעת. </span></span></p>
<p><span style="color: #008000;"><span style="color: #000000;"><br />
</span></span></p>
<h2>הקלטת תוכניות</h2>
<h3><span style="color: #008000;">בחירת תוכניות להקלטה</span></h3>
<p>אני מוכרח להגיד שהיכולת לבחור תוכניות מלוח המשדרים ולסמן אותן להקלטה היא <span style="color: #000000;">נהדרת </span>בעיני. חלפו הימים הנוראיים שבהם נאלצנו לתכנת את הוידאו שיקליט בשעה מסויימת, וכמובן לא לשכוח לכוון את הממיר לערוץ הנכון ביום של ההקלטה. גם אם עשית את הכל נכון, תמיד משהו השתבש &#8211; היתה הפסקת חשמל שמחקה את תוכנית ההקלטה, הקלטת היתה מוגנת מפני כתיבה, הכלב אכל את השלט, ועוד ועוד. ב-yes Max HD זה עובד מצויין, וזה קל לשימוש. פשוט עוברים על מדריך התוכניות, ולוחצים על הכפתור עם העיגול האדום של ההקלטה, כפי שמצויין בסרגל הכלים, וזהו &#8211; התוכנית מסומנת להקלטה.</p>
<p>גם סדרות אפשר להקליט בקלות. מצאת פרק אחד של הסדרה, לחיצת כפתור אחת, וכל הפרקים של הסדרה מעכשיו והלאה יוקלטו באופן אוטומטי. תענוג!</p>
<h3><span style="color: #993300;">ביטול הקלטה</span></h3>
<p>לבטל הקלטה של תוכנית ז<span style="color: #000000;">ה כבר פחות פשוט</span>. ציפיתי שכפתור ההקלטה יהיה toggle, כלומר, אם לחצתי עליו כדי להקליט, לחיצה נוספת עליו תבטל את ההקלטה &#8211; אבל זה לא כך. עד כמה שהצלחתי לגלות, הדרך היחידה לבטל הקלטה היא ללכת לרשימת התוכניות להקלטה ולבטל. מסורבל.</p>
<h3><span style="color: #993300;"><span style="color: #993300;">רשימת התוכניות המוקלטות</span><br />
</span></h3>
<p><span style="color: #993300;"><span style="color: #000000;">התוכניות המוקלטות מוצגות ברשימה ארוכה, יחד עם זמן ההקלטה והערוץ ממנו התוכנית הוקלטה. גם כאן, כמו בלוח התוכניות, <span style="color: #993300;"><strong>חסרה יכולת חיפוש</strong></span>. חשבתי שהפעולה &quot;מיון&quot; תעזור למצוא תוכניות ספציפיות, אבל מסתבר <span style="color: #993300;"><span style="color: #000000;">ש</span><strong>&quot;מיון&quot; הוא למעשה &quot;סינון&quot;.</strong></span> הכותרת פשוט שגויה. הוא מאפשר לבחור לראות רק סדרות, רק תוכניות שמוקלטות כרגע, רק תוכניות שנצפו וכו'.ב-yes Max HD יש שטח אחסון גדול מאוד, כדי לאפשר הקלטה של כמה שעות טובות של תכני HD. בשטח הגדול הזה אפשר גם להקליט הרבה מאוד תוכניות רגילות. העובדה שאי אפשר לחפש או למיין ברשימת ההקלטות, במיוחד במכשיר ה-HD, היא בעיני פספוס אמיתי.<br />
</span></span></p>
<p><span style="color: #993300;"><span style="color: #000000;"><img class="alignnone size-full wp-image-1353" title="התוכניות המוקלטות" src="http://www.usable.co.il/wp-content/uploads/2009/07/reclist.jpg" alt="התוכניות המוקלטות" width="400" height="305" /></span></span></p>
<h3><span style="color: #993300;">מה כוונת המשורר? אישור מחיקה<br />
</span></h3>
<p><span style="color: #993300;"><span style="color: #000000;">כשמנסים למחוק תוכנית בודדת, צריכים לאשר את המחיקה:</span></span></p>
<p><span style="color: #993300;"><span style="color: #000000;"><img class="alignnone size-full wp-image-1354" title="אישור מחיקה" src="http://www.usable.co.il/wp-content/uploads/2009/07/del.jpg" alt="אישור מחיקה" width="280" height="289" /><br />
</span></span></p>
<p><span style="color: #993300;"><span style="color: #000000;">אתם יודעים להגיד בוודאות איפה נבחר &quot;כן, המשך&quot; ואיפה נבחר &quot;לא, חזור אחורה&quot;? לי זה לקח כמה שניות טובות, וגם אז לא הייתי לגמרי בטוח. הסיבה לבלבול ברורה &#8211; אם היו פה 3 אפשרויות, היה אפשר להבין בזריזות מי מהן מסומנת, אבל אין, יש רק 2. היה בקלות אפשר לפתור את הבעיה הזו על-ידי הוספה של חיצים &gt;&gt; ליד הפעולה שנבחרה. </span></span></p>
<div id="attachment_1367" class="wp-caption alignleft" style="width: 210px"><img class="size-full wp-image-1367" title="שלט" src="http://www.usable.co.il/wp-content/uploads/2009/07/remote1.jpg" alt="השלט החדש. שחור, נוצץ וסקסי. אוקיי, אוקיי, שחור ונוצץ! :-)" width="200" height="281" /><p class="wp-caption-text">השלט החדש. שחור, נוצץ וסקסי. בסדר, בסדר, שחור ונוצץ! <img src='http://www.usable.co.il/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p></div>
<h2><span style="color: #993300;"><span style="color: #000000;">סיכום </span></span></h2>
<p>המכשיר החדש של yes, ה-yes Max HD, בהחלט מספק את הסחורה, בהסתייגות מסויימת. <strong>התמונה באיכות מעולה </strong>- עד כמה שיכולתי לראות בטלוויזיה האנכרוניסטית שלי; <strong>הסאונד מצויין </strong>- Dolby Digital בסראונד חד וברור ובחיבור אופטי דיגיטלי. <strong>חוויית המשתמש מוצלחת ברובה</strong>, עם לא מעט בעיות קטנות, ובעיה משמעותית אחת: <strong>אין חיפוש, </strong>לא במדריך התוכניות ולא בין התוכניות המוקלטות. עם כמות הערוצים וההקלטות האדירה שעומדות בפני המשתמש במכשיר, חיפוש הוא כבר לא בגדר מותרות, הוא הכרחי. במדריך התוכניות <strong>הניווט מגושם</strong>,<strong> </strong>ועם שינויים קלים היה יכול להיות הרבה יותר נוח.</p>
</div>]]></content:encoded>			<wfw:commentRss>http://www.usable.co.il/archives/1335/feed</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>&#8235;איך להפסיד כסף: שיעור בחינם מפסטיבל ישראל&#8236;</title>		<link>http://www.usable.co.il/archives/771</link>
		<comments>http://www.usable.co.il/archives/771#comments</comments>
		<pubDate>Sat, 02 May 2009 17:58:38 +0000</pubDate>
		<dc:creator>&#8235;barak&#8236;</dc:creator>				<category><![CDATA[ביקורות אתרים]]></category>
		<category><![CDATA[חוויית המשתמש UX]]></category>
		<category><![CDATA[ממשק המשתמש UI]]></category>
		<category><![CDATA[צרכנות]]></category>

		<guid isPermaLink="false">http://www.usable.co.il/?p=771</guid>
		<description><![CDATA[&#8235;לפני כמה שבועות כתבתי כאן על הכפתור ששווה 300 מיליון דולר &#8211; על איך ששינוי בטופס ההרשמה לאתר מסחר ברשת הניב גידול עצום במכירות. הנקודה העיקרית של מי ששינה את עיצוב הטופס היתה, שלקוחות שבאים לקנות לא מעוניינים להירשם לאתר ולבנות איתו מערכת יחסים. הם רוצים רק לקנות, גם במחיר של מילוי חוזר של פרטים [...]&#8236;]]></description>			<content:encoded><![CDATA[<div dir="rtl"><p><a href="http://www.usable.co.il/archives/771/" target="_self"><img class="alignright size-full wp-image-783" style="margin-top: 10px; margin-bottom: 10px; margin-left: 20px;" title="כסף נשרף" src="http://www.usable.co.il/wp-content/uploads/2009/05/thumb1.jpg" alt="thumb1" width="118" height="58" /></a>לפני כמה שבועות כתבתי כאן על <a href="http://www.usable.co.il/archives/530">הכפתור ששווה 300 מיליון דולר</a> &#8211; על איך ששינוי בטופס ההרשמה לאתר מסחר ברשת הניב גידול עצום במכירות. הנקודה העיקרית של מי ששינה את עיצוב הטופס היתה, שלקוחות שבאים לקנות לא מעוניינים להירשם לאתר ולבנות איתו מערכת יחסים. הם רוצים רק לקנות, גם במחיר של מילוי חוזר של פרטים אישיים.</p>
<p>כשקניתי השבוע כרטיסים לפסטיבל ישראל, נתקלתי באותה הטעות לזאת שהיתה בטופס ההוא (לפני שתוקן), רק שבפסטיבל ישראל עשו את הטעות בגדול. מה זה בגדול, <strong>בענק!</strong></p>
<p><strong></strong><span id="more-771"></span></p>
<h2>כמה מילים על הפסטיבל</h2>
<p>זה כבר כמה שנים שאני הולך למופעים ב<a href="http://www.israel-festival.org.il/" target="_blank">פסטיבל ישראל</a>. מעבר למופעים עצמם, שרבים מהם מצויינים (אזכיר את &quot;<a href="http://yonirechter.net/albums/album_romantica.html" target="_blank">העיקר זה הרומנטיקה</a>&quot; הוותיק &#8211; יוני רכטר וחברים, ואת &quot;<a href="http://www.tapuz.co.il/blog/ViewEntry.asp?EntryId=1292850&amp;passok=yes" target="_blank">דבקה פנטזיה</a>&quot; הנפלא שהייתי בו בשנה שעברה), יש גם אווירה נהדרת וכל מיני הופעות חינמיות כיפיות מחוץ לאולמות של תאטרון ירושלים.</p>
<div id="attachment_772" class="wp-caption alignnone" style="width: 500px"><img class="size-full wp-image-772" title="מופע רחוב" src="http://www.usable.co.il/wp-content/uploads/2009/05/street.jpg" alt="בפסטיבל יש הרבה מופעי רחוב מצויינים" width="490" height="270" /><p class="wp-caption-text">בפסטיבל יש הרבה מופעי רחוב מצויינים</p></div>
<h2>קונים כרטיסים לפסטיבל</h2>
<p>גם השנה החלטתי לקנות כרטיסים. ישבתי עם זוגתי ובחרנו ביחד מופעים ומושבים. תהליך בחירת הכרטיסים היה די מוצלח, אגב, אבל ספק אם הייתי מצליח להשלים אותו בלי החוברת המודפסת שנשלחה לי בדואר: <a href="http://www.israel-festival.org.il/2009/list.html">אתר המידע של הפסטיבל</a> די קשה ולא נוח לשימוש, ולעתים גם לא מאוד אסתטי.</p>
<p>אחרי שסיימתי עם בחירת הכרטיסים קיבלתי את מסך עגלת הקניות (זה לא המופע שבו בחרתי, אגב):</p>
<p><img class="alignnone size-full wp-image-773" style="border: 1px solid black;" title="עגלת הקניות" src="http://www.usable.co.il/wp-content/uploads/2009/05/fest1.jpg" alt="עגלת הקניות" width="600" height="352" /></p>
<p>לחיצה על השלמת ההזמנה מביא למסך שבו מזינים פרטים אישיים.</p>
<p><img class="alignnone size-full wp-image-775" style="border: 1px solid black;" title="פרטים אישיים" src="http://www.usable.co.il/wp-content/uploads/2009/05/fest22.jpg" alt="פרטים אישיים" width="600" height="437" /></p>
<p>יש במסך הזה אפשרות להזין כתובת אימייל וסיסמה, שהתעלמתי ממנה. לא זכרתי שקניתי דרך האתר ב-2008, ובכל מקרה &#8211; זה היה פסטיבל 2008, ועכשיו זה פסטיבל 2009, לא חשבתי שהפרטים שלי נשמרו, ולא רציתי להתחיל להתעסק עם האמייל. נראה היה שאפשר בזריזות להקיש את כל הפרטים שדרושים, וזה בדיוק מה שעשיתי.</p>
<p>שימו לב שאם עוקבים אחרי המסלול שהטופס מתווה (<a href="http://www.usable.co.il/archives/530">המסלול להשלמת הטופס</a> &#8211; כתבתי עליו פה בפוסט קודם) <strong>מגיעים בקו ישר לכפתור &quot;ניקוי&quot;</strong>, <strong>ולא ל&quot;השלמת ההזמנה&quot;</strong>. היה רצוי להפוך את הסדר שלהם כדי לא להכשיל את המשתמשים בטופס, שפעמים רבות לוחצים פשוט על הכפתור הראשון שהעין רצה אליו, ולא קוראים בכלל מה כתוב עליו.</p>
<p>אחרי לחיצה על &quot;השלמת ההזמנה&quot; מגיעים למסך להזנת פרטי אשראי. הזנתי את הפרטים:</p>
<p><img class="alignnone size-full wp-image-778" style="border: 1px solid black;" title="fest3" src="http://www.usable.co.il/wp-content/uploads/2009/05/fest3.jpg" alt="fest3" width="600" height="290" /></p>
<p>שימו לב, שבשלב הזה <strong>יש בידי האתר את כל הפרטים כדי לבצע את העסקה, כולל פרטי אשראי</strong>!<strong> </strong>אמנם רק 365 ש&quot;ח, אבל עדיין עסקה (אותו הדבר קורה גם בעסקאות גדולות יותר, כמובן).</p>
<p>לוחצים על אישור, ומה מקבלים? <strong>אכזבה! </strong>מסך שגיאה:<strong><br />
</strong></p>
<p><img class="alignnone size-full wp-image-779" style="border: 1px solid black;" title="אכזבה!" src="http://www.usable.co.il/wp-content/uploads/2009/05/fest4.jpg" alt="אכזבה!" width="444" height="135" /></p>
<p>מסתבר שלאתר שפסטיבל ישראל יותר חשוב שתכנסו לחשבון שלכם בצורה מסודרת, ולא תשלמו להם סתם ככה כמו פראי-אדם, מאשר לקחת מכם כסף. אז מה אם הפסטיבל קורה רק פעם בשנה &#8211; בבקשה לזכור את הסיסמה, או לבקש אותה כשאתם באים לקנות. מה זה, קרקס? זה פסטיבל תרבותי פה! כנראה שהכסף על הכרטיסים לא הולך למעצבי האתר&#8230;</p>
<p>בשביל להגיע ללינק &quot;שכחתי סיסמה&quot; ממסך השגיאה הזה, צריך לחזור לבד למסך של הפרטים האישיים, אין שום לינק אליו. תסתדרו לבד. אם כבר בוחרים לאלץ את המשתמשים להכנס לחשבון שלהם, כפי שנעשה כאן, היה אפשר כבר בנקודה הזאת (מסך השגיאה) לשלוח סיסמה בדואר אוטומטית, לתת למשתמש הודעה מתאימה ולאפשר לו להזין את הסיסמה שנשלחה בתוך חלון השגיאה עצמו.</p>
<p>הטעות הזאת לא עולה לפסטיבל 300 מיליון דולר, אני בטוח. סביר להניח שמי שכבר הצליח להזמין מהאתר, ימצא איפה ללחוץ &quot;שכחתי סיסמה&quot;, ייכנס לחשבון ויזמין בכל מקרה. זה לא כאילו יש לו אלטרנטיבות, לפחות ברשת, זה האתר היחיד לכרטיסים לפסטיבל. אבל אולי כשיגיע להזמין בטלפון או במשרד כרטיסים (כי הוא לא הצליח באתר) לא יזכור את כל המופעים שמצא באתר, ויזמין פחות? וכמה כסף שווה התסכול שלו מהתהליך?</p>
<p>בכל מקרה, זאת דוגמא מצויינת לעיצוב שגוי שמונחה, כפי הנראה, משיקולי התוכנה (שדורשת לא ליצור שני חשבונות לאותה כתובת אימייל) ולא משיקולי חוויית השימוש באתר. מי שמבקר באתר הזה רוצה רק לשלם ולקבל אישור על הרכישה באימייל, ולא אכפת לו בכלל מהחשבון שלו באתר &quot;פסטיבל ישראל&quot;. כל עוד הוא מקבל את הכרטיסים שלו, כל השאר לא חשוב.</p>
<p>אגב, את הכרטיסים עצמם, לפסטיבל ישראל <strong>2009</strong>, אפשר לקבל רק בדואר או בקופה (ולא באימייל או באתר, למשל).</p>
<h2>טיפים והמלצות</h2>
<ul>
<li>אל תאלצו את המשתמשים להירשם לאתר שלכם כדי לקנות ממנו (או לכל פעולה אחרת) &#8211; המבקרים באתר רוצים רק לקבל את השירות שהוא מספק, ולא לבנות איתו קשר ארוך-טווח.</li>
<li>תשתדלו לתת למשתמש אפשרות להזין את הפרטים הנחוצים ולהשלים את הפעולה, גם בלי להירשם לאתר.</li>
<li>הרשמה לאתר נתפסת אצל רבים כנתינת פתח לאתר לשלוח דואר זבל (spam), ואף אחד לא מעוניין בזה. אם אתם מוכרחים לבצע רישום של המשתמש, הבהירו מוקדם ככל האפשר שלא תשתמשו בפרטים שלו לשליחת דואר זבל.</li>
<li>לעוד טיפים בנושא הזה ועל עיצוב טפסים בכלל, ב<a href="http://www.usable.co.il/archives/530">סדרת הפוסטים על עיצוב טפסים</a>.</li>
</ul>
</div>]]></content:encoded>			<wfw:commentRss>http://www.usable.co.il/archives/771/feed</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>&#8235;צומת ספרים: חוויה מהסוג הישן&#8236;</title>		<link>http://www.usable.co.il/archives/749</link>
		<comments>http://www.usable.co.il/archives/749#comments</comments>
		<pubDate>Mon, 27 Apr 2009 05:34:53 +0000</pubDate>
		<dc:creator>&#8235;barak&#8236;</dc:creator>				<category><![CDATA[ביקורות אתרים]]></category>

		<guid isPermaLink="false">http://www.usable.co.il/?p=749</guid>
		<description><![CDATA[&#8235;כשהולכים לקנות ספרים ברשת, מאבדים שני דברים חשובים שיש בחנות אמיתית: את  היכולת לעבור בין כל הספרים עם העין, לבחור אחד שנראה מעניין, לקרוא בו קצת ורק אז  לקנות; ואת המוכר או המוכרת שהם בדרך-כלל תולעי ספרים במובן הטוב של המילה, הם תמיד  יודעים להמליץ על משהו טוב. באתרים מתקדמים בתחום, משתדלים [...]&#8236;]]></description>			<content:encoded><![CDATA[<div dir="rtl"><p><a href="http://www.usable.co.il/wp-content/uploads/2009/04/zomet.jpg"><img class="alignright size-full wp-image-754" style="margin-left: 20px; ;" title="zomet" src="http://www.usable.co.il/wp-content/uploads/2009/04/zomet.jpg" alt="zomet" width="126" height="57" /></a>כשהולכים לקנות ספרים ברשת, מאבדים שני דברים חשובים שיש בחנות אמיתית: את  היכולת לעבור בין כל הספרים עם העין, לבחור אחד שנראה מעניין, לקרוא בו קצת ורק אז  לקנות; ואת המוכר או המוכרת שהם בדרך-כלל תולעי ספרים במובן הטוב של המילה, הם תמיד  יודעים להמליץ על משהו טוב. באתרים מתקדמים בתחום, משתדלים לפצות על החסרונות האלה:  חיפוש מהיר, דירוגי מבקרים, הצצה לעמודים הראשונים והאחרונים של הספר, קישורים  לספרים דומים ועוד.</p>
<p><a class="bluelink" onmouseover="this.href=unescape(this.href)" href="http://booknetshop.co.il/" target="_blank">האתר של צומת ספרים</a> הוא לא  אתר סקסי או מתקדם במיוחד, היכולות שלו די מוגבלות בהשוואה לאתרי חנויות ספרים  בחו&quot;ל; אפשר להבין את זה בהתחשב בגודל השוק בארץ. עמוד הבית והעמוד של כל אחד  מהספרים מאורגנים היטב עם שפע של מידע רלוונטי, אבל שאר העמודים באתר לא מסייעים  מספיק בתהליך החיפוש וההזמנה.</p>
<h5><a href="http://www.ynet.co.il/articles/0,7340,L-3698630,00.html">פורסם לראשונה ב-Ynet </a>במדור <a href="http://www.ynet.co.il/headlines/1,7340,L-7010-0,00.html">ביקורשת</a>, 7.4.2009.</h5>
<p class="pHeader"><span id="more-749"></span></p>
<h3 class="pHeader">איך מכניסים חמישה פילים לחיפושית פולקסווגן?</h3>
<p>העמוד הראשי של האתר לא מבזבז אף פיקסל, כולו מלא בתוכן. הוא אולי צפוף, אבל  מאורגן בצורה נוחה וברורה. שני ספרים מומלצים בכל אחת מהקטגוריות הראשיות (ספרות,  עיון, אנגלית, ילדים, נוער, בישול, וכו') מופיעים כאן, ואפשר גם להגיע בקלות לספרים  נוספים בכל אחת מהקטגוריות. התקציר של כל ספר מופיע כבר בעמוד הראשי &#8211; וזה  מצויין.</p>
<p><img src="http://www.ynet.co.il/PicServer2/02022009/1918120/home_wa.jpg" border="0" alt="" width="408" height="329" /></p>
<p>לכתובת האתר (<a class="bluelink" onmouseover="this.href=unescape(this.href)" href="http://booknetshop.co.il/" target="_blank">booknetshop.co.il</a>) אין שום  קשר לשם החברה, והיא גם לא מופיעה בעמוד הראשי. אבל חיפוש של &quot;צומת ספרים&quot; בגוגל  מוצא אותו מייד. אומנם כשיש מנוע חיפוש טוב לא צריך לזכור כתובות, אבל היה ראוי  לבחור שם שאיכשהו קשור לשם המותג. הפביקון של האתר, צ' כחול על רקע צהוב, מזכיר  סימון של רכוש צבאי, ובוודאי שלא מקושר עם המותג של צומת ספרים למי שמכיר את  החנויות שמחוץ לרשת.</p>
<p style="text-align: center;">
<div id="attachment_752" class="wp-caption aligncenter" style="width: 271px"><img class="size-full wp-image-752" title="רכוש צה&quot;ל?" src="http://www.usable.co.il/wp-content/uploads/2009/04/zadik1.jpg" alt="רכוש צה&quot;ל?" width="261" height="39" /><p class="wp-caption-text">רכוש צה&quot;ל?</p></div>
<div id="attachment_753" class="wp-caption alignleft" style="width: 230px"><a href="http://www.usable.co.il/wp-content/uploads/2009/04/tinok.jpg"><img class="size-full wp-image-753" title="התינוק" src="http://www.usable.co.il/wp-content/uploads/2009/04/tinok.jpg" alt="התינוק שלעולם לא יגיע :-(" width="220" height="242" /></a><p class="wp-caption-text">התינוק שלעולם לא יגיע</p></div>
<p>אם יש משהו שהטריד את מנוחתי באתר, זו הפרסומת עם התינוק בצד שמאל. נעזוב  לרגע את זה שהווידאו שם מקרטע וקופץ, ואת זה שהזחילה האינסופית הזאת מזכירה את  הסצינה המזעזעת מטריינספוטינג שבה <a class="bluelink" onmouseover="this.href=unescape(this.href)" href="http://www.youtube.com/watch?v=GgeDh1WCyeM" target="_blank">התינוק הולך על  התקרה</a>. התנועה בפרסומת הזאת פשוט מושכת את תשומת הלב, ומפריעה לנו לקרוא. והיא  מופיעה בכל דפי האתר. נסו למצוא פרסומות עם אנימציה באתרים כמו <a class="bluelink" onmouseover="this.href=unescape(this.href)" href="http://www.amazon.com/" target="_blank">Amazon</a> או <a class="bluelink" onmouseover="this.href=unescape(this.href)" href="http://www.barnesandnoble.com/" target="_blank">BarnesAndNoble</a>, ולא תמצאו, חוץ אולי מהעמוד הראשי. אנימציה  מפריעה לנו  להתרכז בקריאה (כתבתי על זה פה ב<a href="http://www.usable.co.il/archives/3">פוסט על קשב</a>),  פעילות די חיונית באתר שמוכר ספרים, לא?</p>
<p>אפשר לחלק את הקונים באתר לשני סוגים עיקריים: כאלה שיודעים בדיוק, או כמעט  בדיוק, איזה ספר הם רוצים (&quot;מאה שנים של בדידות של מרקס&quot; או &quot;החדש של פול אוסטר&quot;)  וכאלה שלא יודעים (&quot;ספר טוב לעוגיות ולחמים&quot; או &quot;מותחן חזק שאי אפשר להניח&quot;).</p>
<h3 class="pHeader">מבקרים שיודעים בדיוק איזה ספר הם רוצים</h3>
<p>אחד היתרונות הגדולים באתר ספרים לעומת חנות בקניון, הוא יכולת החיפוש, והיא  עוזרת בעיקר לקונים שיודעים בדיוק מה הם רוצים (&quot;החדש של פול אוסטר&quot;). המיקום של  תיבת החיפוש בפינה הימנית למעלה הוא אידיאלי, והיא מאוד בולטת בעיצוב של הדף. כאן  נגמרת ההצלחה של החיפוש באתר, מכמה סיבות:</p>
<p><span style="font-weight: bold; font-size: 13px;">1. חייבים לבחור לפי מה  לחפש</span> &#8211; &quot;שם ספר&quot;, &quot;שם מחבר&quot;, או &quot;בכל בוקנט&quot; (בוקנט, להזכירכם, הוא שם  האתר). כולם רגילים, בזכות גוגל, להכניס רק את מילות החיפוש. שהמחשב ישבור את הראש  למה היתה הכוונה. רק אחרי שחיפשתי את פול אוסטר ולא מצאתי כלום, ראיתי שצריך לבחור  במה מחפשים. ברירת המחדל היא &quot;שם ספר&quot;. חיפוש &quot;בכל בוקנט&quot; לא החזיר כלום. היה נחמד  אם האפשרות הזאת היתה עובדת, ואם היא היתה גם ברירת המחדל.</p>
<p><span style="font-weight: bold; font-size: 13px;">2. החיפוש עובד רק עם טקסט  מדוייק</span>. אם תכניסו &quot;לדעת אשה&quot; במקום &quot;לדעת אישה&quot;, לא תמצאו את הספר של עמוס  עוז.</p>
<div class="wp-caption alignnone" style="width: 418px"><img style="border: 0pt none;" title="תוצאות חיפוש" src="http://www.ynet.co.il/PicServer2/02022009/1918119/searchresults_wa.jpg" border="0" alt="" width="408" height="238" /><p class="wp-caption-text">תוצאות חיפוש</p></div>
<p>3. <span style="font-weight: bold; font-size: 13px;">תוצאות החיפוש מחזירות  רשימה ארוכה של ספרים</span>, בלי שום דירוג, קטעים מהספר או מהכריכה &#8211; כלום. אין  אפשרות למיין (למשל לפי שנת הוצאה), והספרים מופיעים בסדר שנראה אקראי. התמונה של  הכריכה מאוד קטנה. חייבים להכנס לדף של הספר כדי לגלות אם זה מה שחיפשנו או לא, ואם  זה לא &#8211; לחזור חזרה לעמוד התוצאות, וחוזר חלילה. הנה התוצאות של החיפוש &quot;פול  אוסטר&quot;.</p>
<h3 class="pHeader">מבקרים שלא יודעים איזה ספר הם רוצים</h3>
<p>עבור הקונים מהסוג השני, שלא יודעים בדיוק מה הם רוצים (&quot;ספר טוב לעוגיות  ולחמים&quot;) הדף הראשי מאוד עוזר. יש מבחר של ספרים עם תקצירים לפי קטגוריות, רשימת  קטגוריות בצד &#8211; אידיאלי. היה נחמד לקבל המלצות של קוראים כבר בדף הבית, או את רשימת  הספרים הנמכרים ביותר &#8211; אבל גם מה שיש יכול היה להספיק.</p>
<p>אבל… כשנכנסים לאחת הקטגוריות, שוב מקבלים רשימה ארוכה של ספרים כמו בחיפוש, ולך  תדע אם הספר מעניין אותך. היה אפשר בקלות לארגן את הדף כמו את העמוד הראשי, או  אפילו להשאיר אותו כרשימה, ולהוסיף תיאור קצר מתחת לשם הספר, אולי גם ביקורת אקראית  של קורא (יש כאלה לא מעט באתר), ולעזור לקונה למצוא ספר שיתאים לו.</p>
<h3 class="pHeader">אפשר לשלם?</h3>
<div class="wp-caption alignnone" style="width: 418px"><img style="border: 0pt none;" title="עגלת הקניות" src="http://www.ynet.co.il/PicServer2/02022009/1918121/sal_wa.jpg" border="0" alt="" width="408" height="229" /><p class="wp-caption-text">עגלת הקניות</p></div>
<p>סל הקניות די סטנדרטי: רשימת הספרים והמחירים שלהם. למטה, מתכנני האתר הוסיפו  מידע חשוב, את עלות המשלוח, בטבלה שנראית כאילו לקחו אותה מתקנות מס ההכנסה או  הביטוח הלאומי. אבל נעזוב לרגע את זה שהטבלה לא מעוצבת כמו שאר האתר. כבר בחרתי  ספרים, הם מופיעים פה למעלה, הייתי מצפה לקבל רק את האפשרויות הרלוונטיות למחיר של  הספרים שבחרתי; באתר מוצגים כל המחירים, גם כאלה שלא רלוונטיים. בנוסף, הארגון  בטבלה הרחבה מקשה מאוד על הקריאה.</p>
<div id="attachment_758" class="wp-caption alignleft" style="width: 210px"><img class="size-full wp-image-758" title="טופס ההזמנה" src="http://www.usable.co.il/wp-content/uploads/2009/04/hazmana.jpg" alt="טופס ההזמנה" width="200" height="436" /><p class="wp-caption-text">טופס ההזמנה</p></div>
<p>במסך הבא מגיעים לטופס ארוך מאוד (התמונה משמאל) שצריך להזין בו שפע של מידע, הכל במסך אחד, מכתובת  ועד אשראי. יש היום שפע של דוגמאות לאתרי מסחר אלקטרוני ברשת, אין שום תירוץ לדף  אחד ארוך ש&quot;טוב לכולם&quot; (הוא לא). למשל, לקוחות קיימים צריכים רק להזין את המשתמש  והסיסמה, חדשים צריכים להזין הכל. לקוחות מחו&quot;ל צריכים להזין שם מדינה ולא יכולים  לבחור סוג משלוח.</p>
<p>אין שום סיוע למי שלא מנוסים בהזמנה ברשת. למשל, למה צריך להזין &quot;סיסמה&quot; ו&quot;אימות  סיסמה&quot;? כתבתי כאן כבר על <a href="http://www.usable.co.il/archives/632">כתיבת הסברים ועזרה בטפסים</a>; בטופס הזה אין שום עזרה, פרט להערה על כתובת האימייל. משתמשים שזו הזמנתם הראשונה ברשת יצטרכו, כנראה, עזרה מ&quot;מומחה המחשבים&quot; שלהם.</p>
<p>מחיר המשלוח לא ברור. אפשר לבחור במשלוח לחו&quot;ל, אבל אין שום מקום  להזין את שם המדינה שרוצים לשלוח אליה. אם בוחרים במשלוח מהיר שעולה כסף, המחיר  הכולל של ההזמנה לא מתעדכן. נו, קחו מחשבון ותחשבו לבד. <strong>חובבני</strong>.</p>
<h3 class="pHeader">כרטיס ניקוד</h3>
<p><span style="font-weight: bold; font-size: 13px;">מראה כללי:</span> פשוט  וברור. משדר היטב את המותג, למעט הפביקון (ה-צ הכחול-צהוב). נקי ונוח לקריאה, למעט  האנימציות בצד.</p>
<p><span style="font-weight: bold; font-size: 13px;">התמצאות וניווט:</span> קל להבין איפה נמצאים באתר. החיפוש לא בלתי אפשרי, אבל דורש מאמץ ובהחלט ראוי לשפר  אותו.</p>
<p><span style="font-weight: bold; font-size: 13px;">עזרה והסברים:</span> אין  הסברים במקום היחיד שהם נחוצים, טופס ההזמנה. ברוב האתר לא נחוצים הסברים, הוא ברור  מאליו.</p>
<p><span style="font-weight: bold; font-size: 13px;">תמיכה בדפדפנים  השונים:</span> תומך מצויין באקספלורר, פיירפוקס וספארי.</p>
<p><span style="font-weight: bold; font-size: 13px;">סיכום:</span> האתר פשוט מאוד  ומעט מיושן ביכולות ובעיצוב שלו, ולא מסייע מספיק בתהליך החיפוש. עם זאת, נראה שיש  בו את רוב מה שצריך באתר בסיסי כזה, ועם כמה שינויים ותוספות קלים היה אפשר להפוך  אותו לאתר הרבה יותר נוח ושימושי.</p>
</div>]]></content:encoded>			<wfw:commentRss>http://www.usable.co.il/archives/749/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
