મોબાઇલ ઉપકરણો માટે વેબ પેજ કેવી રીતે લખો

તમે જોઈ શકો છો કે કેવી રીતે આઇફોન ફ્લિપ કરી શકે છે અને વેબ પૃષ્ઠોને વિસ્તૃત કરી શકે છે. તે વાંચી શકાય તેવું ટેક્સ્ટ બનાવવા માટે તમને એક નજરમાં સમગ્ર વેબ પૃષ્ઠ બતાવી શકે છે અથવા ઝૂમ કરી શકો છો એક અર્થમાં, કારણ કે આઇફોન સફારીનો ઉપયોગ કરે છે, વેબ ડિઝાઇનર્સને વેબપેજ બનાવવા માટે કોઈ ખાસ કંઇ કરવાનું નથી હોવું જોઈએ જે આઇફોન પર કામ કરશે.

પરંતુ શું તમે ખરેખર તમારા પૃષ્ઠને માત્ર કામ કરવા માંગો છો? મોટા ભાગના ડિઝાઇનરો ઇચ્છે છે કે તેમના પૃષ્ઠો ચમકે!

જ્યારે તમે કોઈ વેબ પૃષ્ઠ તૈયાર કરો છો , ત્યારે તમારે તે વિચારવું જોઈએ કે તેને કોણ જોશે અને તેઓ તેને કેવી રીતે જોશે. રીઝોલ્યુશન, રંગ વિકલ્પો અને ઉપલબ્ધ કાર્યો સહિત, કેટલીક શ્રેષ્ઠ સાઇટ્સ એકાઉન્ટ પર કયા પૃષ્ઠનાં પૃષ્ઠ પર જોવામાં આવે છે તે ધ્યાનમાં લે છે. તે ફક્ત ઉપકરણ પર આધાર રાખતા નથી કે જે તેને બહાર કાઢે.

મોબાઇલ ઉપકરણો માટે એક સાઇટ બનાવી માટે સામાન્ય માર્ગદર્શિકા

• તમે કરી શકો છો તેટલા ઉપકરણો પર પરીક્ષણ કરો. તમે જે કરવું જોઈએ તે પ્રથમ વસ્તુ તમારી સાઇટને iPhone પર અને તમે કરી શકો તેટલા વિવિધ મોબાઇલ ઉપકરણો અથવા એમ્યુલેટર્સને જોશે. જ્યારે તમે તમારા તમામ પરીક્ષણ માટે એમ્યુલેટર્સનો ઉપયોગ કરી શકો છો, ત્યારે તે ખરેખર નાની સ્ક્રીનની વેબસાઇટ પર નેવિગેટ કરવાના પ્રયાસરૂપે તમને તે જ લાગણી આપતા નથી, તેથી વાસ્તવિક ઉપકરણો પર શક્ય તેટલો પરીક્ષણ કરો.
• તમારા પૃષ્ઠો પ્રભાવશાળીપણે ઘટતાં બનાવો. તમે ફ્લેશ-સક્ષમ, વિશાળ સ્ક્રીન બ્રાઉઝર્સ માટે તમારા પૃષ્ઠો લખી શકો છો, પરંતુ ખાતરી કરો કે મહત્વપૂર્ણ માહિતી એક નાના મોનિટરમાં પણ દૃશ્યક્ષમ છે કે જે કોઈપણ વિશિષ્ટ લક્ષણો (જેમ કે કૂકીઝ, એજેક્સ, ફ્લેશ, જાવાસ્ક્રિપ્ટ, વગેરે) ને નિયંત્રિત કરી શકતી નથી. એક્સએચટીએમએલ બેઝિક સિવાયની કોઈ પણ વસ્તુ કેટલાક સેલ ફોનથી આગળ હશે. જ્યારે મોટાભાગના સ્માર્ટફોન બધી વસ્તુઓને નિયંત્રિત કરી શકે છે (આઇફોન પર ફ્લેશ સિવાય, અલબત્ત), અન્ય મોબાઇલ ડિવાઇસ ન કરી શકે.
• વાયરલેસ વિશિષ્ટ પૃષ્ઠ બનાવો- અને શોધવાનું સરળ બનાવો. જો તમે તમારા સેલ ફોન અને વાયરલેસ ગ્રાહકો માટે ચોક્કસ પૃષ્ઠ બનાવતા હોવ - તો તેને ઉપલબ્ધ બનાવો. તમારા દસ્તાવેજની ટોચ પર વાયરલેસ પૃષ્ઠ પરની લિંકને એક સરસ રીત છે, અને તે હેન્ડહેલ્ડ મીડિયા પ્રકારનો ઉપયોગ કરીને નૉન-હેન્ડહેલ્ડ ઉપકરણોમાંથી તે લિંકને છુપાવી છે. બધા પછી, મોટાભાગના લોકો તમારા હોમપેજ પર આવે છે, સેલ ફોન પર પણ- અને જો તમારા વાયરલેસ પેજ પરની લિંક ત્યાં ન હોય તો, તે છોડશે જો પૃષ્ઠ વાપરવા માટે ખૂબ જ મુશ્કેલ છે.

