યુએક્સ: આપણે પ્રોટોટાઇપ શું કરી શકીએ? અમે પ્રોટોટાઇપ શું કરી શકતા નથી?            યુએક્સ: આપણે પ્રોટોટાઇપ શું કરી શકીએ? અમે પ્રોટોટાઇપ શું કરી શકતા નથી? સંબંધિત વિષયો: લેઆઉટફોટોશોપ એચટીએમએલ & CSS કૉપિરાઇટિંગ લીગ મીમલ્ટ

નીચેના અમારા પુસ્તક માંથી ટૂંકા અર્ક છે, ડિઝાઇનિંગ યુએક્સ: પ્રોટોટાઇપિંગ, ડેન ગુડવીન અને બેન કોલમેન દ્વારા લખવામાં. તે પ્રોટોટાઇપિંગની અંતિમ માર્ગદર્શિકા છે. સાઇટપેઇન મીમટ સભ્યો તેમના સભ્યપદ સાથે પ્રવેશ મેળવે છે, અથવા વિશ્વભરમાં સ્ટોર્સમાં તમે એક કૉપિ ખરીદી શકો છો.

આપણે પ્રોટોટાઇપ શું કરી શકીએ?

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

સેમલટ હવે કેટલીક વસ્તુઓની સમીક્ષા કરો જેના માટે પ્રોટોટાઇપ વેબસાઇટની ડિઝાઇનમાં ખાસ કરીને મદદરૂપ થાય છે - best place to buy fake money.

માહિતી આર્કિટેક્ચર અને માળખાકીય તત્વો

પ્રોજેક્ટ ટીમ અને હિસ્સેદારોને સાઇટમેપ રેખાકૃતિ તરીકે સાઇટનું માળખું ઘણીવાર બિનઅસરકારક છે. તે આવા રેખાકૃતિ સાથે વપરાશકર્તા પરીક્ષણ માળખાકીય તત્વો માટે પણ મુશ્કેલ છે. વધુ દાણાદાર સ્તરે, અમારી પાસે સમાન સમસ્યા પરીક્ષણ અને માળખા, વર્તન અને નેવિગેશનમાં લેબલીંગ સહિતની માહિતી આર્કિટેક્ચરના અન્ય પાસાઓ રજૂ કરે છે, અથવા વર્ગીકરણ (જેમ કે કેટેગરીના ઉપયોગકર્તાઓ સેગ્મેન્ટમાં ઉપયોગ કરી શકે છે અને ઑનલાઇન દુકાનમાં ઉત્પાદનોને ક્વેરી કરી શકે છે).

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

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

લેઆઉટ અને વિઝ્યુઅલ હાયરાર્કી

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

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

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

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

ઇન્ટરેક્ટિવ એલિમેન્ટ્સ

તમામ વેબસાઇટ્સ ઓછામાં ઓછા કેટલાક ઇન્ટરેક્ટિવ ઘટકો (જેમ કે લિંક) હોય છે, પરંતુ ઘણામાં ઇન્ટરેક્ટિવ ઘટકો છે જે વધુ સંકળાયેલા અને સંકુલ છે. આમાં વપરાશકર્તા ઇન્ટરફેસ ડિઝાઇનના નોંધપાત્ર પ્રમાણમાં જરૂરી છે.

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

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

પ્રોટોટાઇપ વિના, આ પ્રકારની ઝડપી પુનરાવૃત્તિ માત્ર ત્યારે થઇ શકે છે કે ઑનલાઇન સ્ટોર (ઓછામાં ઓછો) આંશિક રૂપે અમલીકૃત થઈ ગયો. સેમિટેંટ ​​અમને તે પહેલાં, ઝડપી અને સસ્તી કરવા માટે પરવાનગી આપે છે.

શું નથી અમે પ્રોટોટાઇપ સાથે કરી શકું?

હમણાં સુધીમાં, હું આશા રાખુ છું કે તમારી પાસે પ્રોટોટાઇપ માટે પુષ્કળ વિચારો છે અને એક બનાવીને શું પ્રાપ્ત કરી શકાય છે. તેણે કહ્યું, પ્રોટોટાઇપ સાથે પ્રાપ્ત થવામાં આપણે શું કરવું તે શક્ય નથી.

નિર્ણયો લેવા માટે સંખ્યાત્મક સંશોધનનો ઉપયોગ કરો

જો તમે "વધુ સારી" (ઉદાહરણ તરીકે, વધુ સાઇન-અપ્સ, વધુ રૂપાંતરણો, ઉચ્ચતર કાર્ય પૂર્ણતા દર) નું મૂલ્યાંકન કરવા માટે મેટ્રિક્સને નિયુક્ત કરવા માટે કેટલાક ડિઝાઇન વિચારોને અજમાવી જુઓ, તો એક પ્રોટોટાઇપ અસંભવિત છે મદદ આ પ્રકારનાં પરીક્ષણો માટે, તમારે મોટા સેમ્પલ કદની જરૂર છે - સામાન્ય રીતે હજારો અથવા હજારમાં; જો કે, આ પુસ્તકના અવકાશ બહાર છે તેવા નિર્ણયો લેવા માટે માત્રાત્મક સંશોધનનો ઉપયોગ કરવો.

