מבדקי שימושיות. כבר לא יקר

9 ספטמבר, 2013

עיצבתם אתר מכר חדש ועכשיו אתם רוצים לוודא שהוא פועל כמו שצריך. הגיוני. קראתם לאמא, לשכן מלמעלה, ולשני חברים בעבודה. קיבלתם את הפידבקים שלהם, שיניתם את המיקום של שני כפתורים קטנים ואתם מרגישים מוכנים לעלות לאוויר.
אז העלתם את האתר לאוויר והוא לא עובד מספיק טוב. יחס ההמרה (conversion rate) שלו נמוך ויחס הקפיצה שלו ( Bounce rate) מזעזע. אנשים נכנסים לאתר, במקרה הטוב מסתובבים בשני דפים, לא קונים כלום וסוגרים את החלונית.
מה עושים?
מבדקי שימושיות אמיתיים. עם כל הכבוד למה שהאנשים הקרובים אלינו (בין אם אנשי מקצוע ובין אם לא) מספרים לנו, העיניים מדברות הרבה יותר חזק מכך. בדיוק למען המטרה הזו המציאו מכשירים למעקב אחרי תנועות העיניים (eye tracking devices). אבל יש בעיה. המכשירים האלה יקרים. אפילו יקרים מאד. למעצב הבודד, זה שעובד בבית, לא משתלם לקנות אותם. גם לסטודיו הקטן לא משתלם ואפילו לסטארטאפ המתחיל, זה שמטיל את כל הביצים שלו אל תוך האתר, אפילו הוא לא מסוגל לעמוד בהוצאה הגדולה.
ואז הגיעו החברה הנהדרים של the eye tribe והוציאו מכשיר למעקב אחרי תנועות העיניים ב99$.

אז אני עדיין לא יודע עד כמה המכשיר איכותי. זה נכון. מצד שני, המקרה הכי גרוע הוא שביזבזנו מאה דולר. לא משהו שעושים בשביל הצחוק אולי, אבל בהחלט משהו ששווה לשקול למען שיפור הביצועים של האתרים שאנחנו מעצבים.

טכנולוגי - 0 תגובות

5 כלים מאאאגניבים למעצבי אינטראקטיב

27 יוני, 2013

 

טבלת רזולוציות (כמעט) מלאה

כמה פעמים חיפשתם את הרזולוציה הנכונה של מכשיר כלשהו? אז הנה. היא רשומה כאן. נכון, לא הכל, זה לא בשביל מחקר כללי. אבל המכשירים הפופולריים ביותר רשומים כאן.

 

כל הנתונים לעיצוב לאפל
קרה לכם פעם שרציתם לעצב אייקון לIOS אבל לא הייתם בטוחים מה הגודל המדויק? אז הנה. הגודל המדויק רשום כאן. יחד עם הגובה של התפריטים, מודלי צבע, רזולוציות ועוד.

 

יצירת ספרייטים בקלות
יודעים מה זה ספרייט? אם לא, הכוונה היא ליצירה של קובץ אחד שמכיל המון אייקונים. טוענים אותו פעם אחת ואז מכוונים את הדפדפן להציג את האייקון הנכון ע"י קואורדינציות. זה קל למתכנתים, קל למעצבים ומהיר לדפדפן (לא צריך לטעון 50 קבצים שונים. רק קובץ אחד). אז בדף הזה תמצאו אפליקציה שתעזור לכם ליצור קובץ ספרייט כזה.

 

אייקונים בCSS

 

אייקונים בCSS הם קלים יותר ועוזרים לאתר שלכם לעלות מהר יותר, דבר שמשפיע באופן ישיר על משך הזמן שאנשים נשארים באתר שלכם. כאן תוכלו ליצור אייקונים בעזרת כלי ציור קטן שממיר את התוצאה לקוד.

 

סימון ועריכת טקסטים 

זה הכלי המגניב ביותר ברשימה. הוא גם אולי הכלי הכי פחות יעיל. בעוד ששאר הכלים עוזרים להרבה אנשים במגוון סיטואציות כמעט-יום-יומיות, הכלי הזה הוא כלי שיעזור לשפר את חווית המשתמש, לאו דווקא להקל על העבודה השחורה. אבל הוא כל כך מגניב שהייתי חייב לשתף אותו כאן. תסמנו טקסט בעזרת הסמן ותשנו את התכונות שלו ישירות בדפדפן בקלילות.

 

