طراح سایت چه مواردی را از iPhone می بایست یاد بگیرد
طراح گوشی های آیفون از نمادهای طراحی بی نقص در دنیای فناوری هستند. iphone ترکیبی از زیبایی، سادگی و کارایی است و تجربه ای بی نظیر را برای کاربران به وجود آورده است. اما سوال اینجاست که آیا می توان از فلسفه طراحی آیفون برای طراحی سایت الهام گرفت؟
در واقع باید بگم بله، شما به عنوان طراح سایت می توانید در طراحی های خود از گوشی آیفون الهام بگیرید. در این مقاله بررسی می کنیم که چه درس هایی را می توانید از آیفون بگیرید.
هر طراحی وب سایت یک داستان دارد. و هر بار که یک طراحی جدید به بازار می آید من سعی می کنم چیزی از اون یاد بگیرم. ما در ادامه ترفندهایی که یک طراح سایت می تواند از گوشی های آیفون یاد بگیرد را بررسی کردیم که همه این موارد جزئی از ترفندهای طراحی سایت هم هستند.
لیست مطالب
موارد مهم در iphone برای طراح سایت
شما به عنوان طراح سایت می توانید با الهام از المان های زیادی طراحی سایت خود را انجام دهید و تجربه کاربری سایت را بهبود دهید. در اینجا برخی از المان های مهم در گوشی های آیفون را مورد بررسی قرار دادیم.
سادگی در طراحی
یکی از دلایل محبوبیت گوشی های آیفون سادگی آن است. آیفون همیشه تلاش کرده است تا تجربه کاربری بدون پیچیدگی و آسان را برای کاربران ایجاد کند. بنابراین شما هم به عنوان یک طراح سایت باید این اصل را رعایت کنید.
سایت شما نباید کاربر را سردرگم کند، باید مسیر ناوبری سایت شما ساده و راحت باشد.
- طراحی نباید بیش از حد شلوغ باشد تا کاربر را سردرگم کند.
- اطلاعات مهم باید آسان و سریع در اختیار کاربر قرار بگیرد.
- دکمه ها باید به صورت واضح طراحی شوند.
تجربه کاربری (UX)
اگر تجربه کار با گوشی های آیفون را داشته باشید حتما احساس راحتی و هماهنگی در گوشی شما را شگفت زده کرده است، از انیمیشن ها گرفته تا ترتیب دقیق آیکون ها همه چیز درست در جای خودش قرار گرفته است.
هر حرکتی در سایت شما باید هدف مشخصی داشته باشد تا کاربران به راحتی از سایت شما استفاده کنند. به عنوان طراح سایت باید بدانید که
- حرکت کاربر باید بدون مانع انجام گیرد.
- کاربران برای استفاده از سایت شما نباید فکر کنند به اینکه چطوری سایت شما را پیمایش کنند.
- سرعت بارگذاریف طراحی دکمه ها و اندازه فونت ها را دقیق تنظیم کنید.
طراحی مینیمالیسم
طراحی آیفون همیشه مینیمال بوده است به این معنی که هر چیزی که اضافه بوده حذف شده است. ساده نگه داشتن سایت باعث می شود تا کاربر بهتر بتواند روی محتوا تمرکز کند و تجربه بهتری را داشته باشد. شما به عنوان طراح سایت باید بدانید:
- رنگ های زیاد و یا الگوهای پیچیده را در سایت استفاده نکنید.
- اطلاعاتی که برای کاربران مفید هستند را نمایش دهید.
- فاصله های سفید را برای تمرکز بیشتر کاربر رعایت کنید.
انیمیشن های جذاب
یکی از ویژگی های آیفون، انیمیشن های روان آن است. وقتی صفحه ای را باز می کنید و یا حتی وقتی بین برنامه ها جا به جا می شوید همه چیز حس واقعی و طبیعی به شما می دهد. انیمیشن های مناسب باعث می شود تا کاربر حس بهتری نسبت به سایت شما داشته باشد و در نتیجه تعامل بیشتری ر ا خواهد داشت.
- از انیمیشن های جذاب و کاربردی برای تجربه کاربری بهتر استفاده کنید. (مراقب باشید که انیمیشن ها سرعت سایت را کاهش ندهند.)
- تغییر رنگ دکمه ها و اسکرول نرم می تواند حس تعاملی خوبی را ایجاد کند.
تایپوگرافی و خوانایی
یکی از نکات کلیدی که در آیفون وجود دارد و در طراحی سایت هم از اهیمت ویژه ای برخوردار است تایپوگرافی است. تایپوگرافی به معنی استفاده از فونت های خاص و زیبا و همینطور خوانا استفاده شود.
در طراحی سایت:
- فونت ها باید خوانا، زیبا و متناسب با برند شما باشند.
- اندازه متن باید بهینه باشد تا کاربران بدون زحمت بتوانند آن را بخوانند.
- استفاده از فضای خالی بین خطوط و پاراگراف ها را فراموش نکنید چون تجربه خواندن را بهبود می دهد.
توجه به جزئیات
اپل به کوچک ترین جزئیات در طراحی آیفون دقت کرده است، از انحنای گوشه ها گرفته تا نحوه حرکت دکمه ها. این دقت در طراحی باعث ایجاد یکپارچگی و هماهنگی شده است.
هر جزئیات کوچک، روی تجربه کاربری تاثیر می گذارد. توجه به این جزئیات می تواند سایت شما را از رقبایتان متمایز کند حتی کوچک ترین جزئیات مانند سایه ها، افکت، فاصله ها می تواند در تجربه کاربری تاثیر داشته باشد.
- رنگ بندی، آیکون ها، تصاویر و همینطور دکمه ها باید دقیق و هماهنگ طراحی شوند.
- سایت باید ریسپانسیو باشد و بدون نقص در همه دستگاه ها نمایش داده شود.
امنیت و اعتماد سازی
از دیگر موارد محبوبیت آیفون، امنیت بالا و حفظ حریم خصوصی کاربران است. کاربران چون می دانند اطلاعاتشان ایمن است به اپل اعتماد می کنند.
- استقاده از گواهینامه SSL برای امنیت داده ها ضروری است.
- نمایش نشان های اعتماد مانند اینماد و گواهینامه ها به کاربران حس امنیت می دهد.
- جمع آوری اطلاعات کاربران باید با شفافیت و حفظ حریم خصوصی انجام شود.
شما با رعایت این نکات می توانید سایتی را طراحی کنید که کاربران عاشق آن شوند همانطور که عاشق آیفون هستند.
ترفندهای طراحی سایت
در طراحی سایت باید سری نکاتی که مطابق با نیاز کاربران می باشد را رعایت کنید تا بتوانید رضایت کاربر را جلب کنید به خصوص در سایت های فروشگاهی که اگر سایت به خوبی و طبق ترفندهای روز و کاربردی طراحی شده باشد می تواند منجر به افزایش فروش شما شود.
برای مثال عملکرد ناوبری و جستجوی سایت باید بهینه شود تا اطمینان حاصل شود که محصولات به راحتی پیدا می شوند و منجر به افزایش فروش می شود. چیدمان صفحه کاتالوگ نیز در نمایش محصولات به شیوه ای جذاب و سازماندهی شده بسیار مهم است.
اما نکته ی مهمی که باید به آن توجه داشت این است که امروزه میلیون ها وب سایت با کاربری های گوناگون در سراسر جهان وجود دارد و به دلیل بازار رقابتی آنلاینی که در بستر اینترنت حکم فرماست رقابت در این عرصه روز به روز سخت‌تر می‌شود.
بنابراین صرفا وجود وب سایت باعث موفقیت کسب و کارها نخواهد شد و آن ها برای بقا در این عرصه رقابتی و پیشی گرفتن از سایر رقبا باید به مواردی دیگری نیز بیاندیشند.
در ادامه تعدادی از مهم ترین فاکتورها را بررسی می کنم:
- سایت حتما باید ریسپانسیو باشد.
- از ناوبری ساده استفاده کنید.
- تصاویر را به صورت بهینه استفاده کنید.
- از عناصر بصری (رنگ ها، لوگو، تایپوگرافی) استفاده کنید.
- طراحی جذاب و ساده صفحه اصلی
- ساده سازی فرایند پرداخت
- طراحی تجربه کاربری و رابط کاربری
- طراحی سایت سئو دوستانه
- محتوای با کیفیت
- طراحی فلت یا دو بعدی
- از پاپ آپ ها یا ویدئوهای خودکار استفاده کنید.
در نهایت هدف هر وب سایتی، تبدیل بازدیدکنندگان به مشتری یا مشترک است و برای انجام موثر این کار باید از عناوین متقاعد کننده، فراخوان های عملی واضح (CTA) استفاده کنید که بازدیدکنندگان را تشویق به اقدام کنند.
در نظر داشته باشید که اهمیت ریسپانسیو بودن سایت برای سئو بسیار مهم است. امروزه بیشتر بازدید از صفحات وب و سایت های مختلف از طریق تلفن همراه انجام می گیرد و استفاده از لپ تاپ و کامپیوتر محبوبیت کمتری پیدا کرده است. به همین دلیل برای افزایش ترافیک وب سایت، واکنش گرا بودن بسیار مهم و ضروری است.
ریسپانسیو بودن در بهینه سازی سئوی سایت نیز نقش بسیار کلیدی دارد، چرا که الگوریتم گوگل به گونه ایی تغییر کرده است که در صفحات نتایج جستجو ابتدا سایت های واکنش گرا و سپس بقیه سایت ها لیست می شوند.
سایت هایی که دارای طراحی مناسب هستند باعث افزایش تجربه کاربری و اعتماد مخاطبان و در نتیجه افزایش نرخ تبدیل می شوند.
طراحی سایت با گوشی
یکی از بزرگ ترین تحولاتی که اخیرا در دنیای تکنولوژی با آن رو به رو شدیم طراحی سایت با گوشی موبایل است. گوشی های هوشمند توانسته اند توجه همه مردم را به خود جلب کنند. اخیرا اپلیکیشن های موبایلی به وجود آمده اند که به وسیله آنها می توانید سایت هایی تقریبا نیمه حرفه ای طراحی کنید. در این اپلیکیشن ها پایه و ساختار هر نوع سایتی ایجاد شده است و کاربر با توجه به نوع سایتی که می خواهد و در آخر با انتخاب قابلیت های مد نظر سایت خود را طراحی می کند.
برای طراحی سایت با گوشی باید از اپلیکیشن های مخصوص طراحی سایت استفاده نمود. در ابتدا باید مبالغی را پرداخت کرد این هزینه ها صرف ارائه خدمات طراحی سایت توسط اپلیکیشن مورد نظر ، ثبت دامنه و هاست و سرور می شود.
کاربر باید قالب دلخواه خود را انتخاب نموده و سپس به درج محتوا بپردازد. سایت هایی که اینگونه طراحی می شوند وب سایت های موبایلی هستند. نباید از این گونه طراحی انتظار یک سایت کاملا حرفه ای را داشت. افرادی که بودجه کافی برای سفارش طراحی سایت را ندارند می توانند در ابتدای فعالیت خود وب سایت مورد نظرشان را به صورت ساده با این ابزار ها طراحی نمایند.
برخی از نکات کلی آیفون را در ادامه مورد بررسی قرار می دهیم.
محدودیت را به یک ابزار تبدیل کنید
سال 2017 دوره نمایش گر های بی لبه بود. اپل نیز به هدف خود برای یک نمایش گر بدون لبه نزدیک تر شد. اما بگذارید خود را گول نزنیم. ناچ (:notch استفاده از فضای دو طرف بلند گو به عنوان قسمتی از نمایشگر برای نمایش ساعت، باتری و غیره) امروز یک واقعیت است و قرار است این طراحی مدتی این اطراف باقی بماند.
IPhone X اولین گوشی تلفن همراهی نبود که طراحی بی لبه (Bezel-less) و ناچ (Notch) را با هم استفاده کرد. اما طراحان آیفون ایکس مسلما اولین کسانی بودند که معایب بزرگ این طراحی را به یکی از بهترین ویژگی ها (Features) تبدیل کردند.
به عنوان طراح ما همیشه با محدودیت ها مواجه هستیم. اما این که طراح چگونه با این محدودیت ها مواجه می شود و برای آن چه راه حل هایی پیدا می کند، به شکل کاملا اساسی بر روی تجربه و احساس کاربران تاثیر می گذارد.
اپل در راهنمای خود نوشته است که توسعه دهنده گان می بایست در طراحی ناچ را در برگیرند و استفاده کنند، اما چطور می توان ناچ را به کار برد؟
من هم خودم ابتدا در این باره بسیار متعجب بودم. در حالی که ناچ فضای زیادی از صفحه نمایش را حذف می کند، همچنین حالت استفاده از فضای باقی مانده را نیز تغییر داده است. این فضا معمولا با نواری آبی یا سبز رنگ برای عملکردهای مداوم بود که با شناوری اپلیکیشن ها و کوچک شدن فضای عمودی از میان رفت. و این دیگر مسئله نیست.
حالا گوشه ها طوری استفاده شده است که بیشتر حس واکنش گرا Responsive، ارادی و کاربردی دارد. حالا این فضا در گوشه های بالایی (سمت راست) برای قرار گرفتن دکمه های تایید یک برنامه کاربردی استفاده می شود و سمت دیگر می تواند برای نمایش فعالیت های در حال اجرا مانند تماس تلفنی به کار رفته می شود.
به همین جهت فعالیت های در حال اجرا دیگر فضای صفحه نمایش را کوچک نمی کنند.
به نظر می آید که کمبود فضای مفید صفحه نمایش باعث به وجود آمدن یک رابط کاربری متمرکز تر می شود. همان طور که همه آگاه هستیم، فضای زیاد شلوغی وحشتناکی از آیکون ها و آپشن ها را به وجود می آورد. و یا همانطور که دوست مان گوگل یک بار گفت: مشکل نوار ابزار این است که با وجود آن مردم هر چیز بی ربط و اضافی را در آن قرار می دهند.
آیا این طراحی بی عیب است؟ خیر. به طور خاص Control Center و Notification ها کاملا دور از دست هستند. اما این نکته بسیار جالب توجه است که قسمت بالایی صفحه نمایش چگونه مورد استفاده قرار گرفته است.
انسانی کردن تکنولوژی
شناسایی چهره Face ID تکنولوژی فوق العاده ایی است. من وقتی آن را در راهنما دیدم، فکر کردم که علیرغم داستان های خسته کننده درباره این تکنولوژی، بالاخره اپل یک کار فوق العاده در این باره انجام داده است.
در حالی که تکنولوژی تشخیص چهره عالی است می توان گفت ترسناک هم هست. منظورم این است، این تکنولوژی می تواند با بیش از 300 هزار IR dot بر روی چهره شما حتی از میان عینک چهره شما را شناسایی کند.
اپل از این تکنولوژی به عنوان راهی برای شناسایی صاحب گوشی تلفن همراه استفاده کرده است. اپل از دوربین حسگر عمق آیفون برای Animoji و Studio Portrait Mode برای عکس سلفی سود برده است.
Animoji حالات صورت شما را از طریق دوربین گرفته و به یک تصویر گرافیکی انیمیشنی (سگ) انتقال می دهد. اگر شما لبخند بزنید تصویر گرافیکی این حیوان نیز لبخند می زند.
ترس یک حس شدید است. و مانند هر حس شدیدی، بهترین راه برای مدیریت آن تغییر آن است و نه متوقف کردن آن. Animoji تکنولوژی را مخفی کرده و آن را تبدیل به موضوعی جذاب، احساسی و در نهایت انسانی می کند.
استیو جابز می گفت: شما باید با تجربه کاربری شروع کنید و سپس راهکار را به سمت تکنولوژی بیابید.
مردم اغلب از تکنولوژی های جدید می ترسند. وقتی نسل های گذشته اولین اتومبیل یا لوکوموتیو را تجربه کرد مردم بسیار ترسیدند و تعجب کردند. آن ها اسبی را دیدند که می تواند یک واگن را در طول عمرشان بکشد.
برای همین بود که اوریا اسمیت به این ایده رسید که یک سر اسب کامل را به اتومبیل وصل کند. ایده ایی که امروز به نظر دیوانگی می آید اما آن زمان اینطور نبود. تصور اینکه ما اگر در آن زمان بودیم چه واکنشی داشتیم هم بسیار دشوار است.
من می خواهم از این مثال استفاده کنم. هر تکنولوژی جدید پلتفرمی برای اختراعات دیگر ایجاد می کند. اما این کار ماست که تکنولوژی را انسانی کنیم و راهی برای بکار بردن آن در زمینه های بیشتر هموار نماییم.
نتیجه گبری
شما به عنوان طراح سایت باید خیلی از موارد را برای جذاب تر شدن سایت خود رعایت کنید تا بتوانید حرفه ای کار کنید. وب سایتی که به خوبی طراحی شده است و از اصول طراحی پیروی کرده است باعث اعتماد کاربران و تشویق آن ها برای خرید از محصولات و خدمات شما خواهد شد.
اغلب مردم توجهشان به سمت چیزهایی که دارای طراحی های زیبا و چشم نواز هستند جلب می شود. آن ها صرف نظر از داشتن دانش تخصصی در مورد طراحی و هنر قادر هستند تنها بر اساس ظاهر، یک طراحی خوب را از بد تشخیص دهند.
در بالا برخی از موارد مهم را بررسی کردیم تا بتوانید طراحی های خود را بهبود دهید. ما در شرکت دارکوب به پشتوانه سال ها تجربه در طراحی سایت چه در داخل کشور و هم در خارج از کشور آماده ایم تا به شما در راه اندازی و توسعه سایتی کاربرپسند کمک کنیم.
برای دریافت مشاوره می توانید با مشاوران ما در دارکوب تماس بگیرید.
