Testa bikarhêneriyê, rêbazek lêkolîna UX-ê ye ku bi ceribandina hilberên dîjîtal bi bikarhênerên rastîn re pirsgirêkan di qonaxa destpêkê de tesbît dike. Li gorî lêkolîna Jakob Nielsen, tenê bi 5 bikarhêneran hatiye ceribandin, %85 pirsgirêk derdikevin holê. Ev jî wê dike yek ji rêbazên herî bikêr ên lêkolîna UX-ê.

Cureyên Testa Bikarhêneriyê

Bi Moderator vs Bê Moderator

Pêvajoya Testê: Gav bi Gav

1. Diyarkirina armancê: Hûn çi diceribînin? (navîgasyon, checkout, destpêkirin)
2. Hilbijartina beşdaran: 5-10 kes li gorî profîla bikarhênerê armancê
3. Amadekirina senaryoyê: Peywirên realîst diyar bikin
4. Testa pîlot: Bi 1-2 kesan re biceribînin da ku senaryoyan verast bikin
5. Danişînên testê: Bi protokola ramana bi deng (think-aloud) re
6. Analîz: Pirsgirêkan li gorî giranî û frekansê kategorîze bikin
7. Raporkirin: Encaman bi pêşniyarên çalakiyê pêşkêş bikin

Pîvanên Bikarhêneriyê

• Rêjeya temamkirina peywirê: Sedî ya ku bikarhêner peywirê bi serfirazî temam dike
• Dema peywirê: Dema temamkirina peywirê (çirke)
• Rêjeya xeletiyan: Hejmara xeletiyên di dema peywirê de
• SUS (System Usability Scale): Anketa standard a 10 pirsan (armanc: 68+)
• NPS (Net Promoter Score): Îhtîmala pêşniyarkirinê
• CSAT (Customer Satisfaction): Pûana razîbûnê

Kategorîzekirina Giraniyê

Ji bo pêşanîkirina pirsgirêkên hatine tesbîtkirin pîvana giraniyê bikar bînin:

• Krîtîk (P0): Peywir nayê temamkirin — divê tavilê were rast kirin
• Mezin (P1): Peywir bi zehmetî tê temamkirin — sprinta pêş de
• Piçûk (P2): Tengahiya piçûk — têxin plana başkirinê
• Kozmetîk (P3): Pirsgirêka estetîk — gava derfet hebe rast bikin

Amûrên Testa Bikarhêneriyê ya Ji Dûr

• UserTesting: Platforma berfireh, hewza beşdarên fireh
• Maze: Bi entegrasyona Figma, testa bilez
• Lookback: Ji bo testa ji dûr a bi moderator re îdeal
• Hotjar: Tomarkirinên danişînê û nexşeyên germê
• Microsoft Clarity: Tomarkirina danişînê û analîtîk a belaş

Encam

Testa bikarhêneriyê, di pêşxistina hilberên dîjîtal de rêbaza lêkolînê ye ku ROI-ya herî bilind peyda dike. Ceribandina zû û pir, mesrefên pêşxistinê kêm dike û razîbûna bikarhêneran zêde dike. Berî ku hilbera xwe bidin bazarê — tewra di qonaxa prototîpê de jî — bi bikarhênerên rastîn re biceribînin. Tîma UX-ê ya TAGUM ji plansaziya testa bikarhêneriyê heta raporkirinê piştgiriya berfireh pêşkêşî dike.

Xizmeta Testa Bikarhêneriyê Bistînin →

Hilbijartina amûra dîzaynê ya rast, rasterast bandorê li ser karîgeriya tîmê û kalîteya projeyê dike. Figma, Sketch û Adobe XD — sê lîstikvanên mezin xwediyê hêzên cûda ne. Her çend ji sala 2026-an ve Figma pozîsyona xwe ya serokatiya bazarê xurt kiriye jî, her amûrek senaryoyên bikaranîna xwe yên taybet hene.

Berhevkirina Berfireh

Figma: Çima Serokatiya Bazarê?

Sedemên bingehîn ên serdestiya Figma li ser bazarê:

