Tarkib
Ishlab chiquvchilar sifatida biz o'z ishimizdan g'ururlanamiz. Bizning loyihalarimiz yaxshi qurilgan va yaxshi ishlab chiqilgan. Ular sezgir. Ular mukofotlarni yutib olishadi va mijozlarimizni xursand qilishadi. Ular kinoteatr displeylarida juda chiroyli ... lekin ular sizning telefoningizda juda zerikarli.
Nima uchun biz bu yil ko'rgan yoki qurgan deyarli har bir mukofotga sazovor bo'lgan ish stoli tajribasida hamma narsa immersive, inqilobiy va raddan tortib to statikgacha, yig'ilgan va zerikarli bo'ladigan to'xtash nuqtasi mavjud? Biz orqaga chekinishni va ko'p qurilmali veb-sayt holatini halol baholashni istardim.
Ish stolingizda Awwwards.com yoki theFWA.com saytlarini oching va Internet taqdim etgan eng yangi dizaynlarni ko'rib chiqing. Yaxshi bajarilgan ish stoli tajribalari saytidan keyin saytni topasiz. Telefoningizda bir xil URL-manzillarni oching va agar sizga "Qurilmangiz uchun formatlanmagan" (birinchi bo'lib sinab ko'rganman) kabi xabar kelmasa, siz ko'rgan barcha narsalarning baland bo'yli, bitta ustunli ko'rinishini olasiz. ish stoli kengligida, lekin kamroq ... tajribaga ega.
"Mobil-birinchi" atamasi hamma joyda mavjud bo'lgan sohada, nega kichikroq qurilmalar hali ham ikkinchi darajali hisoblanadi? Mobile-first odatda bizning sanoatimizdagi ijobiy narsa deb qaraladi, ammo loyihani boshlash vaqti kelganda, nega biz, bizning jamoamiz va mijozlarimiz uni amalda qo'llashdan qo'rqamiz?
"Mobil-birinchi" atamasi hamma joyda mavjud bo'lgan sohada nega kichikroq qurilmalar hali ham ikkinchi darajali hisoblanadi?
Men odamlarning birinchi mobil telefonga nisbatan ikkilanishlarini his qilish uchun so'rovnoma yubordim. Javoblarning katta qismi mobil birinchi ishlab chiqarish to'g'risida qaror birinchi navbatda mijoz qabul qilayotgan mobil trafik miqdori bilan bog'liq degan asosiy fikrni bildiradi. "50 foizdan kam mobil trafikmi? Avvalambor ish stoli." To'xta. Bu mantiq yaxshi emas.
Uyali trafikning pastligi, mobil aloqaning pastligini ko'rsatishi shart emas. Hozirgi trafik miqdori tarkibning tabiati bilan bog'liqmi yoki shunchaki mavjud tajribani kichik ekranda ishlatish qiyin bo'lganligi uchunmi? Bu ham bo'lishi mumkin, ammo bu farqni e'tiborsiz qoldirmaslik muhimdir. Faqat ulanishni kutayotgan katta potentsial mobil foydalanuvchi bazasi bo'lishi mumkin.
Kelajak uchun pitching
Ma'lumotlar qayerga borishni xohlayotganimizni emas, balki qaerda bo'lganligimizni ko'rsatadi. Bugungi kunda kam foydalanish kelajakda kam foydalanishni anglatmaydi. Sobiq xokkey mutaxassisi Ueyn Gretzki bir marta aytganidek (va Stiv Djobsning so'zlarini tez-tez keltirar edi): "Qayerda shayba bo'lmasin, qaerga boring, u qaerga boring"
Aytaylik, savdo-sotiq etakchisi keladi va siz o'zingizning strategiyangizni mijozga qanday bo'lishidan qat'i nazar belgilaysiz. Uch oy o'tgach, siz loyihada g'olib chiqdingiz va yana to'qqiz oy ichida siz yangi tug'ilgan go'dakni dunyoga etkazasiz. Sizning dastlabki savdo maydonchangizdan (12 oy oldin), siz qurgan narsaning umrining oxirigacha (taxminan uch yil) jami to'rt yil. To'rt yildan keyin qayerda disk bo'ladi? Mobil tajribani kuchaytirish o'rniga IE8-ni qo'llab-quvvatlashga vaqt ajratishga qaror qilganingizdan xursand bo'lasizmi?
Dastlab kichik ekranlarni loyihalash ish stoli auditoriyasiga qandaydir zararli bo'ladi degan taxmin qilingan taxmin shunchaki yolg'ondir. Kichik ekranlarni loyihalashtirish orqali sizning kontentingiz va foydalanuvchi interfeysingiz lazerga yo'naltirilgan bo'lib, foydalanuvchingizni qidirayotgan narsasini to'liq etkazib beradi. Bo'sh joy bo'lmasa, bo'sh joyni ortiqcha paxmoq bilan to'ldirish vasvasasi yo'q. "Oddiy va yo'naltirilgan" ehtiyoj "zerikarli va cheklangan" degani emas.
Ta'sir yaratish
"Kichik ekranlar cheklangan." Men ushbu bahsni tez-tez mijozlarga kinoteatr o'lchamidagi Photoshop kompakt-uskunalari bilan hayratga solishga odatlangan dizaynerlardan eshitaman. Va bu haqiqat - kichik ekranlar mijozlar uchrashuvida kamroq ta'sir qiladi. Ammo bu texnologiyaning cheklanishi emas, balki mijozlar uchrashuvlarining cheklanishi. Haqiqat shundaki, mobil qurilmalarda ish stoliga qaraganda ancha yangi tajribalar uchun juda ko'p imkoniyatlar mavjud.
"Bu texnologiya emas, balki xayol", deydi dizayner va mobil maven Josh Josh Klark. Bizda sensorli ekranlar mavjud! Kameralar bilan! Giroskoplar, akselerometrlar, geolokatsiya! Hammasi Internetga, boshqa odamlarga ulangan va har qanday joyga bog'lanmagan. Biz mobil aloqada qila oladigan narsalarning sirtini zo'rg'a qirib tashladik. Bu hayajonli! Kino o'lchamidagi statik kompaktlarni taqdim etish o'rniga, mijozingizning qo'liga interaktiv prototipni qo'ying va hayajonning tarqalishini tomosha qiling.
Buning isboti ishlaydi
Yaxshi yaratilgan mahalliy dasturdan foydalanishga o'xshash narsa yo'q. O'zaro aloqalar silliq, hamma narsa sizning ekraningiz uchun juda mos keladi va tarkibga yo'naltirilgan va ularga erishish oson. Nima uchun? Chunki u sizning qo'lingizdagi kichik sensorli ekran uchun maxsus ishlab chiqilgan. Har qanday o'zaro ta'sir va tarkibning mazmuni mohiyatiga qarab ehtiyotkorlik bilan whitted qilingan - qisman, chunki aksincha qilish uchun shunchaki jismoniy joy yo'q edi. Sizning foydalanuvchilaringiz buni yaxshi ko'rishadi.
Ushbu fikrni ushlab turing. Keling, yuqorida tavsiflangan mahalliy dastur bilan bir xil funktsiyani o'z zimmamizga olsak, faqat ish stoli uchun mo'ljallangan, faqat yaxshi ishlangan veb-ilovani yarataylik. Biz ish stoli tajribasini inobatga olgan holda, bizning dizaynimiz keng, gorizontal ekranga va sichqoncha kursori kabi narsalarga ega va bizda navigatsiya, tarkib, sarlavhalar, altbilgilar va chetga chiqish uchun barcha joylar mavjud. Sayt chiroyli va mukofotga sazovor bo'ldi.
Endi ikkita (mobil / ish stoli) oldingi vazifalardan '-only' qo'shimchasini olib tashlang. Ikkala stsenariyda ham biz mobil, ish stoli va boshqa narsalar bilan tajriba o'tkazishimiz kerakligini bilar edik. Qaysi boshlang'ich nuqtasi sizni eng yaxshi umumiy foydalanuvchi tajribasi sari intilish uchun yaxshiroq qiladi? Ko'proq dasturlar ish stoli veb-saytlariga o'xshashligini yoki ish stoli veb-saytlari mahalliy dasturlarga o'xshashligini xohlaysizmi? Tarozi qaysi yo'nalishda osonroq?
Dastlabki ish stoli yordamida simli ramka, dizayn va tasdiqlangan dastlabki dizayn naqshlari katta ekran, keng tomonlar nisbati, sichqoncha va klaviaturani o'z ichiga oladi. Buning natijasida kichik sensorli ekranga shunchaki yaxshi tarjima qilinmaydigan naqshlar paydo bo'lishi mumkin. Uzoq tanlangan ro'yxatlar, katta jadvallar, mega-menyular, hover holatlari va tarkibning uzunligi to'satdan muammoli bo'lib qoladi.
Biz u erda hamma narsani siqib qo'yish uchun qo'limizdan kelganicha harakat qilamiz, lekin bu ko'pincha murakkab echimlar bo'yicha cheksiz soatlarni yoqishni anglatadi.
Elegance vaqt va byudjet uchun qurbon qilinadi. Nuance va niyat yo'qoladi, agar ularni ishga tushirishdan oldin tuzish kerak bo'lsa, ularni tezda echish kerak.
Boshqa tomondan, birinchi mobil telefon dizaynini planshet va ish stoli o'lchamlariga o'tkazish uchun sizga bo'sh joyni to'ldirish uchun tartibni ba'zi CSS-lar bilan sozlash kifoya. Tarkibni, dizaynni yoki o'zaro ta'sirni mos bo'lmagan joyga "siqish" yo'q va kichikroqdan kattaga o'tishda markirovkani o'zgartirishga hojat yo'q. Nafas olish xonasi juda ko'p. Bundan tashqari, siz zich yo'naltirilgan tarkib bilan boshlaysiz. Qo'shimchalar yoki yaxshilanishlarning zarurligi yoki yo'qligi to'g'risida asosli qarorlar qabul qilish uchun siz yaxshiroq mavqega egasiz. Tarjima silliq, va siz ushbu "ilova" tuyg'usini bepul olasiz, chunki siz aynan shu bilan boshladingiz.
Endi biz birinchi navbatda uyali aloqa qo'rquvimizni tinchlantirdik, hamma joyda mobil brauzerlarga juda kerakli hayotni etkazish vaqti keldi. Kichkina narsadan boshlash haqiqatan ham katta narsa qilishning kaliti bo'lishi mumkin. Biz nima qurayotganimizni ko'rishni kuta olmayman.
So'zlar: Dan Tello
Dan Tello - Viget shahridagi Vashington shtatining katta ishlab chiqaruvchisi. U bu erda blog yuritishi va github.com/greypants manzilidagi kodni topishi mumkin. Ushbu maqola dastlab net jurnalining 262-sonida paydo bo'lgan.
Bu sizga yoqdimi? Buni o'qing!
- Blogni qanday boshlash kerak
- Ilovani qanday yaratish kerak: ushbu ajoyib qo'llanmalarni sinab ko'ring
- Brilliant Wordpress o'quv qo'llanmasi tanlovi
