ښودنه ممکن الټرا پراخه وي، مګر دا پدې معنی نه ده چې ستاسو ویب پاڼه باید وي
امکانات دا دي، تاسو احتمالا د یوې ویب پاڼې څخه لیدنه کړې چې ډیزاین پکې شامل دي بشپړ عرض د براوزر څخه. تاسو شاید لیدلي وي چې مینځپانګه د هضم لپاره اسانه نه وه ځکه چې ستاسو سترګو د پاڼې بشپړ چوکۍ سکین کړې. دا په حقیقت کې د لوستلو وړ پیژندل شوی او د کارونکي تجربه ده (UX) مسله.
په څیړنه کې typography او ادراکي ارواپوهنه وړاندیز کوي چې د لنډې کرښې اوږدوالی لوستل اسانه او ډیر راحته کوي. کله چې د متن کرښې ډیرې اوږدې وي، نو دا د سترګو لپاره خورا ستونزمن کیږي چې د یوې کرښې له پای څخه د بلې کرښې پیل ته تعقیب کړي. دا کولی شي د سترګو فشار او د مینځپانګې جذبولو کې ستونزې رامینځته کړي.
د کالم کارولو تاریخ
د کالم کارولو ساینس په زړه پوری دی او په عملییت او لوستلو کې ریښې لري.
- تاریخي لید: په ورځپاڼو کې د تنګ کالمونو دود د چاپي رسنیو په لومړیو ورځو کې موندل کیدی شي. د 17 پیړۍ په لومړیو کې، کله چې ورځپاڼې په لومړي ځل راڅرګندې شوې، دوی ډیری وختونه د یو واحد، پراخ پاڼې په بڼه چاپ شوي. په هرصورت، لکه څنګه چې ورځپاڼو وده وکړه، ترتیب بدل شو چې ډیری کالمونه پکې شامل دي. دا بدلون په یوه برخه کې د تخنیکي خنډونو او اقتصادي فکتورونو لخوا پرمخ وړل شوی. په هغه وختونو کې د چاپي مطبوعاتو کارول د کیفیت له لاسه ورکولو پرته په پراخه ځایونو کې د چاپ کولو وړتیا محدوده وه، او د تنګ کالمونو معنی دا وه چې ډیر متن په یوه پاڼه کې ځای کیدی شي، د ورځپاڼې تولید لپاره ډیر لګښت اغیزمن کوي.
- د لوستلو وړتیا او د سترګو حرکت: د ساینسي لید څخه، د ورځپاڼو د کالمونو پراخوالی د دې سره نږدې تړاو لري چې څنګه زموږ سترګې او دماغ لیکلي معلومات پروسس کوي. د متن د لوستلو لپاره د غوره کرښې اوږدوالی معمولا په هره کرښه کې شاوخوا 50-60 حروف دی.
- د لوستلو په سرعت او درک باندې د کالم پراخوالی اغیزه: مطالعاتو ښودلې چې د تنګ کالم پلنوالی کولی شي د لوستلو سرعت او درک ته وده ورکړي. دا ځکه چې لنډې کرښې د سترګو ګړندي حرکت او اسانه متن سکین کولو ته اجازه ورکوي. په مقابل کې، پراخ کالمونه کولی شي لوستل ورو کړي ځکه چې د لوستونکي سترګې باید د پام وړ له کرښې څخه بل ته حرکت وکړي.
- د عصري ډیزاین سره تطابق: پداسې حال کې چې د ورځپاڼو دودیزه بڼه ورته پاتې ده، ډیجیټل رسنۍ باید د مختلف سکرین اندازې او د لوستلو عادتونو سره سمون ولري. آنلاین ورځپاڼې او ای لوستونکي اکثرا د شخصي غوره توبونو او مختلف وسیلو اندازو ځای په ځای کولو لپاره د تنظیم وړ کالم عرض وړاندیز کوي.
د ورځپاڼو د کالم ډیزاین څخه اخیستل شوي اصول هم د ویب ډیزاین اغیزه کړې. ویب پاڼې اکثرا د اسانه لوستلو لپاره تنګ متن کالمونه یا د ګریډ ترتیب کاروي، د ورځپاڼو د ترتیب ډیزاین پیړۍ پخوانی حکمت منعکس کوي.
د براوزر پراخوالی او د سکرین ریزولوشن
په احصایه کې، د براوزر خورا عام پلنوالی او د سکرین ریزولوشنونه د وسیلې ډول پورې اړه لري. دلته یو جدول دی چې د ګرځنده ، ټابلیټ او ډیسټاپ وسیلو لپاره خورا عام حلونه او د دوی د بازار ونډې سلنه ښیې:
د موبايل په | ټابلیټ | د سرپاڼې |
---|---|---|
360×800 (11.65%) | 768×1024 (26.96%) | 1920×1080 (22.7%) |
390×844 (7.26%) | 810×1080 (9.68%) | 1366×768 (14.47%) |
414×896 (5.66%) | 1280×800 (6.76%) | 1536×864 (10.41%) |
393×873 (5.16%) | 800×1180 (5.04%) | 1440×900 (6.61%) |
328×926 (3.84%) | 962×601 (2.99%) | 1600×900 (3.8%) |
دا احصایې باید د پام وړ د ویب پاڼې ډیزاین اغیزه وکړي. د سکرین ریزولوشنونو تنوع ته په پام سره، د یوې اندازې سره سم - ټول طریقه ممکنه نه ده. سوداګرۍ باید د ګرځنده وسیلو (55.67٪) او ډیسټاپونو (42.4٪) له لارې رامینځته شوي ترافیک د پام وړ ونډې په پام کې نیولو سره د ګرځنده ځواب ویونکي ډیزاین کې پانګونه وکړي.
د الټرا وایډ سکرینونو لپاره ډیزاین کول ممکن خورا مؤثره طریقه نه وي ځکه چې دا د متن اوږد افقی دورې له امله د لوستلو ستونزمن تجربه رامینځته کولی شي. ډیزاینران عموما د ډیزاین اندازه کولو لپاره یو معیاري ډیسټاپ او ګرځنده ریزولوشن کاروي، د وسیلو په اوږدو کې د کاروونکي اسانه تجربه یقیني کوي. د ځواب ویونکي او ګرځنده لومړي ویب ډیزاین تر مینځ انتخاب د هدف لیدونکو او د دوی غوره وسیلو پورې اړه لري.
د الټرا وایډ براوزر ډیزاین غوره کړنې
د کاروونکي انٹرفیس ډیزاین کول (UI) او د مثبت کاروونکي تجربه یقیني کول (UX) د الټرا وایډ نندارې لپاره ډیری غوره تمرینونه شامل دي. د دې تمرینونو هدف د ځای کارول ښه کول، د لوستلو وړتیا لوړول، او د نیویګیشن اسانتیا یقیني کول دي. دلته ځینې کلیدي لارښوونې دي:
- ځواب ورکوونکی ډیزاین: ډاډ ترلاسه کړئ چې ستاسو ویب پاڼه یا غوښتنلیک ځواب ورکوونکی دی، د مختلف سکرین اندازو سره په مایع ډول تطبیق کوي. دا د الټرا وایډ نندارې لپاره خورا مهم دی چیرې چې د اړخ تناسب د معیاري سکرینونو څخه د پام وړ توپیر لري.
- د کالم پلنوالی کنټرول شوی: د متن - درانه مینځپانګې لپاره د متن کالمونو اعظمي پلنوالی محدود کړئ. پراخ کالمونه کولی شي لوستل ستونزمن کړي، ځکه چې سترګې باید د یوې کرښې له پای څخه تر بلې پیل پورې اوږد واټن سفر وکړي.
د ګوتو یو ښه قاعده د کالم پلنوالی ساتل دي چې په هره کرښه کې 60-75 حروف ځای په ځای کوي.
- د ګریډونو کارول: د مینځپانګې په مؤثره توګه تنظیم کولو لپاره د شبکې سیسټم پلي کول. گرډونه د متوازن ترتیب په رامینځته کولو کې مرسته کوي او په الټرا وایډ سکرینونو کې د سپینې ځای اداره کولو کې ګټور کیدی شي.
- زون کول: سکرین د مختلف ډولونو یا متقابل عمل لپاره په جلا زونونو ویشئ. دا د کاروونکو سره مرسته کوي چې انٹرفیس ډیر په زړه پوري حرکت وکړي او ادراکي بار کموي.
- د غاړې نیویګیشن: د نیویګیشن او اضافي معلوماتو لپاره د سائډبارونو کارولو ته پام وکړئ. دا اضافي افقی ځای په مؤثره توګه کاروي پرته لدې چې د مینځپانګې اصلي ساحې اغیزه وکړي.
- درجه بندي ترتیب: د منځپانګې له لارې د کارونکي سترګو ته د لارښود کولو لپاره یو روښانه بصری درجه بندي وکاروئ. دا په ځانګړې توګه په لوی سکرینونو کې مهم دی چې د بې ځایه کیدو لوړ خطر سره.
- دوامداره سمون: په ټول انٹرفیس کې د سمون دوام ساتل. غلط تنظیم شوي عناصر په پراخه سکرینونو کې ډیر د پام وړ او پام وړ کیدی شي.
- د متمرکز منځپانګې ساحې: د کاروونکي پام ځانته اړولو لپاره د مهمو منځپانګو لپاره متمرکزې سیمې جوړې کړئ. دا د متضاد رنګونو، د اندازې توپیرونو، یا ګرافیکي عناصرو په کارولو سره ترلاسه کیدی شي.
- د افقی سکرول کولو څخه ډډه وکړئ: افقي سکرول کول ګډوډونکي کیدی شي او باید مخنیوی وشي. ډیزاین ترتیبونه چې مینځپانګه په عمودي ډول ځای په ځای کوي ، حتی په پراخه سکرینونو کې.
- د لوستلو وړتیا لپاره غوره کول: ډاډ ترلاسه کړئ چې د متن اندازه، د کرښې فاصله، او د فونټ انتخاب غوره شوی. ډیر کوچنی یا سخت متن په لوی نندارتون کې لوستل ستونزمن کیدی شي.
- د څو کارونو اسانتیا: څرنګه چې الټرا وایډ سکرینونه ډیر ځای وړاندې کوي، ډیزاین انٹرفیسونه چې د څو کار کولو اسانتیاوې برابروي، لکه ډیری پرانیستې کړکۍ یا تختې.
- د لار موندنې: لاسرسۍ په ذهن کې وساتئ، ډاډ ترلاسه کړئ چې ټول کاروونکي، پرته له دې چې د دوی وسیله وي، کولی شي ستاسو سایټ ته لاسرسی ومومي او په اغیزمنه توګه وکاروي.
- د وسیلو په اوږدو کې ازموینه: خپل ډیزاین په مختلفو وسیلو کې ازموئ، په شمول د الټرا وایډ مانیټرونو، ترڅو ډاډ ترلاسه کړئ چې دا په ټولو ممکنه سناریوګانو کې اندازه کوي او ښه ترسره کوي.
- د لوړ ریزولوشن انځورونه وکاروئ: د لوړ ریزولوشن عکسونه وکاروئ چې په لویو سکرینونو کې پکسل نه وي ، ستاسو د انٹرفیس لید کیفیت ساتي.
- متوازن سپین ځای: سپینه ځای په قضاوت سره وکاروئ ترڅو داسې ترتیب رامینځته کړئ چې د ګڼې ګوڼې احساس نه کوي مګر په مؤثره توګه د پراخه سکرین املاکو څخه کار اخلي.
په یاد ولرئ، د الټرا-وایډ نندارې لپاره د اغیزمن UI/UX ډیزاین کلیدي یوازې د ځای ډکولو لپاره د عناصرو اندازه کولو په اړه ندي، بلکه د فکري تنظیم او د کاروونکي ښکیلتیا او تجربې ته وده ورکولو لپاره د منځپانګې موافقت په اړه.
د ځینې اوسط فونټ اندازې لپاره، په پکسل کې د 75 حروف (د حروفونو ترمنځ د ځای په ګډون) به نږدې په لاندې ډول وي:
- 10pt فونټ: 375.0 XNUMX p پکسلز
- 12pt فونټ: 450.0 XNUMX p پکسلز
- 14pt فونټ: 525.0 XNUMX p پکسلز
- 16pt فونټ: 600.0 XNUMX p پکسلز
- 18pt فونټ: 675.0 XNUMX p پکسلز
- 20pt فونټ: 750.0 XNUMX p پکسلز
دا محاسبې داسې انګیري چې په اوسط فونټ کې د کریکټ پلنوالی د هغې د لوړوالی نیمایي دی، په شمول د حروفونو ترمنځ ځای. نو… د 1920px پراخه سکرین ممکن د لوستلو وړتیا اعظمي کولو لپاره په ډیری کالمونو کې ماتیدو ته اړتیا ولري.
هغه پریکړه چې د ویب پاڼې ابعاد باید کارول کیږي باید د هدف لیدونکو د ډیموګرافیک پراساس وي، پشمول د عمر، جندر، موقعیت، او عاید، ځکه چې دا کولی شي هغه وسایل چې دوی یې کاروي حکم وکړي.
د ګوګل تحلیل 4: د سکرین حلونه
که تاسو غواړئ د خپلو لیدونکو راتلونکی چلند بیاکتنه وکړئ، GA4 کولی شي دا چمتو کړي راپورونه> کارن> ټیکنالوژي> عمومي کتنه.
ډاډ ترلاسه کړئ چې خپل معلومات د اونۍ پای یا وروسته ساعتونو ، پیښو او تبادلو لپاره فلټر کړئ ... تاسو ممکن بصیرت او فرصتونه ومومئ ترڅو خپل مینځپانګې په ښه توګه وړاندې کړئ د دې پراساس چې کله او ولې لیدونکي د دوی د سکرین ریزولوشن پراساس تعامل کوي.