• Li ser gerokê: Sazkirin ne hewce ye, li ser her pergala xebitandinê dixebite
• Hevkariya demê ya rastîn: Xebata hevdem wekî Google Docs
• Variables: Binesaziya bihêz ji bo birêvebirina design tokens
• Auto Layout: Sîstema layout ya bihêz ji bo dîzayna responsive
• Sîstema pêkhateyan: Bi variants, slots û instances re birêvebirina berfireh a pêkhateyan
• FigJam: Amûra whiteboard û brainstormê ya yekgirtî

Sketch: Hêza Bi Baldariya macOS

Sketch pêşengê kategoriya amûrên dîzayna UI-yê ya nûjen e û di ekosîstema macOS de xwediyê pozîsyonek bihêz e:

• Sepana macOS ya xwecihî — performansa bêkêmasî
• Bi Symbols û libraries re birêvebirina pêkhateyan
• Ekosîstema pêvekên dewlemend
• Bi Sketch Cloud re parvekirin û bertekdayîn

Adobe XD: Entegrasyona Creative Cloud

Entegrasyona kûr bi ekosîstema Adobe re pêşkêşî dike:

• Bi Photoshop, Illustrator, After Effects re guhertina pelan a bêkêmasî
• Şiyanên pêşketî yên 3D û anîmasyonê
• Prototîpkirina bi deng (voice prototyping)
• Bi abonetiya Creative Cloud re mesrefa zêde tune

Encam

Di hilbijartina amûrê de bersivek tenê ya rast tune ye — hewcedariyên tîma we, herikîna xebata we û ekosîstema we ya heyî diyarker divê bin. Lê belê ji bo piraniya tîmên dîzaynê yên nûjen, Figma çareseriya herî berfireh pêşkêşî dike. Tîma TAGUM, di hilbijartina amûra dîzaynê û optîmîzekirina herikîna xebata tîmê de şêwirmendî pêşkêş dike.

Pêvajoya Dîzayna Xwe Optîmîze Bikin →

Dashboard, navrûyên ku komên daneyan ên tevlihev vediguhêzin agahdariya dîtbarî ya têgihîştî û çalakiyê ne. Dashboardek baş hatiye dîzaynkirin, di dema rast de agahdariya rast ji biryarderan re pêşkêşî dike. Dashboardek xirab hatiye dîzaynkirin qirêjiya agahdariyê diafirîne û biryaran hêdî dike an jî xelet rê dide.

Prensîbên Dîzayna Dashboard

1. Hiyerarşiya Agahdariyê

Metrîkên herî girîng divê li cihê herî berbiçav bin. Quncika çepê ya jorîn, xala destpêka şopandina çavê ye û KPI-yên herî krîtîk divê li wir bên danîn.

2. Têgihîştina Bi Yek Nihêrînê (Glancability)

Divê dashboardek di nav 5 çirkeyan de rewşa giştî ragihîne. Hûragahî, bi danûstandinên drill-down ve divê were pêşkêşkirin.

3. Data-Ink Ratio

Prensîba Edward Tufte: Rêjeya hibra ku daneyê temsîl dike ji giştî ya hibrê zêde bikin. Xemilandinên nepêwîst, xêzên paşnavê û hêmanên dekoratîf rakin.

Hilbijartina Cureya Grafîkê ya Rast

Stratejiyên Layout-a Dashboard

• Kartên KPI: Di rêza jorîn de 3-5 metrîkên sereke (hejmar + tîra trendê + sediya guherînê)
• Grafîka sereke: Di navîn de trenda an jî berhevkirina herî girîng
• Panela hûragahiyê: Li jêr an jî li kêlekê tablo û grafîkên hûragahî
• Fîltre: Li jor an jî li kêlekê navbera deman û fîltreyên segmentê

Bikaranîna Rengan

Di dashboard de reng divê agahdariyê hilgirin, ne xemilandin bin:

• Kesk = pozîtîf/zêdebûn, Sor = negatîf/kêmbûn (domdar bihêlin)
• Herî zêde 5-7 reng bikar bînin (gihîştina ji bo rengekor bifikirin)
• Tonên bêalî ji bo paşnav û hêmanên duyem bikar bînin
• Rengên semantîk ji bo kategoriyên daneyan veqetînin

Encam