સ્માર્ટફોન્સ માટે વેબ પૃષ્ઠ લેઆઉટ

સ્માર્ટફોન બજાર માટે પૃષ્ઠો લખતી વખતે તમારે યાદ રાખવું જોઈએ તે પ્રથમ વસ્તુ એ છે કે જો તમે ઇચ્છતા ન હોવ તો તમારે કોઈપણ ફેરફારો કરવાની જરૂર નથી. ઉપલબ્ધ મોટાભાગના સ્માર્ટફોન્સ વિશે સારી વાત એ છે કે તેઓ વેબ પૃષ્ઠો દર્શાવવા માટે વેબકિટ બ્રાઉઝર્સ (Android પર iOS અને Chrome પર સફારી) નો ઉપયોગ કરે છે, તેથી જો તમારું પૃષ્ઠ Safari અથવા Chrome માં ઠીક દેખાય, તો તે મોટાભાગનાં સ્માર્ટફોન્સ પર દંડ દેખાશે (ફક્ત ઘણું ઓછું છે ). પરંતુ ત્યાં વસ્તુઓ છે જે તમે બ્રાઉઝિંગ અનુભવને વધુ સુખદ બનાવવા માટે કરી શકો છો:

• યાદ રાખો કે સ્ક્રીન નાની છે. સ્માર્ટફોન્સ તે બધા કૉલમ્સને નાની વિંડોમાં નીચે ફરતી કરશે, અને આ ઝૂમ વગર વાંચવા માટે તેમને ખૂબ જ મુશ્કેલ બનાવી શકે છે. મોટા ભાગના વપરાશકર્તાઓ ઝૂમ કરવા માટે વપરાય છે, પરંતુ તે કંટાળાજનક મેળવી શકો છો. ટેક્સ્ટનો એક લાંબો કૉલમ વાંચવા માટે સરળ છે.
• નાના હિસ્સામાં પૃષ્ઠોને વિભાજીત કરો. સેલ ફોન પરના લાંબાભાગના લખાણને વાંચવું મુશ્કેલ થઈ શકે છે, જેથી તેમને બહુવિધ પૃષ્ઠો પર મુકીને તેમને વાંચવામાં સરળ બનાવે છે

IPhones પર લિંક્સ અને નેવિગેશન

