اصول اولیه ی وایرفریم در طراحی

به نظر من ایده هایی طراحی برنده هستند که ابتدا رو تخته سیاه طراحی شده باشند !!!!!!!

وایرفریم های Lo- fidelity.
ما همواره از زمان کودکی تا کنون قادر به تهیه ی اسکچ(خلاصه طرح) بوده ایم. وایرفریم های lo fidelity به سادگی اسکچ های کاغذی هستند که براحتی قابل ویرایش واصلاح اند.
این دسته از وایرفریم ها به مشتریان امکان میدهند تا ایده های خود را با تیم طراحی درمیان گذاشته و بنوعی احساس مالکیت داشته باشند. این وایرفریم ها صرفا پیش نویس و خلاصه ای از طرح اصلی بوده و نیازی به ظاهری میلیون دلاری ندارند. این دسته از وایرفریم ها را میتوان با استفاده از نرم افزار نیزتهیه کرد. وایرفریم های lo fidelity معمولا شامل placeholder content هستند که از باکس های سفید و سیاه تشکیل شده و به کپی و یادآوری ها((annotations اشاره دارند. هدف این وایرفریم ها اشاره به ساختار و طرح بندی( layout) است نه رنگ ها و سبک های بصری.


آیا تابحال محصولی بوده است که کاملا براساس طرح های کاغذی طراحی شود؟ بله. آیا موثر هم بوده است؟ بله.
وایرفریم های Mid-fidelity.
این دسته از وایرفریم ها نسخه ی واضح تر و منظم تر وایرفریم های lo fidelity هستند. این وایرفریم ها یک گام پیشتر نهاده و احساس کاربران بهنگام استفاده از اپلیکیشن یا وب سایت را از طریق پرتوتایپینگ نشان میدهند. این رویکرد صفات حرفه ای وایرفریم های hi fidelity را دارا بوده اما جزییات ساده ی وایرفریم های lo fidelity ارتباط و تعامل با کاربران و سرمایه گذاران را آسان تر میکند.


وایر فریم های Hi- fidelity.
این دسته از وایرفریم ها، نسخه ای از وایرفرمینگ با جزییات بیشتر هستند که معمولا طراحی واقعی، منوهای کامل و تصاویر یا تکست های واقعی را نمایش میدهند. تمام آیتم های موجود روی صفحه شامل جزیی ترین اطلاعاتی میشوند که به عملکرد، اندازه و حرکت آنها مربوط میشود. بطورکلی این وایر فریم ها شبیه ورژن تمام شده ی کانسپت بدون جزییات ظریف ترهستند.
تکمیل و اجرای المان های تعاملی معمولا از آنچه در آزمون کارایی و نویگیشنال وجود دارند جزیی تر هستند. هشدار: وایرفریم های hi fidelity به جزییات و ریزه کاری بیشتری نیاز دارند. بخاطر داشته باشید این وایرفریم ها تنها پیشن نویس سایت یا اپلیکیشن شما هستند نه محصول نهایی آن.
وایرفریم ها برای پروژه های خاصی استفاده میشوند. پروژه هایی که برقراری ارتباط میان تعاملات و امور با مشتریان به شیوه ی غیرتکنیکی لازم است درحالیکه باید اطمینان حاصل کرد مشتری به تمام جزییات پی نبرده است. کلید اصلی در یافتن تعادل است.


پروتوتایپ های کاغذی.
پروتوتایپ کاغذی نوعی از وایرفریم است که معمولا نادیده گرفته میشود. دسترسی به تعاملات با استفاده از پروتوتایپ های کاغذی و از طریق برش های رابط کاربری انفرادی که میتوانند در راس سایر المان ها قرار گیرد ممکن است. این نوع از وایرفریم ها برای ارائه به سرمایه گذاران ماهری که در زمینه ی فنی مهارت زیادی ندارند بهترین گزینه می باشد. و همچنین بهنگام اداره و هدایت یک سناریو یا یک وظیفه برپایه ی تست، ابزار موثری است.
ما در جلسه ای با مشتریان خود طرح های پیشنهادی آنها را روی کاغذ پیاده میکنیم زیرا آنها قادر نیستند نیازهای خود را بطور خلاصه توضیح دهند و ما نیز به جزییات بیشتری از پروژه نیازمندیم.
محدودیت های بودجه و زمان.
همه ی ما بخوبی میدانیم وقت طلاست. بنابراین چطور باید تصمیم بگیریم کدام وایرفریم برای پروژه و زمانی که در اختیار داریم مناسب تر است؟ وایرفریم هاهم میتوانند سریع و کوتاه و هم کند و طولانی باشند، تمام این شرایط به میزان تلاش شما و سایر جزییات بستگی دارد. 
متد Design Studio عملکرد بسیار خوبی دارد چراکه در عرض چند ساعت تیم طراحی میتواند مشخصات اصلی و راهکارهای حل مسائل خاص را طراحی کنند.
توصیه: زمان اندکی را به جزییات اختصاص داده و هدف خود را به تایید اعتبار ایده ها و کانسپت ها معطوف کنید. هرچه در دریافت بازخورد سریعتر عمل کنید زمان کمتری هدر میشود. 



ابزارهایی که طراح ترجیح میدهد.
قطعا همه ی ما برای انتخاب ابزارها و اپلیکیشن های وایرفریم دچار مشکل شده ایم. فراوانی و دسترس پذیری این ابزارها به این معنا است که طراحان انتخاب های زیادی دارند. علاوه براین آنها میتوانند ابزارهایی را انتخاب و استفاده کنند که مکمل سبک آنها باشد.
بعنوان مثال اگر وایرفریم کلاسیک را ترجیح میدهید دیگر نمیتوانید از balsamiq Mock ups فراتر روید. بعکس اگر بدنبال برنامه ای با جزییات بیشتر هستید، Axure برای سالها نرم افزار استاندارد بوده است. Justinmind و UXPin نیز اپلیکیشن هایی با ویژگی های غنی هستند. اما  Invisionویژگی هایی همچون screen sharing، کامنت ها و توانایی خلق هات اسپات ها و تعاملاتی را دارد که برای مشتریان خاص مناسب می باشد.
در آخر اینکه هیچ ابزار "درست" یا "غلطی" برای استفاده وجود ندارد. درست یا اشتباه بودن یک ابزار به اولویت ها و راحتی شما بستگی دارد.


هیچ شکی نیست که وایرفریم در پروسه طراحی نقشی ضروری دارد. وایرفریم را همچون ساختار اسکلتی پروژه های خود بدانید که موجب تقویت بدنه ی پروژه از ابتدا تا انتها میشود. بدون وایرفریم بدنه دوام نخواهد آورد. اگر پروژه های خود را بر پایه ی یک اسکلت محکم بنا کنید در خلق تجربه کاربری موثر و وب سایت یا اپلیکیشن navigable عملکرد بهتری خواهید داشت. 

اصول  اولیه  ی وایرفریم در طراحی وب سایت

مطلب برگرفته از سایت raadcom.com
۰ نظر
فرشاد ناصری فر

The very best Free Wireframing tools


The very best Free Wireframing tools!


Many web designers can imagine visual interfaces in their heads before putting them down on paper. It is a unique skill that few can master. Think of your clients, they usually try to interfere with your designs once they get their hands on them after running through countless hours of code and design. Wireframing limits these reverts and minimises potential issues down the line as clients can be provided with a series of sketched screenshots and layouts.

It is a great tool to get the first stages of your project underway and provides a base for front end design and content. Wireframing tools can help you design mock-ups in minutes with the ease of drag and dropping elements into your workspace.

They give us a clear vision of where we want to go with that particular project, this is the main thing we want to accomplish using wireframes so we can focus on specific tasks at hand.

There are many premium tools out there such as Balsamiq and Axure but at the same time there are a number of great free downloads. Here is our list.

Pencil Project

This is my personal favourite, it’s great for building prototypes and wireframes and comes with an easy to use interface and is open source.

Get it here


Author/Copyright holder: Pencil Project. Copyright terms and licence: All rights reserved Img source


Moqups.com

This is a fast and really easy to use app, created in HTML5 and JavaScript that works without browser plugins. Images can also be exported for specification diagrams.

You can download it here


Author/Copyright holder: Moqups. Copyright terms and licence: All rights reserved Img source


Google Drive Drawings

This isn’t a wireframing app but can be used for basic mock-ups that are fast and easy to put together as well as offering added features such as collaboration and being able to output a number of file types and embedded in Google drive documents.

Check it out on drive


Author/Copyright holder: Google Drive Drawings. Copyright terms and licence: All rights reserved Img source


Mockflow

This is a really basic wireframing tool that lets you put together advanced mock-ups for various platforms in minutes, giving you desktop and mobile options. This app also has the option to export projects in multiple formats.

Take a look at it here



Author/Copyright holder:Mockflow. Copyright terms and licence: All rights reserved Img source


Minimal Wireframing tool

This is an online based tool made for superfast mock-ups which can be used on tablets and mobile with pre-defined templates with the option to save your design to a link so you can share it.

Get it here

Header Image: Author/Copyright holder: Cuberto. Copyright terms and licence: All rights reserved. Img



۰ نظر
فرشاد ناصری فر

غروب سد کرخه اندیمشک 20 05 1396


۰ نظر
فرشاد ناصری فر

بازرسی های خاص

برخلاف سایر استان ها اکثر کارگران ساختمانی در استان خوزستان در فصل تابستان؛  شب ها کار می کنند و روزها استراحت . (11 شب روز چهارشنبه 18 / 05 / 1396 )





۰ نظر
فرشاد ناصری فر

یه مرد بود یه مرد


با صدای بی‌صدا،
مث یه کوه، بلند،
مث یه خواب، کوتاه،
یه مرد بود، یه مرد!


۰ نظر
فرشاد ناصری فر

پرندگان واحد اموزش تامین اجتماعی خوزستان -اهواز

روز سه شنبه و چهارشنبه مرکز آموزش تامین اجتماعی خوزستان بودیم . یکی از نکات جذاب این مرکز آموزش پرنده ها ش هستن . واقعا زیبا هستن
 

 


 

 

 

 

 

 

 

 

 

 

 

 

 

 

۰ نظر
فرشاد ناصری فر

روش بازیابی رمز عبور سامانه سوابق از طریق پیامک

1 - ابتدا وارد سایت سامانه سوابق https://sabeghe.tamin.ir/ شوید و مراحل زیر انجام دهید







در گام آخر شما یک پیامک فعال سازی دریافت خواهید کرد





کدی را که در پیامک دریافت نمودید در کادر زیر وارد نمایید


۰ نظر
فرشاد ناصری فر

عطش کاذب برای دریافت اطلاعات

سندروم «عطش کاذب برای دریافت اطلاعات»


فرض کنید بیماری به پزشکی مراجعه می کند و پزشک پس از معاینه می گوید به احتمال هشتاد درصد، بیماری A را داری؛ اما ممکن است بیماری B یا C هم باشد البته ها! نشانه های اندکی از آن ها نیز به علائمت تشابه دارد! یک آزمایش گران قیمتی وجود دارد که اگر آن را بدهی، معلوم می شود که آیا بیماری B یا C را داری، البته این آزمایش کمکی به تشخیص و اطمینان از بیماری A نمی کند! درمان این بیماری ها نیز با یکدیگر متفاوت است و به یکدیگر کمکی نمی کنند. نظرت چیست؟ آزمایش را بنویسم یا نه؟ به نظر شما بهتر است بیمار چه کار کند؟ آزمایش گران قیمت را بدهد یا خیر؟ 


پژوهش مشابهی در سال 1988 انجام شده است که می گوید هشتاد درصد افراد می گویند بهتر است این بیمار، آزمایش را بدهد هر چند خیلی گران باشد و بی فایده! چرا؟ خطای شناختی به نام خطای اطلاعات (Information Bias) وجود دارد که علت این انتخاب است. این خطا می گوید هر چه اطلاعات بیشتر، بهتر، هر چند ممکن است این اطلاعات کاملا بی ربط بوده و به تصمیم ما کمکی نکند. 


داشتن اطلاعات بیشتر به طور کلی امر مثبتی است اما از آنجا که همه ما منابع محدودی داریم، طبیعتا بهتر است آن ها را برای رسیدن به اهدافمان خرج کنیم. شاید یکی از ریشه های این خطا، انفجار اطلاعات باشد. انبوهی از اطلاعات هر روز تولید می شود و این باعث می شود که در معرض انواع اطلاعات قرار بگیریم و فکر کنیم که برای تصمیم گیری باید به همه آن ها اشراف داشته باشیم. 


یکی دیگر از دلایل شاید نداشتن اهداف روشن و مشخص باشد. مدیری که نداند مساله اش دقیقا چیست، همکارانش را دنبال نخود سیاه می فرستد! کارمندانش اطلاعاتی می آورند که تاثیری روی تصمیم گیری و پاسخ به پرسش اصلی ندارد. یا مثلا وقتی لیست خرید مشخص و نوشته شده ای نداریم و وارد یک فروشگاه هایپرمارکت بسیار بزرگ می شویم، اطلاعات بسیار زیادی در مورد چیزهایی که اصلا به دنبالش نبودیم بدست می آوریم. همه جای آن پر است از علائم حراج و تخفیف و قیمت های استثنایی! طبیعتا بسیار وسوسه انگیز است و نتیجه اش می شود اینکه با کیسه های خرید اضافی که نیازی به آن ها نداشتیم و جیبمان را خالی کرده اند، از فروشگاه خارج می شویم! 


☑️⭕️تجویز راهبردی:

چه می شود کرد؟ متاسفانه مبارزه با این خطا کار دشواری است. چرا که به عقیده اغلب افراد هر چه اطلاعات بیشتر، تصمیم گیری بهتر! به همین خاطر است که زیاد شنیده می شود: حالا آن گزارش را هم بفرست شاید کمک کند! شاید این چند پیشنهاد کمک کند:


1- تیپ شخصیتی خود را بشناسید. برخی از افراد ذاتا شهودی تصمیم می گیرند و برخی مبتنی بر واقعیات و اعداد و ارقام. حالا افراد دسته دوم (غیرشهودی ها)، خود به دو دسته تقسیم می شوند: آن هایی که زیاد تردید می کنند و خیلی سخت تصمیم گیری می کنند، آن هایی که راحت تر تصمیم گیری می کنند، اگر از دسته کسانی هستید که مبتنی بر واقعیات تصمیم گیری می کنید و سخت به تصمیم می رسید، بدانید که عطش شما برای دریافت اطلاعات نه برای تصمیم گیری بهتر که ناشی از تیپ شخصیتی شماست و ریشه روانشناسانه دارد.


2- پرسش و مساله اصلی خود را شفاف کنید. اگر مساله شما روشن باشد، آنگاه می توانید بفهمید که چه اطلاعاتی واقعا شما را به تصمیم بهتر می رساند و چه اطلاعاتی صرفا ناشی از سندروم عطش کاذب است.


3- یک مرز نخود سیاه تعریف کنید. در زمان جمع آوری اطلاعات هر از چندگاهی از خود بپرسیم آیا از این جا به بعد دارم دنبال نخود سیاه می گردم (اطلاعات به ظاهر مربوط اما بی فایده و بی تاثیر بر کیفیت تصمیم). فراموش نکنیم جمع آوری اطلاعات برای یک تصمیم گیری امری الزامی است. اما از زمانی به بعد دیگر فایده اقتصادی ندارد یعنی منافعش کمتر از هزینه هایش می شود.


نکته آخر اینکه قبول کنیم دنیا هیچگاه خالی از عدم قطعیت و ناشناخته ها نیست. هیچ کس نمی تواند به قطعیت صد در صد برسد. خداوند توصیه کرده است که بعد از جمع آوری اطلاعات از طریق اخذ مشورت از دیگران و رسیدن به جمع بندی (تصمیم گیری) به او توکل و نتیجه کار به او سپرده شود . ترکیبی زیبا از «خرد شخصی و جمعی» از یک سو و «اتکا به قدرتی برتر» از دیگر سو. 



✅نوشته مشترک وحید شامخی و مجتبی لشکربلوکی/ شبکه استراتژیست

asriran.com

@MyAsriran

۰ نظر
فرشاد ناصری فر

ویوالدی مرورگری متفاوت


توضیحات طراح :

Jón S. von Tetzchner

مرورگری برای دوستانمان

در سال 1994، دو برنامه‌نویس کار بر روی پروژه‌ی تولید یک مرورگر وب را آغاز کردند. ایده‌ی آن‌ها ساخت مرورگری «واقعاً» پرسرعت بود که توانایی اجرا بر روی سخت‌افزارهای محدود را نیز داشته باشد؛ به‌ اضافه‌ی این‌که خواست‌ها و نیازهای متفاوت کاربران را نیز در نظر داشتند. به این ترتیب بود که مرورگر «اپرا» متولد شد.

نرم‌افزار کوچک ما توجه‌ها را به خود جلب نمود، گروهمان بزرگ‌تر شد و تشکیل یک جامعه را داد. ما به کاربران و اصول خود پایبند ماندیم. در کنار ایده‌ای اصلیمان برای ساخت یک مرورگر عالی، از بازخوردهای کاربران برای بهبود نرم‌افزار خود بهره گرفتیم. تنها برای خلق بهترین، تلاش کردیم.

سریعاً به سال 2015 می‌رویم. مرورگری که زمانی عاشقش بودیم اکنون تغییر مسیر داده. متأسفانه، دیگر خبری از توجه به کاربران و مشارکت‌کنندگان نیست - همان کسانی که در قدم اول به ساخت این مرورگر کمک کردند.

خب طبیعتاً یک نتیجه گرفتیم: باید مرورگر جدیدی بسازیم. مرورگری که برای خودمان و دوستانمان باشد. مرورگری سریع و در عین حال کارآ، منعطف و کاربر مدار. مرورگری که برای شما ساخته شده.

و به این ترتیب، ویوالدی متولد شد.



اگر زمان زیادی را صرف وبگردی می‌کنید، پس نیاز به مرورگری شخصی دارید. مرورگری که قابلیت‌ها و انعطاف مورد نظرتان را داشته باشد. این همان چیزهایی است که ما با ویوالدی در اختیارتان گذاشته میشود. لذت ببرید!

یادداشت‌برداری

متن مورد نظر برای مقاله و نوشته‌تان را یافته‌اید؟ آن را داخل پنل یادداشت‌ها کپی کنید تا با لینک مطلب ذخیره شود. با هر تغییر در منبع مطلب هم، امکان افزودن اسکرین‌شات آن را به یادداشت خود دارید.



Vivaldi Notes


شخصی‌سازی همه چیز

دنیا جای رنگارنگی است، چرا که ما همگی متفاوت و منحصربه فرد هستیم. ما در ویوالدی بر این عقیده‌ایم که شما نحوه‌ی کار یک نرم‌افزار را تعیین می‌کنید. نتیجه اینکه خود را با شما وفق می‌‌دهیم! ویوالدی امکانات شخصی‌سازی فراوانی را در اختیار شما می‌گذارد. مثلاً دوست دارید که نوار زبانه‌های مرورگر در پایین صفحه باشد یا کنار آن؟ جای نوار آدرس چطور؟ در ویوالدی هر آنچه که در نظر داشته باشید، از میانبرهای کیبورد گرفته تا دستورات حرکتی موس، از تغییرات ظاهری عادی تا کمک به افراد مبتلا به کور رنگی، همه در اختیار شماست.

Vivaldi








































دسته‌بندی و کاشی‌کاری زبانه

مرورگر شما هم همیشه پر از زبانه‌های باز است؟ با دسته‌بندی زبانه می‌توانید شیوه‌ی نمایش این زبانه‌ها را مدیریت کنید. به کمک این ویژگی می‌توانید چند زبانه را در یکی جای دهید. برای این کار کافیست با موس زبانه‌ی موردنظر را گرفته و روی دیگری بیندازید...تا شاهد یک دسته‌بندی صاف و ساده باشید. کاشی‌کاری دسته زبانه هم این قابلیت را برای شما فراهم می‌کند تا چند زبانه را به شیوه‌ها مختلف (در کنار یکدیگر یا به صورت شبکه‌ای) در یک صفحه داشته باشید. در واقع با داشتن چند دسته زبانه‌ی کاشی‌کاری شده، با یک کلیک به چند دسکتاپ دسترسی دارید. این چیزی نیست جز قدرت بیشتر برای شما!


استایل خود را به کمک تم‌های موجود انتخاب کنید

در هنگام خرید یک اتومبیل، حق انتخاب زیادی در زمینه‌ی رنگ و امکانات آن دارید. با ویوالدی، شما محدود به سلیقه و انتخاب‌های ما نیسیتید. استایل دلخواهتان را از میان تم‌های آماده‌ و بی‌شمار ما انتخاب کنید، یا خودتان به راحتی یکی بسازید!


فرمان‌های سریع

F2

آیا به انجام دستورات از طریق خط فرمان علاقه دارید؟ پس بی‌شک کار با ویوالدی برایتان لذت‌بخش خواهد بود. دستورات سریع به شما اجازه می‌دهد تا از طریق یک واسط کاربری مشابه خط فرمان، در میان زبانه‌های باز، نشانک‌ها، تاریخچه، تنظیمات و... موضوع مورد نظرتان را بیابید.


Quick Commands


واسط کاربر انطباقی

رنگ ظاهری مرورگر ویوالدی، به صورت همزمان خود را با وبگردی شما منطبق می‌کند، درست همانند یک آفتاب‌پرست که خود را با محیط وفق می‌دهد. ظاهری تروتمیز و مدرن، کامل کننده‌ی محتواست. بدین ترتیب فیس‌بوک، مرورگر را آبی و برای مثال سایت The Verge آن را نارنجی خواهد کرد. - البته اگر شما بخواهید.

وبگردی به شیوه‌ی شما

ویوالدی برای اکثر کارها، یک دستور حرکتی یا میان‌بر صفحه‌کلید در نظر گرفته که با امکان تعریف دستورات و میانبرهای جدید توسط شما، بیش از پیش نیز می‌توان آن را شخصی‌سازی نمود. برای دسترسی هرچه سریعتر به فرمان‌های موردنظر، امکان تعریف میانبرهای تک کلیده‌ی صفحه‌کلید را هم به موارد بالا اضافه کنید.

نشانک‌گذاری‌های قدرتمند

چه تعداد نشانک در مرورگر خود دارید؟ 56، 225 یا 1056؟ اگر از نشانک‌ها زیاد استفاده می‌کنید، جای درستی آمده‌اید! با سیستم مدیریت نشانک‌های ویوالدی می‌توانید به طور مؤثرتری با نشانک‌های خود کار کنید و آن‌ها را سازماندهی نمایید. برای دسترسی سریع‌تر نیز می‌توانید تگ‌ها و القاب خود را برایشان به کار ببرید.

پنل‌های وب

برای دسترسی هرچه سریعتر به سایت‌های دلخواه خود، می توانید آن‌ها را به عنوان پنل وب به مرورگر اضافه کنید. قابلیتی فوق‌العاده، مخصوصاً برای دیکشنری‌ها، فیدهای خبری و سایر موارد. آن را امتحان کنید!


۰ نظر
فرشاد ناصری فر

Samsung Galaxy A7 (2017) starts receiving Android 7.0 Nougat

Samsung’s higher mid-ranger Galaxy A7 (2017) is kind of an odd one. Despite being launched in January of this year, it still came with Android 6.0 Marshmallow for some reason. However, it has now started receiving the much-anticipated Nougat update, according to a report from Thailand via SamMobile.

The update weighs a hefty 1394.40 MB, so make sure you’re connected to stable Wi-Fi and you have enough battery left to download and apply it. The new OS version will add a number of improvements, the most obvious one being the Samsung Experience UI which debuted with the Samsung Galaxy S8 duo. Users will also receive the Dual Messenger function, which will allow two separate accounts to be set up for certain social apps, Samsung Pass, and improved always-on display functionality.

We’re not sure which markets the update is going live in as of yet. However, users around the globe should get it soon and you can always check manually for new updates by going to Settings -> About device.

http://www.androidauthority.com/samsung-galaxy-a7-2017-starts-receiving-android-7-0-nougat-792582/



۱ نظر
فرشاد ناصری فر