Dîzayna dashboard, xala ku zanistiya daneyan û dîzayna dîtbarî lê dicivin e. Dashboardek ku dihêle bikarhêner biryarên bilez û rast bidin, rasterast performansa karsaziyê bilind dike. Tîma TAGUM, ji bo karsaziya we çareseriyên dashboard û dîtbarkirina daneyan dîzayn dike.

Ji Bo Dîzayna Dashboard Bi Me Re Têkilî Daynin →

Landing page (rûpela gihîştinê), xala veguherîna marketinga dîjîtal e. Ew rûpelên taybet in ku ji bo veguherandina klîkên reklaman, lînkên e-nameyê an jî yönlendirmeyên medyaya civakî bo çalakiya konkret (qeydkirin, kirîn, tijêkirina formê) hatine dîzaynkirin. Landing page-ek baş hatiye dîzaynkirin, dikare rêjeya veguherînê heta %300 zêde bike.

Anatomiya Landing Page

Jorê Fold (Ekrana Yekem)

Herêma ku bikarhêner bê scroll dibîne, beşa herî krîtîk e:

1. Sernav (Hero Headline): Pêşniyara nirxê bi awayekî zelal û bandorker îfade bikin
2. Binnav: Ravekek kurt ku sernavê piştgirî dike
3. Wêne/vîdyoya Hero: Temsîla dîtbarî ya hilber/xizmetê
4. Bişkoja CTA: Bangek çalakiyê ya yekane, zelal û balkêş
5. Hêmanên pêbaweriyê: Barê logoyê, hejmara xerîdaran, nîşaneyên ewlehiyê

Jêrê Fold

• Taybetmendî/Feyda: 3-4 feydeyên sereke, bi îkon an dîtbarî re
• Delîla civakî: Şîroveyên xerîdaran, lêkolînên dozê, statîstîk
• Agahdariya hûragahî: Çawa dixebite, bihakirin, PGP (Pirsên Gelemperî Pirsîn)
• CTA-ya duyem: Banga çalakiyê ya ku li dawiya rûpelê dubare dibe

Prensîbên Dîzayna Bi Baldariya Veguherînê

1. Qaîdeya Armanca Yekane

Divê her landing page-ê yek armanca veguherînê hebe. Menûya navîgasyonê, lînkên footer û xalên din ên derketinê rakin an jî kêm bikin.

2. Lihevhatina Peyamê (Message Match)

Divê nivîsa reklamê û sernavê landing page-ê tam li hev bikin. Divê bikarhêner soza ku di reklamê de dîtiye li ser rûpelê bibîne.

3. F-Pattern û Z-Pattern

Li gorî şêwazên şopandina çavên bikarhêneran rêzikê biafirînin. F-pattern ji bo rûpelên bi nivîsê giran, Z-pattern ji bo rûpelên bi dîtbarî giran guncan e.

Encam

Dîzayna landing page, xala hevberdana huner û zanistê ye. Bi yekkirina prensîbên dîzayna dîtbarî û psîkolojiya veguherînê rûpelên bi bandor biafirînin. Divê her landing page bi ceribandin û optîmîzekirina domdar pêş bikeve. Tîma TAGUM, li gorî armancên kampanyaya we landing page-ên bi veguherîna bilind dîzayn dike.

Ji Bo Dîzayna Landing Page Bi Me Re Têkilî Daynin →

Mîkro danûstandin, anîmasyonên piçûk û baldar in ku peywireke yekane ya bikarhêner piştgirî dikin. Anîmasyona dil a bişkoja “hez kirin”, bandora pejirandinê ya di şandina formê de an jî tevgera pull-to-refresh — ev hemû mîkro danûstandin in. Her çend wekî hûragahiyên piçûk xuya dikin jî, ezmûna bikarhêner bi awayekî wateyî dewlemend dikin.

Anatomiya Mîkro Danûstandinan

Çar pêkhateyen ku Dan Saffer diyar kiriye:

1. Trigger (Tetikker): Çalakiya bikarhêner an bûyera sîstemê ku danûstandinê destpê dike
2. Rules (Rêgez): Mantiqê ku diyar dike danûstandin çawa tevbigere
3. Feedback (Bertekdayîn): Bersiva dîtbarî/dengî ku ji bikarhêner re tê dayîn
4. Loops & Modes: Dubarekirin û rewşên guhêrbar

