Хутчэй за ўсё, вы бачылі, як iPhone можа перавярнуць і пашырыць вэб-старонак. Ён можа паказаць вам усё вэб-старонку з аднаго погляду або павялічыць, каб зрабіць тэкст цікавяць вас чытэльным. У нейкім сэнсе, так як iPhone выкарыстоўвае Safari, вэб-дызайнеры павінны не павінны рабіць нічога асаблівага, каб стварыць вэб-старонку, якая будзе працаваць на iPhone.
Але ці сапраўды вы хочаце, каб ваша старонка проста працаваць? Большасць дызайнераў хочуць, каб іх старонкі, каб сьвяціць!
Калі вы стварыць вэб - старонку , вы павінны думаць аб тым, хто збіраецца яго паглядзець , і як яны збіраюцца яго прагляду. Некаторыя з лепшых сайтаў ўлічваць, які тып прылады старонкі прагляданай на, уключаючы дазвол, варыянты колеру, і даступныя функцыі. Яны не проста спадзявацца на прыладзе, каб зразумець гэта.
Агульныя рэкамендацыі па стварэнні сайта для мабільных прылад
- Праверце, як на многіх прыладах , як вы можаце. Першае , што вы павінны зрабіць , гэта паглядзець на ваш сайт на iPhone і як шмат розных мабільных прылад або эмулятараў , як вы можаце. У той час як вы можаце выкарыстоўваць эмулятары для ўсіх вашых выпрабаванняў, яны на самой справе не даюць вам тое ж адчуванне, як спрабую перайсці праз вэб-сайт на маленькім экране, так што праверыць на рэальных прыладах як мага больш.
- Зрабіце вашы старонкі дэградаваць хупава. Вы можаце напісаць свае старонкі для флэш-падтрымкай, шырокі экран браўзэраў, але пераканайцеся, што крытычная інфармацыя бачная нават у маленькім маніторы, які не можа апрацоўваць любыя спецыяльныя функцыі (напрыклад, печыва, Ajax, Flash, JavaScript і г.д.). Усё, што за XHTML Basic будзе выходзіць за рамкі некаторых сотавых тэлефонаў. У той час як большасць смартфонаў могуць апрацоўваць усе гэтыя рэчы (акрамя ўспышкі на iPhone, вядома), іншыя мабільныя прылады не могуць.
- Стварэнне бесправадной канкрэтнай старонкі, і зрабіць яго лёгка знайсці. Калі вы збіраецеся будаваць канкрэтную старонку для сотавага тэлефона і бесправадных кліентаў, зрабіць яго даступным. Выдатны спосаб, каб паставіць спасылку на бесправадную старонку ў самай верхняй частцы дакумента, а затым схаваць гэтую сувязь з не-партатыўных прылад з выкарыстаннем партатыўнага тыпу носьбіта. У рэшце рэшт, большасць людзей прыходзяць да хатняй старонцы, нават на сотавых тэлефонах, і калі спасылка на вашу бесправадную старонку не існуе, яны будуць сыходзіць, калі старонка занадта цяжка выкарыстоўваць.
Макет вэб-старонкі для смартфонаў
Першае, што вы павінны памятаць пры напісанні старонак для рынку смартфонаў з'яўляецца тое, што вам не трэба ўносіць якія-небудзь змены, калі вы не хочаце. Самае выдатнае ў большасці смартфонаў, даступных у тым, што яны выкарыстоўваюць Webkit браўзэры (Safari на прашыўцы і Chrome на Android) для адлюстравання вэб-старонак, так што калі ваша старонка выглядае добра ў Safari або Chrome, ён будзе выглядаць выдатна на большасці смартфонаў (проста шмат дробных ). Але ёсць рэчы, якія вы можаце зрабіць, каб зрабіць вопыт прагляду больш прыемным:
- Памятаеце , што экран вельмі малы. Смартфоны будуць кандэнсавацца ўсе гэтыя слупкі ўніз ў малюсенькае акно, і гэта можа зрабіць іх вельмі цяжка чытаць без маштабавання. Большасць карыстальнікаў выкарыстоўваюць для маштабавання, але ён можа атрымаць стомна. Адзін доўгі слупок тэксту лягчэй чытаць.
- Падзяліце старонкі на больш дробныя кавалкі. Гэта можа быць цяжка чытаць доўгія адрэзкі тэксту на мабільным тэлефоне, так што пакласці іх на некалькі старонак робіць іх больш зручнымі для чытання.
Спасылкі і рух па айфонаў
- Чым карацей URL - адрас, тым лепш. Калі вы калі-небудзь спрабавалі надрукаваць у URL на мабільны тэлефон, вы будзеце ведаць, што гэта боль (за выключэннем, магчыма, для падлеткаў, якія выкарыстоўваюцца для адпраўкі шмат тэкставых паведамленняў). Нават на iPhone, гэта стомна для ўводу доўгіх URL-адрасоў. Трымаеце іх кароткімі.
- Але доўга тэкст спасылкі прасцей націснуць. Калі на старонцы, дзе некалькі асобных слоў звязаны з рознымі артыкуламі, усё ў непасрэднай блізкасці адзін да аднаго, гэта можа быць вельмі цяжка націснуць на правільным без маштабавання. Многія людзі будуць проста здацца і пайсці куды-небудзь яшчэ. Сувязь з 3-5 слоў у іх прасцей націснуць на тэлефоне, чым спасылкі 1-слова.
- То і не давайце навігацыю ў самым версе экрана. Там няма нічога больш раздражняльнага, чым таго, каб прагартаць экраны і экраны спасылак, каб знайсці інфармацыю, якую вы хочаце. Калі вы глядзелі на вэб-старонках, якія былі распрацаваны для мабільных тэлефонаў, вы ўбачыце, што першыя рэчы, якія з'яўляюцца, з'яўляюцца змест і загаловак. Затым, ніжэй, з'яўляецца рух.
- Не бойцеся схаваць навігацыю. Утойванне спасылак навігацыі з дапамогай CSS ці JavaScript і робячы іх толькі тады, калі карыстальнік запытвае для яго спосаб зрабіць старонку прасцей для карыстальнікаў смартфонаў.
Падказкі для малюнкаў на смартфонах
- Малюнкі павінны быць невялікімі. Так, Android і айфоны могуць павялічыць і Unzoom ў на малюнках , але тым менш яны, у абодвух вымярэннях і час загрузкі, тым шчаслівей вашыя бесправадныя кліенты будуць. Аптымізацыя малюнкаў заўсёды добрая ідэя, але для сотавага тэлефона старонак, гэта вельмі важна.
- Выявы павінны спампаваць хутка. Выявы займаюць шмат месца на вэб-старонках, калі вы праглядаеце іх з дапамогай мабільнага прылады. І ў той час як яны часта вельмі добра і зрабіць старонкі выглядаюць лепш пры праглядзе ў вэб-браўзэры поўнаэкранны, яны часта трапляюць у шляху на мабільным прыладзе. Акрамя таго, калі карыстальнік смартфон у сотавай сеткі, апошняя рэч, якую яны хочуць плаціць за запампоўвае кучу велізарных малюнкаў або навігацыйных абразкоў.
- Не стаўце вялікія выявы ў верхняй частцы старонкі. Гэтак жа, як з навігацыяй, гэта можа быць вельмі стомна чакаць малюнка, якое займае 3-4 Адлюстраванне нумары для загрузкі на самым версе старонкі. І гэта вельмі часта сустракаецца на вэб-старонках. Адзінае выключэнне з гэтага правіла, калі чытач ведае, што яны збіраюцца, каб атрымаць малюнак, калі яны пстрыкаюць, скажам, у фотагалерэі.
Што варта пазбягаць пры праектаванні для мабільных прылад
Ёсць некалькі рэчаў, якія вы павінны пазбягаць пры стварэнні мабільнай сяброўскай старонкі. Як ужо згадвалася вышэй, калі вы сапраўды хочаце, каб яны на вашай старонцы, вы можаце, але пераканайцеся, што сайт працуе без іх.
- Флэш - большасць мабільных тэлефонаў не падтрымліваюць Flash, так што гэта не вельмі добрая ідэя, каб уключыць яго на бесправадных старонках.
- Cookies - многія сотавыя тэлефоны не маюць ніякай падтрымкі печыва. айфонаў сапраўды маюць падтрымку печыва.
- Рамкі - нават калі браўзэр падтрымлівае іх, думаць аб памерах экрана. Рамкі проста не працуюць на мабільных прыладах - яны вельмі цяжка ці немагчыма чытаць.
- Табліцы - не выкарыстоўваць табліцы для разметкі на мабільнай старонцы. І старайцеся пазбягаць табліц у цэлым. Яны не падтрымліваюцца на кожным мабільнага тэлефона (хоць iPhone'ов і іншыя смартфоны падтрымліваюць іх), і вы можаце ў канчатковым выніку з дзіўныя вынікі.
- Укладзеныя табліцы - калі вы павінны выкарыстоўваць табліцу, пераканайцеся, што не гняздо яго ў іншы табліцы. Гэта цяжка для настольных браўзэраў для падтрымкі, і, у лепшым выпадку, зрабіць загрузку старонкі больш павольна.
- Абсалютныя меры - іншыя словы, не вызначаюць памеры аб'ектаў у абсалютных памерах (напрыклад, пікселы, міліметры або цалі). Калі вы вызначаеце то, як 100px шырокі, на адным мабільным прыладзе, якое можа быць на палову экрана і на іншы можа быць у два разы больш шырыні. Адносныя памеры (напрыклад, Эмс і працэнты) працуюць лепш за ўсё.
- Шрыфты - не мяркуюць , што любы з шрыфтоў вы прывыклі мець доступ да будзе даступны на мабільных тэлефонах.
Чытаць далей
- Як зрабіць свой сайт Мабільны Дружалюбныя Выкарыстанне PHP