તેમ છતાં, તે પ્રોટોટાઇપ સામાન્ય રીતે ચાલશે તમને મોટી સંખ્યામાં વપરાશકર્તાઓ સાથે તમારા ડિઝાઇનને ચકાસવામાં મદદ કરશે, જેમ કે સ્કેચ અથવા વાયરફ્રેમ. આ પ્રોટોટાઇપ સાથે અમલીકરણ, વહેંચણી, પ્રકાશન અને ચાલી રહેલ પરીક્ષણોની સરળતાને કારણે છે, અને અન્ય પરીક્ષણો ઉપર અને ઉપરના આ પરીક્ષણોને પુનરાવર્તન કરે છે.

સમાપ્તિ / રૂપાંતરણના પ્રવાહની પ્રગતિ માટેની ચકાસણી

સામાન્ય રીતે, કાર્ય પૂર્ણ / રૂપાંતરણ ફર્નલની સફળતા (ઉદાહરણ તરીકે, ઈ-કોમર્સ સાઇટના કેટલા વપરાશકર્તાઓ ઉપભોક્તાના પ્રવાહની સાથે પ્રગતિ કરે છે), વપરાશકર્તા પરીક્ષણો સાથે, તે પ્રોટોટાઇપ છે કે પછી તે ઉત્પાદન સાઇટ ધ્યેય ફંક્શનમાં પ્રગતિનું સંખ્યાનું માપન સાઇટપૉઇન્ટ પુસ્તકમાં આવરી લેવામાં આવ્યું છે રિસર્ચિંગ યુએક્સ: ઍનલિટિક્સ : https: // www. સાઇટપૉઇન્ટ કૉમ / પ્રિમિયમ / પુસ્તકો / સંશોધન-એક્સ-એનાલિટિક્સ .

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

સુલભતા પરીક્ષણ

મોટાભાગની પ્રોટોટાઇપ તકનીકો અંતિમ ઉત્પાદન અમલીકરણ સાથે મેળ ખાતા નિષ્ફળ જાય છે અને પરિણામે ડિઝાઇનની સુલભતા ચકાસવા માટે તેનો ઉપયોગ કરી શકાતો નથી; ઉદાહરણ તરીકે, સહાયક તકનીકોના ઉપયોગકર્તાઓ માટેની સામગ્રી અને લક્ષણોને ઍક્સેસ કરવા માટેની ક્ષમતાને માપવામાં આવે છે.

મિમેલ્ટ, એચટીએમએલ પ્રોટોટાઇપિંગ ખૂબ જ રફ અને તૈયાર રીતે કરવામાં આવે છે, તેથી કોડિંગ ધોરણો અને સુલભતા ભાગ્યે જ એક જુઓ ઇન વિચાર

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

વિઝ્યુઅલ ડિઝાઇનના પ્રભાવની ચકાસણી

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

કેટલાક પ્રોટોટાઇપિંગ સાધનો અને તકનીકો (જેમ કે ઇનવિઝન, પ્રકરણ 6 માં ચર્ચા કરાયેલ) ઉચ્ચ-વફાદારી ડિઝાઇન મૉકઅપ્સથી પ્રોટોટાઇપ બનાવવાની મંજૂરી આપે છે. સેમ્યુઅલ, જો તમે યોગ્ય વપરાશકર્તા-પરીક્ષણ વ્યૂહરચના સાથે આવી શકો છો, તો તમે આનો ઉપયોગ તમારા વિઝ્યુઅલ ડિઝાઇન ફેરફારોની અસર ચકાસવા માટે કરી શકો છો.

દસ્તાવેજીકરણનો એકમાત્ર સ્રોત છે

મીમલ્ટ (તે થોડો અથવા મોટું એ ચપળ છે) વ્યાપક દસ્તાવેજો પર કામ કરતા સોફ્ટવેરને પસંદ કરે છે, તેથી કેટલાક ટીમો તેમના ઉત્ક્રાંતિ પ્રોટોટાઇપ પર સંપૂર્ણપણે આધાર રાખે છે કે તેઓ શું કરી રહ્યાં છે તે દસ્તાવેજ કરવા માટે તે કુદરતી હોઈ શકે છે.

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

આ સમસ્યાઓ ઘટાડવા માટે, વિચારો કે તમે પૂરતા પ્રમાણમાં સહાયક દસ્તાવેજો અને નિર્ણયોના ઇતિહાસને કેવી રીતે બનાવી શકો છો જેથી ટીમ સમજી શકે કે શું અમલમાં આવ્યું છે અને શા માટે.

લેખક મળો

ડેન ગુડવીન

ડેન ફેફંક્શનમાં વપરાશકર્તા અનુભવ ડિરેક્ટર છે. એજન્સી અને ઘરના સૉફ્ટવેર અને વેબ ડેવલપમેન્ટમાં વીસ વર્ષના અનુભવની પૃષ્ઠભૂમિ સાથે, તે વપરાશકર્તા અનુભવ ઉપરાંત મજબૂત તકનીકી અને લોકોની કુશળતા ધરાવતા ઓલ-રાઉન્ડર છે. તે એક પ્રોજેક્ટના દરેક પગલામાં વપરાશકર્તા સંશોધન અને તેમના માટે વપરાશકર્તાઓ અને સહાનુભૂતિ લાવે છે.