Cureyên Mîkro Danûstandinê

Teknîkên Anîmasyonê yên CSS û JavaScript

CSS Transitions û Animations

Ji bo guherînên rewşê yên hêsan CSS transitions îdeal e — performansdar, hêsan û lênêrîna wê bêzehmet e. Ji bo anîmasyonên tevlihev CSS @keyframes tê bikaranîn.

Pirtûkxaneyên Anîmasyonê yên JavaScript

• GSAP: Pirtûkxaneya anîmasyonê ya herî bihêz û performansdar
• Framer Motion: Anîmasyona deklaratîf ji bo sepanên React
• Lottie: Veguhestina anîmasyonên After Effects bo webê
• Three.js: Anîmasyonên webê yên 3D

Anîmasyonên Bi Scroll Tetikkirî

Anîmasyonên bi Intersection Observer API û scroll tetikkirî, beşek jênebawerî ya ezmûna webê ya nûjen in. Gava bikarhêner rûpelê dişkîne hêman xuya dibin, dişûştin an vediguhêzin.

Hevsengiya Performans û Gihîştinê

• transform û opacity: Bi bilezkirina GPU, performansdar
• width, height, margin: Layout tetik dike, hêdî ye — jê dûr bikevin
• will-change: Ji gerokê re îşaretê bidin ku anîmasyon heye
• requestAnimationFrame: Ji bo anîmasyonên JS yên bêkêmasî

Encam

Mîkro danûstandin, ezmûna dîjîtal ji pêvajoyek mekanîkî vediguherîne rêwîtiyeke xweş. Gava di dozê rast de û li cihê rast de bên bikaranîn, razîbûna bikarhêneran û têgihîştina markayê xurt dikin. Tîma dîzaynê ya TAGUM, dîzaynên danûstandinê yên ku hilberên we zindî dikin diafirîne.

Xizmeta Dîzayna Danûstandinê Bistînin →

Tîpografî, lehengê bêdeng ê dîzayna webê ye. %95 naveroka rûpeleke webê ji nivîsê pêk tê; ji ber vê yekê hilbijartina fontê û rêzika tîpografîk, yek ji faktorên herî girîng in ku ezmûna bikarhêner diyar dikin. Tîpografiya rast, xwendinê baştir dike, nasnameya markayê xurt dike û girêdana hestyarî datîne.

Kategorîzekirina Fontan

Pîvana Tîpografî (Type Scale)

Pîvanek tîpografî ya domdar, hiyerarşiya dîtbarî û lihevhatinê peyda dike. Pîvana modular bi zêdekirina mezinahiya bingehîn bi rêjeyekê ve tê afirandin:

• Mezinahiya bingehîn: 16px (1rem) — nivîsa laş
• Rêje: Major Third (1.25) an Perfect Fourth (1.333)
• H1: 2.488rem (39.8px)
• H2: 2.074rem (33.2px)
• H3: 1.728rem (27.6px)
• H4: 1.44rem (23px)
• Body: 1rem (16px)
• Small: 0.833rem (13.3px)

Prensîbên Xwendinê

Dirêjahiya Rêzê

Dirêjahiya rêza îdeal di navbera 45-75 tîpan de ye. Rêzên pir kurt rîtma xwendinê têk didin, rêzên pir dirêj şopandina çavan dijwar dikin.

Bilindahiya Rêzê (Line Height)

Ji bo nivîsa laş bilindahiya rêzê ya 1.5-1.75 îdeal e. Di sernavan de 1.1-1.3 bes e.

Hevkêşeya Fontan (Font Pairing)

Dema ku du font bi hev re tên bikaranîn hevsengiya kontrast û lihevhatinê biparêzin:

1. Serif + Sans-serif: Kombînasyona klasîk (sernav serif, laş sans-serif)
2. Malbata heman: Giraniyên cuda yên malbata fontê (hilbijartina ewle)
3. Wekheviya karakter: Fontên ku x-height û rêjeya wan li hev tê

Notên Tîpografiya Kurdî

Dema ku ji bo Kurmancî font hildibijêrin, tîpên taybet (ç, ê, î, ş, û) kontrol bikin. Fontên ku piştgiriya “Latin Extended” hene divê bên tercîhkirin.

