גכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כג

גכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כג

גכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כגגכיע כגעג כג עכג כג כג כג

הפוסט my new post הופיע לראשונה ב-YG-WEBSTUDIO.

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

אתר מונגש הוא אתר שבו בוצעו התאמות לפי תקן ישראלי 5568 שהותאם להנחיות בינלאומיות – הנחיות נגישות לתכני אינטרנט Web Content Accessibility Guidelines של ארגון ה W3C הבינלאומי.

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

להלן הנחיות על פיהן מותאמים אתרים לאנשים עם מוגבלות:

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

הגורמים החייבים בנגישות הם:

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

האם אפלקציות חייבות בהנגשה?

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

הפוסט הנגשת אתרי אינטרנט הופיע לראשונה ב-YG-WEBSTUDIO.

(User Experience (UX – פירושו “חווית משתמש”. במובן רחב יותר, מושג זה כולל את כל החוויה שמשתמש מקבל כאשר הוא מתקשר עם האתר או האפליקציה.
עיצוב UX אחראי לפונקציונליות, להתאמה של המוצר ולאילו רגשות הוא מעורר בקרב המשתמשים. ככל שהממשק פשוט יותר, כך קל למשתמש להשיג את התוצאה ולהשלים את פעולת היעד.

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

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

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

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

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

מהו עיצוב ממשק משתמש UI Design?

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

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

אז… מה ההבדל בין UX לממשק המשתמש UI?

ההבדל בין UX ל-UI – הוא שמעצב ה- UX מתכנן כיצד המשתמש יתקשר עם הממשק, אילו צעדים עליו לנקוט כדי להשיג את המטרה. ומעצב ממשק המשתמש UI –  שוקל כיצד ייראו הצעדים הללו והדרך אל המטרה כולה. למעשה, UX ו-UI קשורים כל כך הדוקים שלפעמים הקו בין מושגים מטושטשים. 

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

UI – USER INTERFACE הוא ממשק המשתמש והתוצאה הסופית של עבודת המעצב, מה שהמשתמש רואה. מעצב ממשק המשתמש מעצב את ממשק המוצר. הממשק נוצר על בסיס חווית משתמש – UX.

הפוסט מה זה עיצוב UX/UI? הופיע לראשונה ב-YG-WEBSTUDIO.

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

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

מה זה Adobe XD?
Adobe Experience Design CC או Adobe XD הוא עורך וקטורי קל משקל עם כלי אב טיפוס שהוכרז בשנת 2015 כפרויקט שביט. המוצר הושק כגרסת תצוגה מקדימה, במרץ 2016 כחלק מחבילת Creative Cloud, והיום הוא נמצא במצב בטא, ומקבל עדכונים מדי חודש.

עכשיו נשווה את Adobe XD ו-Sketch.

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

שכפול קבוצתי
ל-Adobe Xd יש רשימה של תכונות ייחודיות שאין ל- Sketch.
לדוגמה, Repeat Grid המאפשר לשכפל קבוצת אובייקטים, תוך כדי קביעת מרווחים ביניהם.

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

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

סביר להניח כי Adobe Xd הוא כלי נהדר לפיתוח UX, החל מעיצוב ועד אב-טיפוס והעברתו לפיתוח.
אם אתה כבר משתמש ב-Sketch, נסה לעבוד ב-Xd, הערך את הממשק הידידותי למשתמש שלו ופונקציות ייחודיות.
נקווה שבעדכונים הבאים יוסיפו עוד תכונות מגניבות ושימושיות.

הפוסט Adobe XD או Sketch – מה עדיף? הופיע לראשונה ב-YG-WEBSTUDIO.

השירותים בסטודיו

– עיצוב ובניית אתרים/חנויות וירטואליות
– עיצוב חווית משתמש/ממשק משתמש – UI/UX
– קידום אורגני בגוגל  SEO
– עריכת וידאו Pr & Ae
– פיתוח קוד Html & Css

YG-WEBSTUDIO מתמחה בעיצוב ובניית אתרים. מספקת שירותי אינטרנט דיגיטליים ופועלת בהתאם לסטנדרטים הבינלאומיים הגבוהים ביותר. התקשרו עכשיו וקדמו את העסק שלכם באינטרנט.

הפוסט YG-WEBSTUDIO מתמחה בעיצוב ובניית אתרים. הופיע לראשונה ב-YG-WEBSTUDIO.

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

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

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

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

היתרונות של טמלפלט

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

חיסכון כספי – אתר מטמפלט מתאים לעסקים קטנים יחסית עם תקציב מאוד מוגבל אשר לא צריכים מיתוג ייחודי Taylor made ועדיין רוצים לקבל אתר עכשווי ורספונסיבי.

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

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

חסרונות לשימוש בטמפלט

לא מתבצע תהליך אפיון האתר – דבר שפוגע בחוויית המשתמש ובהתאמה לצרכיו.

חוסר ייחודיות – סביר להניח שיש עוד הרבה אתרים בדיוק כאלה ברשת.

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

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

לסיכום:

• עיצוב אתר מטמפליט מתאים יותר לאתר תדמיתי, אתר אינפורמטיבי, לבעלי עסקים קטנים.

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

YG-WEBSTUDIO מספקת שירותי אינטרנט דיגיטליים ופועלת בהתאם לסטנדרטים הבינלאומיים הגבוהים ביותר. כל פרויקט זוכה למעקב יומי וליווי אישי. התקשרו עכשיו וקדמו את העסק שלכם באינטרנט.

הפוסט יתרונות וחסרונות בעיצוב אתר בטמפלט הופיע לראשונה ב-YG-WEBSTUDIO.