זהו להיום.

טכנולוגי - 0 תגובות

לפעמים כולם זה לא באמת כולם

16 יוני, 2013

כאן אפשר למצוא פרטים נוספים. אל תשכחו לבדוק את הדפים הנוספים.

טכנולוגי - 0 תגובות

פוטושופ בשידור חי

8 יוני, 2013


עיצוב אינטראקטיבי מקבל… משמעות חדשה בסרטון המצורף. חלק "מחגיגות" יום היצירתיות של אדובי.

טכנולוגי - 0 תגובות

תוסף patterns ישירות לפוטושופ

26 מאי, 2013

תוסף לפוטושופ של subtle patterns

תוסף לפוטושופ של subtle patters

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

אם אתם מעצבי אינטראקטיב, אבל לא מכירים את האתר של תבניות חוזרות (תבניח או patterns בשפת בני האדם) העדינות, קרי, subtle patterns, אז חסר לכם כלי מאד משמעותי לעבודה שלכם. כלי שחוסך הרבה מאד זמן עבודה.

עכשיו האתר הנהדר הזה הודיע על כך שהוא מוציא תוסף לפוטושופ. תוסף שיאפשר לנו, המעצבים המסכנים וקצרי הזמן, להוסיף, להחליף ולערוך תבניות ישירות על משטח העבודה שלנו בזמן אמת. כמה כיף :)

שימושי - 2 תגובות

האווטארים החדשים של פליקר – נהדר!

22 מאי, 2013

כחלק מהעיצוב החדש של פליקר, הכין להם כריס צ'ביס (Charis Tsevis) אווטארים חדשים. אתם יודעים… התמונות הקטנות שמייצגות את המשתמשים כברירת מחדל?
הוא הביא דברים מרהיבים ושווה לבדוק אותם

flickr's new avatars

flicker-new-avatars-02

אהה, וזה חלק מהעיצוב החדש של פליקר. גם כן שווה בדיקה…

flicker-new-avatars-03

האוואטרים החדשים של פליקר

מאויר - 0 תגובות

22 אתרים יפים עם שימושיות מעולה

14 נובמבר, 2012

פשוט כנסו לכאן

יפה - 0 תגובות

פילרים מגניבים של Kuawit-TV

10 מאי, 2012

מאויר - 7 תגובות

ספרים טובים נקודה קום

1 אפריל, 2012

מאויר - 1 תגובות

ליצור אתרי HTML ב – Wix

5 מרץ, 2012

Wix.com HTML editor
הגירסה החדשה של עורך אתרי הHTML של Wix.com נראית נהדר. לא שאין בעיות, בכל זאת מדובר בגירסת אלפה פתוחה בניסוי ראשוני, אבל סך הכל נראה שWix.com הצליחה לפתור בעיות רבות מאד שעורכי HTML אחרים פשוט לא הצליחו להתמודד איתן.
ניסיתי (והצלחתי) לבנות אתר בעברית (שבכל מקרה עמדתי לבנות בוורדפרס) וגיליתי מערכת לא בשלה לעומת היכולות שלה אבל כבר עכשיו מערכת מתקדמת הרבה יותר מכל דבר שהמתחרים מציעים לנו.
בשביל להתנסות בעצמכם, כנסו לWix.com, צרו משתמש חדש ותוכלו ליצור אתר HTML מגניב בשום זמן. הבעיה העיקרית היא הנסיון לגרום לאתר להראות כמו העיצוב המקורי. בנקודה הזו היו לי הרבה בעיות. חלקן נובעות מחוסר היכרות עם המערכת וחלקן נובעות מבעיות עם המערכת עצמה. אני מתאר לעצמי שרוב הבעיות ייפתרו עם הדרישות מהמשתמשים, כפי שנהוג בWix.com.
הודעה מגניבה בלי קשר – Wix.com מחפשים אנשים שרוצים לבנות אתר באנגלית להתנסות ביצירת האתר דרך המערכת החדשה תמורת תשלום (במשרדים של wix – שם תוכלו גם לפגוש אותי אם תרצו :) ). אם אתם מעוניינים, תרשמו כאן תגובה עד החמישי לחודש (יומיים מעכשיו) שאתם מעוניינים + מייל או טלפון.

טכנולוגי - 1 תגובות