פוסטים עם התג " ממשק משתמש"

להורדה: תבניות לעיצוב דף פרופיל/מותג לטוויטר החדש

דצמ 24, 2011 // על ידי אבי כהן // חווית משתמש, טכנולוגיה, מדריכים, עיצוב, פוטושופ, רשתות חברתיות, שיווק ופרסום, שימושון // תגובה אחת

טוויטר עדכנו לאחרונה את הui של האתר שלהם ואיתו חלו מספר שינויים בגדלים ובGUI של הוראות העיצוב לטוויטר, במידה ויש לכם פרופיל בטוויטר רצוי שתדעו את השינויים החדשים שנכנסו לאחרונה ב-GUI של טוויטר.

עיצוב הGUI שתקבלו כאן עוצב ע"י Jon Darke ושוחרר רשמית עבור Smashing Magazine, אז כמובן כל הקרדיט שמור להם על שיתוף והעלאה של החומר השימושי הזה.

קבצי PSD של העיצוב מכילים mockup שלם של כל עיצוב האתר באופן ווקטורי ואיכותי לשימוש איכותי ומקסימלי עבורכם.

להורדת תבנית mockup לטוויטר:

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

– פרופיל אישי – תמונה לצפייה

– פרופיל אישי למותגים – תמונה לצפייה

– קובץ RAR להורדת כל החומרים – להורדה

תכונות:

– 100% דיוק ברמת הפיקסל

– 2 גירסאות להורדה, פרופיל ופרופיל למותג.

– כל האלמנטים הגרפים בעיצוב ציורו באיכות ווקטורית.

– כל השכבות והתיקיות מסודרות לפי נושא

– קובץ מותאם לגירסאת CS4+

50 דוגמאות לאתרים מבוססי עיצוב מגיב/גמיש

דצמ 20, 2011 // על ידי אבי כהן // css, html, חווית משתמש, טכנולוגיה, כללי, מדריכים, עיצוב, פוטושופ, שימושון // אין תגובות

שבוע שעבר פירסמתי פוסט שעוסק בנושא עיצוב מגיב / עיצוב גמיש מה זה? ואיך משתמשים בזה? , למי שטרם שמע על המונח עיצוב גמיש/מגיב אני ממליץ לבקר בפוסט הקודם שמתמצת את הנושא.

ציטוט קצר על ההגדרה:

עיצוב מגיב או עיצוב גמיש (Responsive Design) – עד היום לא בחרו שם רשמי בשפה העברית למונח הזה, מדובר בעיצוב שמגיב בהתאם לסביבה ורזולוציה שבה הגולש נמצא, לצורך העניין הרזולוציה במסך מחשב בגודל 22 אינץ שונה מהרזולוציה שיש באייפון / באייפד כנ"ל גם אם נטה את האייפון / אייפד לרוחב נקבל רזולוציה נוספת ולכן יש צורך לבצע התאמה של האתר להתקנים אלו כדי שאנחנו ההגולשים נוכל לנווט ולגלוש בקלות באתר מהתקנים השונים, את הזיהוי של ההתקנים מבצעים באמצעות שורת קוד ב-CSS, שיודעת לזהות מאיזה התקן ורזולוציה הגולש הגיע ובהתאם לכך לבחור את תצוגת האתר המתאימה ביותר.

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

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

דוגמאות לעיצוב מגיב

Simon Collison

Andersson-Wise Architects

Stephen Caver

Sparkbox

קרא עוד >>

רשימת אתרים להורדת חומרים עיצוביים בחינם

דצמ 19, 2011 // על ידי אבי כהן // כללי, מדריכים, עיצוב, פוטושופ, שימושון // 3 תגובות

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

ישנם עשרות אם לא מאות חומרים של קבצי PSD ואלמנטים של עיצוב אתרים וUI באיכות שלא תבייש אף מעצב שבאמת יחליט ללמוד את הטכניקה או להשתמש בהם.

pixeden

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

365Psd

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

firefreebies

אתר יחסית דליל שמרכז בתוכו אלמנטים של UI וחומרים שימושים להורדה – שווה ביקור.

קרא עוד >>

אינפוגרפיקה המדריך לחיפוש קריירה בתחום ה-UX

דצמ 11, 2011 // על ידי אבי כהן // חווית משתמש, טכנולוגיה, עיצוב // 3 תגובות

אני מאמין שרובכם שומעים או רואים לאחרונה המון פעמים את צירוף המילים UI/UX ואתם שואלים את עצמכם מה זה בעצם אומר…

UX זה קיצור של user experience או בעברית חווית משתמש,

אז מה זה בעצם חווית משתמש ואיך זה קשור אלינו הגולשים/המשתמשים?

ע"פ ההגדרה של נילסן נורמון:

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

אני ממליץ לכם לקרוא על הנושא בהרחבה בפוסט שפורסם ב-UXI ,

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

תחום חווית המשתמש מתפתח בשנים האחרונות בקצב נורא מהיר והפך לתחום נורא נחשק, באינפוגרפיקה הבאה תוכלו לקבל מידע אודות תפקידי UX השונים, המשכורות בשוק, המקומות שבהם יש דרישה למקצוע ועוד…

קרא עוד >>

50 עיצובי UI מדהימים מאתר Dribbble – השראה

דצמ 8, 2011 // על ידי אבי כהן // כללי, מדריכים, עיצוב, פוטושופ, פלאש ואנימציה, שימושון // אין תגובות

לאחרונה מצאתי את עצמי גולש הרבה באתר Dribbble ומתרשם מהעבודות שמעלים שמה מעצבים מוכשרים מרחבי העולם.

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

1. player – מדובר במשתמש שיכול להעלות עבודות/להגיב למשתמשים אחרים, המשתמשים האלה נוצרים באמצעות הזמנה בלבד.

2. spectator – משתמש שיכול לעקוב אחרי יוצרים באתר אך אינו יכול להגיב/לפרסם עבודות משלו כל אחד יכול להירשם בתור spectator

3. prospect – משתמש שדומה באפשרויות שלו כמו משתמש ה –spectator ההבדל בינהם שמשתמש prospect נרשם לכך מפני שהוא מעוניין "להשתדרג" בעתיד לחשבון מסוג player ניתן לצפות ברשימת המשתמשים מסוג זה.

הפוסט הבא מרכז עבורכם אוסף של 50 עיצובי UI נבחרים שאני התרשמתי מהם ויכולים לתת לכם המון השראה ולהביא חידושים שלפי דעתי טרם נראו בישראל.

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

כפתורים/צ'ק בוקס