• URL ટૂંકા છે, વધુ સારું છે. જો તમે ક્યારેય કોઈ સેલ ફોન પર યુઆરએલમાં ટાઈપ કરવાનો પ્રયત્ન કર્યો છે, તો તમને ખબર પડશે કે તે એક પીડા છે (કદાચ કદાચ કિશોરો માટે કે જેમને ઘણાં ટેક્સ્ટ સંદેશા મોકલવા માટે વપરાય છે). આઇફોન પર પણ, લાંબા URL માં લખવા માટે તે કંટાળાજનક છે તેમને ટૂંકા રાખો
• પરંતુ લાંબા લિંક ટેક્સ્ટને ટેપ કરવું સરળ છે. જ્યારે પૃષ્ઠ પર ઘણા અલગ શબ્દો જુદા જુદા લેખો સાથે સંકળાયેલા હોય, ત્યારે એકબીજાની નજીક બધા અધિકાર, ઝૂમ વગર યોગ્ય એકને ટેપ કરવું ખૂબ જ મુશ્કેલ બની શકે છે. ઘણા લોકો હારશે અને બીજે ક્યાંય જશે. તેમાં 3-5 શબ્દો સાથેની લિંક્સ 1-શબ્દ લિંક્સ કરતાં ફોન પર ક્લિક કરવાનું સરળ છે.
• તમારા સંશોધકને સ્ક્રીનની ટોચ પર મુકો નહીં. તમે ઇચ્છો છો તે માહિતી શોધવા માટે સ્ક્રીન્સ અને લિંક્સની સ્ક્રીન દ્વારા પૃષ્ઠ કરતાં વધુ કંટાળાજનક કંઇ નથી જો તમે વેબ પૃષ્ઠો પર જોવામાં આવ્યા હોવ જે સેલ ફોન માટે ડિઝાઇન કરવામાં આવ્યા છે, તો તમે જોશો કે પ્રથમ વસ્તુઓ બતાવવામાં આવે છે તે સામગ્રી અને હેડલાઇન છે પછી, નીચે નેવિગેશન છે
• તમારા નેવિગેશન છુપાવવા માટે ભયભીત નથી. CSS અથવા જાવાસ્ક્રિપ્ટ સાથે નેવિગેશન લિંક્સ છુપાવી રહ્યું છે અને જ્યારે વપરાશકર્તા તેના માટે પૂછે ત્યારે જ તેને દેખાશે, સ્માર્ટફોન વપરાશકર્તાઓ માટે પૃષ્ઠ સરળ બનાવવાનો એક માર્ગ છે.

સ્માર્ટફોન પર છબીઓ માટે ટિપ્સ

• છબીઓ નાના હોવા જોઈએ. હા, Android અને iPhones છબીઓ પર ઝૂમ અને અનઝૂમ કરી શકે છે, પરંતુ તે નાના છે, બંને પરિમાણો અને ડાઉનલોડ સમયમાં, તમારા વાયરલેસ ગ્રાહકો વધુ ખુશ હશે. ઑપ્ટિમાઇઝ છબીઓ હંમેશા સારો વિચાર છે, પરંતુ સેલ ફોન પૃષ્ઠો માટે, તે મહત્વપૂર્ણ છે.
• છબીઓ ઝડપથી ડાઉનલોડ થવી જોઈએ જ્યારે તમે મોબાઇલ ડિવાઇસથી તેમને જોઈ રહ્યા હોય ત્યારે છબીઓ વેબપૃષ્ઠ પર ઘણી જગ્યાઓ લે છે. અને જ્યારે તેઓ ઘણીવાર ખૂબ જ સરસ હોય છે અને સંપૂર્ણ-સ્ક્રીન વેબ બ્રાઉઝર પર જોવામાં આવે ત્યારે પૃષ્ઠોને વધુ સારું દેખાય છે, તે ઘણી વાર મોબાઇલ ડિવાઇસ પર પહોંચે છે. પ્લસ જ્યારે એક સ્માર્ટફોન વપરાશકર્તા સેલ્યુલર નેટવર્ક પર છે, તેઓ માટે ચૂકવણી કરવા માંગો છો તે છેલ્લી વસ્તુ વિશાળ છબીઓ અથવા નેવિગેશન આઇકોન્સનો સમૂહ ડાઉનલોડ કરી રહી છે.
• પૃષ્ઠની ટોચ પર મોટી છબીઓ ન મૂકો સંશોધક સાથેની જેમ, તે છબીની રાહ જોવી ખૂબ જ કંટાળાજનક બની શકે છે કે જે પૃષ્ઠની ટોચ પર 3-4 સ્ક્રીનીંગ લોડ કરે છે. અને આ વેબ પાનાંઓ પર અત્યંત સામાન્ય છે. આનો એકમાત્ર અપવાદ એ છે કે જો રીડર જાણે છે કે તેઓ જ્યારે ફોટો પર ક્લિક કરે ત્યારે તેઓ એક છબી મેળવવા જઈ રહ્યાં છે, ફોટો ગેલેરીમાં.

