אינטראקציה בין המעצב לבונה האתרים

[עדן]

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

 

[chani-studi]

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

אני בונה הרבה למעצבים וגרפיקאים
ומנסיון אני יכולה להגיד לך

1. ראשית לעשות תיאום ציפיות לשלוח למעצב קובץ פי דאפ ולברר מראש מה אפשרי ומה לא.
2. פונטים פונטי חי יוצא שונה מקובץ פי די אפ ולכן לפני שהמתכנת מטמיע באתר להכנס לאתר של חברת הפונט ולבדוק איך הפונט יוצא בכל גודל ומשקל
3. התאמה נכונה לריספונסיב. רוב הגרפיקאים אינם מעצבים נכון לריספונסיב. ובמידה ובונה האתר משתמש בגריד רספונסיבי האתר נראה קצת שונה בכל מסך ודפדפן.
4. אנימציות במידה ואת רוצה אנימציה לציין בדיוק מה המהירות הזוית והיכוונים וכו' של כל אלמנט.

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

 

[עדן]

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

ואז כשאני צריכה לתקן אותם אני מקבלת יאוש.

 

[תמנתי ווב דיזיין]

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

 

[צובעים בענק]

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

 

[omerbsh]

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

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

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

בהצלחה.

 

[תמנתי ווב דיזיין]

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

 

[Shia]

למובייל פשוט עושים התאמות לא?

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

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

 

[תמנתי ווב דיזיין]

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

 

[רמה פלוס]

מוכר... מנסיון

 

[אהובה ו]

תיקונים זה חלק מהתהליך.

איך את מגישה את העיצוב?

 

[עדן]

תיקונים זה חלק מהתהליך.

איך את מגישה את העיצוב?

יש תיקונים ויש תיקונים
אני מגישה קובץ JPEG של כל דף
+ חיתוכים והנחיות מדויקות של גודל תמונות ומרחקים ברמת הפיקסל
ואולי לכן זה כל כך מעצבן

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

 

[נעמי.]

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

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

 

[Shia]

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

 

[Shia]

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

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

 

[chani-studi]

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

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

 

[שמח לעזור]

לעשות הסבה מקצועית לגידול ארטישוקים גמדיים?

אני בעד

 

[Ayelet Maimon]

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