از کجا شروع کنم ؟
اگر شما هم بعد از گرفتن پروژهها اولین چیزی که بهش فکر میکنید این هستش که " خب از کجا شروع کنم ؟" احتمالا این مقاله بهتون کمک میکنه.
معماری اطلاعات در طراحی رابط کاربری چیست :
یک طرح اولیه نمایش بصری، از زیرساختها، ویژگیها، سلسله مراتب عملگرها و رفتارهای برنامه هستش که جریانات و محتوا رو به کمک اون میشه به شکل درستی دستهبندی کرد، تا در نهایت به چینش مناسبی برای اونها برسیم.
وقتی Product's Document رو مطالعه میکنید با تعداد زیادی توضیح و تعریف و نیازمندی روبهرو میشید.
اولین سوالی که برامون پیش میاد این هستش که :
الان باید به کدوم بخش برسم ؟ از کجا شروع کنم ؟
مثل یه اتاق کثیف میمونه که تمام کشوها و قفسهها خالی شده باشن و بخواید اونها رو جا بدید.
نویگیشن و کجا بذارم ؟ چه اطلاعاتی و نشون بدم ؟ تو هدر یه چیزهایی باید قرار بگیره ؟ ترتیبشون چی باشه ؟ مهمه که اولویت داشته باشه؟
یکی از کارایی که برای مرتب کردن دادههاتون باید انجام بدید تو حوزه Infornation Architecter بررسی میشه، چندتا از راهکارهای مفید تو این زمینه رو به اختصار اینجا بررسی میکنیم :
در قدم اول باید متوجه بشیم دقیقا چه چیزهایی داریم و قرار هستش کجا استفاده بشن، در اینجا طبق ساختار بالا به پایین اون رو با هم بررسی میکنیم.
برای مثال میخوایم یه سایت فروشگاهی طراحی کنیم:
هدر یه بحث کلی هست و حالا جزئیاتش : لوگو میاد، کتگوری باید درج بشه، قراره کاربر سرچ کنه و بهتره بالا باشه که دسترسی راحت تری داشته باشه ...
پایین تر باید محصولات توی دسته بندیهای خودشون درج بشن و یه بخش به این ربط داره، و در نهایت فوتر کار که یه سری اطلاعات میاد و المان و ....
این یه دید کلی به کاری هست که میخوایم داشته باشیم:
حالا بیاید و این مطالب و دقیق تر بررسی کنید، هر کدوم و جزبهجز مشخص کنید که چه چیزهایی میخوان، اگر هر کدوم از این داده ها خودش به زیر دستههایی تقسیم میشه، تا جای ممکن این کار و بکنید.
بخش های اضافه یا راههایی که کاربر رو گیج میکنه حذف کنید تا به دسته بندیهایی برسید که تمام جزییات در اون قید شده باشه.
اولویتبندی های خودتون رو مشخص کنید و سعی کنید گرهها و برگها رو متناسب با نیاز کاربر و محصولتون بهینه کنید.
با کارت سورتینگ میتونید دید خوبی از اولویت بندیها و مسیرها داشته باشید، تو این پست خانم موسی کاظمی در این مورد توضیح دادن و میتونید از این لینک مقاله ایشون و بخونید :
حالا نوبت این هستش که یه طرح ذهنی ساده از فرایندتون ترسیم کنید.
در مرحله بعد مشخص کنید که چه فرایند هایی کلی هستن و کدوم ها در یک صفحه خاص انجام میشه.
اگر فرایندی هست که تو صفحات مختلف تکرار شده میتونید رنگش و عوض کنید تا تو مرحله ui کار بتونید راحتتر اونا رو تشخیص بدید و روشون کار کنید. همچنین میتونید فراینداتون رو نسبت به اینکه اصلی هستن یا فرعی، نامگذاری کنید. با این طبقهبندی میتونید دسترسی راحت تری به فرایندهاتون داشته باشید.
در مرحله بعد سراغ محتوا میریم، میشه اون رو از 3 نظر بررسی کرد :
این 3 مورد رو میشه تو آزمون های تجربه کاربری بدست آورد و بررسی کرد. تو این مقاله میتونید در مورد روش های انجام این آزمونها و تحلیلشون مطالعه کنید :
بعد از این مراحل شما باید :
در نهایت تمام مراتب و مسیرهایی که بدست اوردید و مستند کنید و سراغ طراحی اسکچ و وایرفریم برید.
همیشه لیست خودتون و باز بذارید تا در صورت بوجود اومدن یه نیازمندی بتونید اون رو به راحتی تو سیستم طراحیتون وارد کنید.
در مقاله بعدی به طراحی اسکچ و وایرفریم میپردازیم و بررسی میکنیم چطور مسیر بهتری و برای اون پیش ببریم.