મોબાઇલ માટે ડિઝાઇન કરતી વખતે શું ટાળવું?

મોબાઇલ મૈત્રીપૂર્ણ પૃષ્ઠ બનાવતી વખતે ઘણી વસ્તુઓ તમે દૂર કરવી જોઈએ ઉપર સૂચવ્યા મુજબ, જો તમે ખરેખર તમારા પૃષ્ઠ પર આ હોવ તો, તમે આ કરી શકો છો, પરંતુ ખાતરી કરો કે સાઇટ તેમના વિના કામ કરે છે.

• ફ્લેશ - મોટાભાગનાં મોબાઈલ ફોન ફ્લેશને ટેકો આપતા નથી, તેથી તે તમારા વાયરલેસ પૃષ્ઠો પર શામેલ કરવાનું એક સારો વિચાર નથી.
• કૂકીઝ - ઘણા સેલ ફોન પાસે કોઈ કૂકી સપોર્ટ નથી. iPhones પાસે કૂકી સપોર્ટ છે
• ફ્રેમ્સ - જો બ્રાઉઝર તેમને ટેકો આપે તો પણ, સ્ક્રીનના પરિમાણો વિશે વિચારો. ફ્રેમ્સ માત્ર મોબાઇલ ઉપકરણો પર કામ કરતા નથી - તે વાંચવામાં ખૂબ જ મુશ્કેલ અથવા અશક્ય છે
• કોષ્ટકો - મોબાઇલ પૃષ્ઠ પરના લેઆઉટ માટે કોષ્ટકોનો ઉપયોગ કરશો નહીં. અને સામાન્ય રીતે કોષ્ટકો ટાળવાનો પ્રયાસ કરો. તેઓ દરેક સેલફોન પર આધારભૂત નથી (જોકે iPhones અને અન્ય સ્માર્ટફોન તેમને ટેકો આપે છે) અને તમે વિચિત્ર પરિણામો સાથે અંત કરી શકો છો
• નેસ્ટેડ કોષ્ટકો - જો તમારે કોઈ કોષ્ટકનો ઉપયોગ કરવો જ જોઈએ, તો તેને અન્ય કોષ્ટકમાં ન મારે તેવું સુનિશ્ચિત કરો. આ ડેસ્કટોપ બ્રાઉઝર્સને સપોર્ટ કરવા માટે મુશ્કેલ છે, અને, શ્રેષ્ઠ રીતે, પૃષ્ઠને વધુ ધીમેથી લોડ કરો.
• સંપૂર્ણ પગલાં - બીજા શબ્દોમાં, ચોક્કસ કદમાં (જેમ કે પિક્સેલ્સ, મિલીમીટર અથવા ઇંચ) પદાર્થોની પરિમાણોને વ્યાખ્યાયિત કરતા નથી. જો તમે કંઈક 100px પહોળું તરીકે વ્યાખ્યાયિત કરો છો, તો એક મોબાઇલ ઉપકરણ પર જે અડધા સ્ક્રીન હોઈ શકે છે અને બીજા પર તે પહોળાઈ બે ગણી હોઇ શકે છે. સંબંધિત કદ (જેમ કે ems અને ટકાવારી) શ્રેષ્ઠ કામ કરે છે.

• ફોન્ટ્સ - એવું માનતા નથી કે તમે જે ફોન્ટ્સનો ઉપયોગ કરી રહ્યા છો તે સેલ ફોન્સ પર ઉપલબ્ધ રહેશે.

વધુ વાંચો

• કેવી રીતે તમારી વેબસાઇટ બનાવવા માટે મોબાઇલ મૈત્રીપૂર્ણ PHP, મદદથી