Encam

Tîpografî, amûra herî nazik û herî bibandor a dîzaynê ye. Bi hilbijartina fonta rast, pîvana guncan û hiyerarşiya baldar hûn dikarin nivîsarên xwe veguherînin ezmûneke dîtbarî. Tîma TAGUM, di hilberên weya dîjîtal de kamilbûna tîpografîk peyda dike.

Ji Bo Şêwirmendiya Dîzaynê Bi Me Re Têkilî Daynin →

Reng, amûra ragihandinê ya herî bihêz a dîzaynê ye. Bikarhênerek ku serdana malperek dike, di nav 90 çirkeyên yekem de biryareke binhiş dide û %62-90 ya vê biryarê tenê li ser rengan disekine. Têgihîştina psîkolojiya rengan û bikaranîna wê ya stratejîk, ji têgihîştina markayê heta rêjeya veguherînê her tiştî bandor dike.

Bandorên Psîkolojîk ên Rengan

Qaîdeyên Lihevhatina Rengan

Qaîdeya 60-30-10

Rêjeya zêrîn a paletên rengan ên serkeftî:

• %60 Renga serdest: Paşnav û qada giştî (bi gelemperî bêalî)
• %30 Renga duyem: Kart, darikên kêlekê, paşnavên beşan
• %10 Renga devokê: Bişkojên CTA, lînk, hêmanên girîng

Modelên Lihevhatina Rengan

1. Complementary (Temamker): Rengên dijber li ser çerxa rengan — kontrasta bilind
2. Analogous (Nêzîk): Rengên li tenişt hev — lihevhatî, aram
3. Triadic (Sêalî): Sê reng bi navbera 120° — jîndar û hevseng
4. Monochromatic (Yek reng): Ton û têrbûnên cuda yên yek reng — sofîstîke

Bikaranîna Rengan a Bi Baldariya Veguherînê

Di bişkojên CTA (Call-to-Action) de hilbijartina rengê, dikare rêjeya veguherînê heta %21 bandor bike:

• Renga CTA divê ji renga serdest a rûpelê cuda be (kontrast)
• Bişkojên sor û pirteqalî bi gelemperî klîka herî bilind digirin
• Kesk, di çalakiyên pejirandin û berdewamkirinê de bihêz e
• Bi testa A/B renga herî guncan ji bo temaşevanên xwe diyar bikin

Dîzayna Dark Mode

Moda tarî, westiyatiya çavan kêm dike û li ser ekranên OLED enerjiyê xilas dike. Ji bo dark mode ya bibandor:

• Li şûna reşa saf (#000) reşa tarî (#121212) bikar bînin
• Ji bo nivîsê li şûna spiya saf, boza vekirî (#E0E0E0) tercîh bikin
• Bilindahiyê bi ronîkirina rengê îfade bikin (hêmanên bilind ronîtir)
• Paleta rengan ji bo dark mode cûda optîmîze bikin

Encam

Hilbijartina rengan ne biryareke sezgiyî ye, divê biryareke stratejîk be. Bi nirxandina nasnameya markayê, psîkolojiya temaşevanên armanc û armancên veguherînê bi hev re, paleta rengê ya ku were afirandin dê bandora hebûna weya dîjîtal du qat bike. Tîma dîzaynê ya TAGUM, ji bo markaya we stratejiyên rengê yên bi piştgiriya daneyan pêş dixe.

Şêwirmendiya Dîzayna Markayê Bistînin →

Sîstema dîzaynê, berhevoka standard, pêkhate û rêgezan e ku di hilberên dîjîtal ên rêxistinekê de domdarî, karîgerî û mezinbûnê peyda dike. Material Design ya Google, Human Interface Guidelines ya Apple û Carbon ya IBM, mînakên sîstemên dîzaynê yên serkeftî ne.

Pêkhateyên Sîstema Dîzaynê

1. Design Tokens

Yekîneyên herî piçûk in ku biryarên dîzaynê temsîl dikin:

• Reng: Primary, secondary, accent, neutral, semantic (success, error, warning)
• Tîpografî: Malbatên fontan, mezinahî, giranî, bilindahiyên rêzan
• Spacing: Pîvana spacing ya li ser bingeha 4px (4, 8, 12, 16, 24, 32, 48, 64)
• Border radius: Nirxên giloverkirina quncikan
• Shadows: Astên siyê (elevation)
• Motion: Dema anîmasyonê û fonksiyonên easing

2. Pirtûkxaneya Pêkhateyan (Component Library)

Pêkhateyên UI-yê yên ku ji nû ve têne bikaranîn, navoka sîstema dîzaynê ne:

3. Belgekirin

Ji bo her pêkhateyê belgekirina berfireh divê van tiştan bigire:

1. Qaîdeyên bikaranîn û pratîkên herî baş
2. Variantên pêkhateyê û rewşan (states)
3. Hewcedariyên gihîştinê
4. Mînakên kodê
5. Dîmenên Do’s and Don’ts

Gavên Afirandina Sîstema Dîzaynê

1. Audit: Hêmanên UI-yê yên di hilberên heyî de têxin envanterê
2. Bi prensîban dest pê bikin: Nirxên dîzayna xwe diyar bikin
3. Token’an diyar bikin: Sîstematîkên reng, tîpografî û spacing
4. Pêkhateyên bingehîn: Bi 10-15 pêkhateyên herî zêde bikaranîn dest pê bikin
5. Belgekirin: Her pêkhateyê bi hûragahî belge bikin
6. Sepandina pîlot: Di yek projeyê de biceribînin
7. Îterasyon: Bi bertekdayînan pêş bixin

Encam

Sîstema dîzaynê, di pêşxistina hilberên dîjîtal de mifteya karîgerî û domdariyê ye. Bi veberhênanek piçûk dest pê bikin û gav bi gav mezin bikin, ev nêzîkatiya herî berdewam e. Wekî TAGUM, di pêvajoya afirandina sîstema dîzaynê ya taybet a karsaziya we de şêwirmendiya ji serî heta dawiyê pêşkêşî dikin.

Şêwirmendiya Sîstema Dîzaynê Bistînin →

Gihîştina webê, dîsîplîna pêdivî ye ku hilberên dîjîtal ji hêla her kesî ve — di nav de kesên bi astengî — bên bikaranîn. %15 ê nifûsa cîhanê — bi qasî 1.3 mîlyar mirov — xwediyê celebek astengiyê ye. Dîzayna gihîştinê, hem berpirsiyariyeke exlaqî ye hem jî derfeteke karsaziyê ye.

Standardên WCAG 2.2

Web Content Accessibility Guidelines (WCAG), standarda gerdûnî ya gihîştinê ye. Li ser çar prensîbên bingehîn hatiye avakirin:

1. Têgihîştin (Perceivable): Divê naverok bi hemû hestan were têgihîştin
2. Xebitandin (Operable): Divê navrûy bi rêbazên cûda yên têketinê bê bikaranîn
3. Fêmkirin (Understandable): Divê naverok û xebatîn bên fêmkirin
4. Temamî (Robust): Divê naverok bi teknolojiyên cûda re lihevhatî be

Lîsteya Kontrola Gihîştina Bingehîn

Gihîştina Dîtbarî

• Kontrasta rengan: Di navbera nivîs û paşnavê de herî kêm rêjeya kontrasta 4.5:1 (AA)
• Alt text: Ji bo hemû wêneyên wateyî nivîsa alternatîf a raveker
• Serbixwebûna rengan: Di ragihandina agahdariyê de tenê bi rengan ve pişt nedin
• Mezinahiya nivîsê: Di zoom’a %200 de divê windabûna naverokê nebe
• Kontrola anîmasyonê: Divê rawestandina naverokên bi tevgera otomatîk gengaz be

Gihîştina Klavyeyê

• Divê hemû hêmanên danûstandinê bi Tab ve bên gihîştin
• Divê nîşana baldariyê (focus indicator) xuya be
• Divê rêza tab a mentiqî were parastin
• Divê nexeyên klavyeyê nebin (mînak: nekarîna derketina ji modal)

Lihevhatina Xwendevana Ekranê

• Bikaranîna HTML ya semantîk (header, nav, main, article, section)
• Bi etîketên ARIA re gihîştina naveroka dînamîk
• Bikaranîna rast a hiyerarşiya sernavan (H1 → H2 → H3)
• Divê etîketên formê (label) bi her qada têketinê ve bên girêdan

Nirxa Karsaziyê ya Gihîştinê

Gihîştin ne tenê berpirsiyariyeke exlaqî ye, di heman demê de derfeteke karsaziyê ya bihêz e:

• Firehkirina bazarê: Gihîştina 1.3 mîlyar bikarhênerên potansiyel
• Avantaja SEO: Malperên gihîştî di motorên lêgerînê de çêtir rêz dibin
• Lihevhatina qanûnî: ADA, EAA û Qanûna Mafên Kêmendam
• Nirxa markayê: Pêbaweriya xerîdar ji markayên berfireh re bilindtir e

Encam

Gihîştin, ne taybetmendiyeke ku paşê li pêvajoya dîzaynê tê zêdekirin e, divê ji destpêkê ve prensîbek kokdar be. Dîzaynkirina ji bo her kesî, bi rastî ji bo her kesî dîzaynkirina çêtir e. Tîma TAGUM, bi dîzaynkirina ezmûnên dîjîtal ên gihîştî alîkariya we dike ku bigihîjin hemû bikarhênerên xwe.

Ji Bo Kontrola Gihîştinê Bi Me Re Têkilî Daynin →

Li Tirkiyê zêdetirî %75 ê seyrûsefera înternetê ji amûrên mobîl tê. Ev rastî, di dîzayna webê de nêzîkatiya mobîl-pêşîn (mobile-first) mecbûrî dike. Dîzayna responsive, wateya wê ew e ku yek malper bi xweber li mezinahiyên cûda yên ekranê adapte dibe.

Çima Mobîl-Pêşîn Girîng E?

• Google Mobile-First Indexing: Google, malpera we li gorî versiyona mobîl dinirxîne
• Hêviya bikarhêneran: Ezmûna xirab li ser mobîlê = rêjeya terkkirinê %53
• Bandora veguherînê: Malperên ku bi mobîl re lihevhatî ne %67 veguherîna bilindtir
• Core Web Vitals: Performansa mobîl bandor li rêzkirina SEO dike

Prensîbên Dîzayna Responsive

1. Sîstema Grid ya Şilav (Fluid Grid)

Li şûna firehiyên sabît ên li ser bingeha pikselê, sîstema grid ya nerm a li ser bingeha sedî bikar bînin. CSS Grid û Flexbox, ji bo layout’ên responsive yên nûjen amûrên bihêz pêşkêşî dikin.

2. Wêneyên Nerm (Flexible Images)

Ji bo ku wêne li gorî container’ên xwe bi xweber bêne mezinahîkirin max-width: 100% û bikaranîna formata nûjen (WebP, AVIF) pir girîng e.

3. Media Queries

Breakpoint’ên ku li gorî mezinahiyên cûda yên ekranê guherînên şêwazê dimeşînin. Di nêzîkatiya nûjen de li şûna breakpoint’ên li ser bingeha amûrê, yên li ser bingeha naverokê têne tercîhkirin.

Pratîkên Herî Baş ên UX-a Mobîl

1. Armancên lêdanê: Herî kêm 44x44px (Apple HIG) an 48x48dp (Material Design)
2. Bikaranîna bi yek dest: Çalakiyên krîtîk li herêma gihîştina tiliya mezin bicîh bikin
3. Navîgasyona jêrîn: Navîgasyona sereke bibin darika jêrîn
4. Barkirina dereng (Lazy loading): Wêneyên li derveyî ekranê bi derengî bar bikin
5. Ekranên skeleton: Di dema barkirinê de ekranên îskelêt nîşan bidin
6. Offline-first: Bê girêdana torê jî fonksiyoneliya bingehîn

Encam

Dîzayna responsive êdî ne vebijarkek e, mecbûriyet e. Ezmûnên dîjîtal ên ku bi ramana mobîl-pêşîn hatine dîzaynkirin, digihîjin temaşevanên firehir û veguherîna bilindtir peyda dikin. Tîma TAGUM, ji dîzayna webê ya responsive heta navrûyên sepanên mobîl, li ser hemû platforman ezmûnên bi baldariya bikarhêner dîzayn dike.

Xizmeta Dîzayna Mobîl-Pêşîn Bistînin →