ഞാൻ ഒരു സൗജന്യ ടെക്സ്റ്റ് ജനറേറ്റർ നിർമ്മിച്ചു. ഞാൻ പഠിച്ച കാര്യങ്ങൾ ഇതാ.
ഏതാനും മാസങ്ങൾക്ക് മുമ്പ് ഞാൻ ഒരു ചെറിയ സൈഡ് പ്രോജക്റ്റ് ആരംഭിച്ചു. 'Tulisan Aesthetic' എന്ന പേരുള്ള ഒരു ടൂളാണിത്. ഇത് സാധാരണ ടെക്സ്റ്റുകളെ സ്റ്റൈലിഷ് ആയ യൂണിക്കോഡ് (Unicode) ഫോണ്ടുകളാക്കി മാറ്റുന്നു. ഇൻസ്റ്റാഗ്രാം ബയോകൾക്കും, ടിക് ടോക് ക്യാപ്ഷനുകൾക്കും, വാട്ട്സ്ആപ്പ് സ്റ്റാറ്റസുകൾക്കുമായി ഉപയോക്താക്കൾ ഇത് ഉപയോഗിക്കുന്നു.
ഞാൻ ഇത് HTML, CSS, വാനില JS (vanilla JS) എന്നിവ ഉപയോഗിച്ചാണ് നിർമ്മിച്ചത്. ഇതിനായി വലിയൊരു യൂണിക്കോഡ് ക്യാരക്ടർ മാപ്പ് ഞാൻ ഉപയോഗിച്ചു.
ഫോണ്ടുകൾ പോലെ തോന്നിക്കുന്ന ഗണിതശാസ്ത്ര ചിഹ്നങ്ങൾ (mathematical symbols) ഉപയോഗിച്ച് സാധാരണ അക്ഷരങ്ങളെ മാറ്റിക്കൊണ്ടാണ് ഈ ടൂൾ പ്രവർത്തിക്കുന്നത്. കസ്റ്റം ഫോണ്ടുകൾ സപ്പോർട്ട് ചെയ്യാത്ത ഇടങ്ങളിൽ പോലും ഇത് പ്രവർത്തിക്കും.
ഉപയോക്താക്കളുടെ ഡാറ്റയിൽ നിന്ന് ഞാൻ പഠിച്ച മൂന്ന് കാര്യങ്ങൾ താഴെ പറയുന്നവയാണ്.
- മൊബൈൽ ആണ് എല്ലാം.
60% ഉപയോക്താക്കളും മൊബൈൽ ഉപയോഗിക്കുമെന്നാണ് ഞാൻ കരുതിയത്. എന്നാൽ 85 ശതമാനത്തിലധികം പേരും മൊബൈലിലായിരുന്നു. ഇത് എന്റെ ഡിസൈൻ രീതിയെ മാറ്റിമറിച്ചു. വിരലുകൾ കൊണ്ട് എളുപ്പത്തിൽ അമർത്താൻ പാകത്തിൽ ഞാൻ കോപ്പി ബട്ടൺ വലുതാക്കി. ഫോണ്ട് ലിസ്റ്റ് സുഗമമായി സ്ക്രോൾ ചെയ്യാവുന്ന രീതിയിൽ ക്രമീകരിച്ചു. 16px മിനിമം ഫോണ്ട് സൈസ് ഉപയോഗിച്ചുകൊണ്ട് iOS ഓട്ടോ-സൂം പ്രശ്നവും ഞാൻ പരിഹരിച്ചു.
നിങ്ങൾ സോഷ്യൽ മീഡിയ ഉപയോക്താക്കൾക്ക് വേണ്ടിയാണ് ഒരു ടൂൾ നിർമ്മിക്കുന്നതെങ്കിൽ, ആദ്യം മൊബൈലിന് മുൻഗണന നൽകി ഡിസൈൻ ചെയ്യുക. ഡെസ്ക്ടോപ്പ് എന്നത് രണ്ടാമത്തെ കാര്യമാണ്.
- പ്രധാനപ്പെട്ട കാര്യത്തിൽ ശ്രദ്ധ കേന്ദ്രീകരിക്കുക.
ഞാൻ ഒരു മൾട്ടി-കോളム ഗ്രിഡ് (multi-column grid) ഉപയോഗിച്ചാണ് തുടങ്ങിയത്. അത് ഡെസ്ക്ടോപ്പിൽ കാണാൻ നല്ലതായിരുന്നുവെങ്കിലും മൊബൈലിൽ പരാജയപ്പെട്ടു. ആളുകൾ എങ്ങനെയാണ് ടൂൾ ഉപയോഗിക്കുന്നത് എന്ന് ഞാൻ നിരീക്ഷിച്ചു. അവർക്ക് കോപ്പി ബട്ടൺ മാത്രമാണ് ആവശ്യമുള്ളത് എന്ന് മനസ്സിലായി. മറ്റുള്ളവയെല്ലാം അനാവശ്യമായ തിരക്കുകൾ മാത്രമായിരുന്നു.
ഞാൻ ടൂൾ ഒരു സിംഗിൾ സ്ക്രോളബിൾ ലിസ്റ്റ് (single scrollable list) ആയി പുനർനിർമ്മിച്ചു. ഓരോ സ്റ്റൈലിനും അതിന്റേതായ വരിയും വ്യക്തമായ ഒരു കോപ്പി ബട്ടണും ഉണ്ട്. ഈ മാറ്റം ഉപയോക്താക്കളുടെ താൽപ്പര്യം വർദ്ധിപ്പിക്കുകയും ബൗൺസ് റേറ്റ് (bounce rate) കുറയ്ക്കുകയും ചെയ്തു.
നിങ്ങളുടെ ടൂൾ എന്തിനുവേണ്ടിയാണ് നിർമ്മിച്ചിരിക്കുന്നത് എന്ന ആ ഒരു കാര്യം കണ്ടെത്തുക. ആ പ്രക്രിയ ഏറ്റവും ലളിതമാക്കുക.
- വേഗതയാണ് നിങ്ങളുടെ SEO തന്ത്രം.
പരസ്യങ്ങൾക്കായി ഞാൻ ഒരു രൂപ പോലും ചെലവഴിച്ചില്ല. എല്ലാ വളർച്ചയും ഓർഗാനിക് സെർച്ചിൽ (organic search) നിന്നാണ് ഉണ്ടായത്.
ഈ മേഖലയിലെ മിക്ക ടൂളുകളും സാവധാനത്തിൽ പ്രവർത്തിക്കുന്നതും പരസ്യങ്ങൾ നിറഞ്ഞതുമാണ്. എന്നാൽ എന്റെ ടൂൾ വളരെ ലഘുവായതാണ് (lightweight). പേജിന്റെ ആകെ വലിപ്പം 80KB-യിൽ താഴെയാണ്. എന്റെ ലൈറ്റ് ഹൗസ് (Lighthouse) സ്കോർ 98-ന് മുകളിലാണ്. എന്റെ ടൂൾ വേഗത്തിൽ ലോഡ് ആകുന്നത് കൊണ്ട് സെർച്ച് റിസൾട്ടുകളിൽ ഉയർന്ന റാങ്ക് ലഭിച്ചു.
പ്രത്യേക മേഖലയിലുള്ള (niche) ടൂളുകളെ സംബന്ധിച്ചിടത്തോളം, മികച്ച പെർഫോമൻസ് ആണ് സെർച്ച് റാങ്കിംഗിൽ വിജയിക്കാൻ സഹായിക്കുന്നത്.
സാങ്കേതിക വിവരങ്ങൾ:
- Frontend: Vanilla HTML, CSS, and JS.
- Page weight: Under 80KB.
ഞാൻ ഇത് വീണ്ടും ചെയ്യുകയാണെങ്കിൽ, തുടക്കം മുതൽ തന്നെ കൂടുതൽ ഭാഷകൾ ഉൾപ്പെടുത്തുമായിരുന്നു. ഇന്തോനേഷ്യയിൽ നിന്നും ബ്രസീലിൽ നിന്നും ഉടൻ തന്നെ ട്രാഫിക് ലഭിച്ചു തുടങ്ങി. അതിനായി ഞാൻ തയ്യാറെടുത്തിരുന്നില്ല.
ടൂൾ ഇവിടെ പരീക്ഷിക്കൂ: tulisanaestheticid.com