אדריכלית של אתרים

hi

היי, אני מאפיינת אתרים.

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

אני בעצם אדריכלית של אתרי אינטרנט.

נכון לפני שפונים לקבלן שיקים לנו בית, הולכים לאדריכל שיתכנן את הבית? אז אותו דבר באתרים. בונה האתר הוא הקבלן, אני האדריכלית.

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

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

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

FOCUSING

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

אתרי ארגונים עתירי תוכן

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

אתרי תדמית עם אתגר

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

ORGANIZE

תהליך העבודה

או: איך קורה הקסם!

1
#1 מיפוי עשיה
אתם מספרים לי על העשיה שלכם, ואני שואלת המון שאלות תוך כדי, ותוך כדי השיחה אני בונה מעין מפה של העשיה.
כלומר - אני לא כותבת כל מילה שאתם אומרים וגם לא מסכמת, אלא הופכת את זה למעין מפה.
זה נותן לנו הבנה מקיפה של הארגון ושל העשיה שלו, וזה הבסיס לשלב הבא - בו אנחנו מתכננים איך "למזוג" את העשיה אל תוך מבנה של אתר.
(בקטגוריית "דרך העבודה שלי" בבלוג תמצאו הרבה פוסטים על שלב מיפוי העשיה)
1
2
#2 ארכיטקטורת מידע (תפריט ראשי)
אנחנו לוקחים את מיפוי העשיה מהשלב הקודם, ומתחילים למיין אותו אל תוך מבנה תפריטי. חושבים יחד לאילו תכנים "לתת כבוד", כלומר מקום גבוה בהיררכיית התוכן, ואילו יכולים להסתפק בפחות.
אנחנו משתמשים בכלים שונים שהתפריט מאפשר - תפריט נפתח, תפריט מגה, תפריט שירות ועוד.
למה אנחנו עובדים על התפריט בשלב כל כך מוקדם? כי הוא נותן לנו את התמונה הרחבה של האתר, את המסגרת שלו. הוא השלד של המבנה.
2
3
#3 תכולת האתר
כעת אנחנו מכינים רשימה של כל הדפים והתבניות שיהיו באתר (מה ההבדל? דף מופיע רק פעם אחת באתר, תבנית זה מבנה שחוזר על עצמו בכמה מופעים באתר).
ואז אנחנו מכינים פירוט של התכולה הפנימית של כל דף ותבנית.
זו עבודה שהיא לכאורה טכנית, אבל רק לכאורה. כי בגיבוש הרשימה הזאת נכנסים המון שיקולים בכלל לא טכניים. תוכלו לראות חלק מהם בסעיף הבא, סעיף הערכים.
3
4
#4 שרטוטי Wireframe
קודם כל, סליחה על האנגלית. אני ממש אוהבת להשתמש במילים בעברית, אבל במקרה של Wireframe - פשוט אין...
בשלב הזה אנחנו משרטטים שרטוטים ראשוניים של הדפים החשובים באתר.
השרטוטים הם בשחור לבן, אין בהן אלמנטים עיצוביים, אלא רק אלמנטים של עימוד ושל היררכיה.
למה צריך לשרטט אם כבר כתבנו את התכולה? כי כשמשרטטים נפתחות אפשרויות חשיבה חדשות. משהו בויזואליה מרחיב את היצירתיות.
4
5
#5 העברת השרביט
סיימנו את האפיון!
עכשיו אנחנו מעבירים אותו לשלב הבא: לבונה האתרים שיתן הצעת מחיר להקמת האתר על פי האפיון (או כמה בוני אתרים, אם תרצו להשוות מחירים).
אנחנו שולחים לספק את תוצרי האפיון באופן מאורגן ומסודר, ואם צריך - אנחנו עוברים איתו על האפיון כדי לוודא שהוא הבין הכל. (אגב, לפעמים הארגון בוחר לפצל את העבודה לשני ספקים נפרדים: מעצב ובונה).
בשלב הזה אפשר להתייעץ איתי לגבי הצעות המחיר של הספקים - סתם כי יש לי המון ניסיון בזה, אבל זה לא חלק שהוא חובה בתהליך.
5

ערכים שמלווים אותנו לאורך עבודת האפיון

חוויית משתמש

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

סדר הגיוני

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

האינטרס של העסק / ארגון

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

עלות פיתוח

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

גדילה עתידית של הארגון

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

מודלים מנטליים

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

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

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

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

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

העבודה היא לפי שעות, המחיר לשעה: 480 ש"ח + מע"מ.

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

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

ריכזתי אותן בפוסט הזה. והן באמת מעניינות וחשובות!

מתקשרים או שולחים לי ווטסאפ ל-054-6548055, או כותבים לי כאן בטופס יצירת קשר, ונמשיך משם!

מי אני?

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

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

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

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

עד 2019 עסקתי גם באפיון אתרים וגם בניהול חברה לבניית אתרים. מאז 2020 אני רק מאפיינת.

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

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

עם אחד האתרים שאפיינתי, ברגע של אושר
(כשראיתי אותו לראשונה באוויר)

עם אחד האתרים שאפיינתי, ברגע של אושר
(כשראיתי אותו לראשונה באוויר)

אני גם כותבת על חוויית העבודה שלי, הנה דוגמיות:

סיפורי אפיון

אפיון אפליקציית RoadTrip

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

דרך העבודה שלי

"חשיבה מפתית" בתהליך אפיון אתר

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

או תבחרו קטגוריה: