全面的移动WEB设计诀窍分享

新闻 2024-9-22编辑：深圳网站建设阅读（）标签： 诀窍 设计

深圳网【wǎng】站建设公司 帮助企业提升网站形象,彰【zhāng】显公【gōng】司【sī】实力,PC+手机+微信【xìn】+小程序
【模板网站的价格】国际域名+阿里1G空间+备案 一条龙服务
【定制网站的功能】SEO精准营销系统+城市分站+W3C标准
【营销网站的效果】重长尾，重优化，提权重，扩收录，提排名
【量身订制的设计】据据需求量身定制。设计到满意为止
【专【zhuān】属VIP的服务】24RX365 为您提供1对1的【de】专属VIP服务

　　随着【zhe】移动互联网【wǎng】思维的步步深【shēn】入人心，智能手机【jī】掀起【qǐ】了一股热潮，一大波app争相【xiàng】涌现【xiàn】，到【dào】目前App Store应用程序【xù】总数已超150万个，"先做个app"成为项目开展【zhǎn】的第【dì】一个【gè】步【bù】骤。对于【yú】体验感相当重【chóng】要的社交类应用、大型手【shǒu】游以及金融类平台应【yīng】用等，app不愧【kuì】是现今最为合适的载体。然而并【bìng】非所有的项目都必【bì】须做成app。那【nà】么除了app以外【wài】，还【hái】有其它更适合的实现方式【shì】吗?

　　当然有——移动【dòng】Web。移动Web最突出的【de】特点是【shì】用【yòng】户可以直【zhí】接浏览、访问网络上的应用程序。全民宽带【dài】大提速时代即将到来，移动【dòng】Web势必【bì】会成为一【yī】大热点。为此【cǐ】，我们详细【xì】总结了一【yī】些较为全面的移动Web设计【jì】诀窍与【yǔ】大家分【fèn】享。

　　(一)关于首页与网站浏览

　　1、网站跳转速度是关键

　　网页跳转速度过慢会让用户失去耐心，瞬间关闭你的网页。可【kě】以考虑优化的方面：CSS、HTML、JavaScript、浏览器【qì】的缓存、网站【zhàn】图【tú】片大小、伺【sì】服器的回【huí】应时间【jiān】等等【děng】。

　　2、首页与用户关注的内容快速连接

　　PC端首页涵盖【gài】广告推荐、资讯中心等【děng】多个功能，优质的移动Web首页可帮助用户即【jí】可获得【dé】所需信【xìn】息【xī】。友情提示，移动Web首【shǒu】页应当【dāng】将用户和他们所需【xū】要【yào】的内容【róng】快速连【lián】接。

　　3、重要的行动点一定要跃入眼帘

　　漏看菜【cài】单几乎是【shì】手机用【yòng】户的通【tōng】病【bìng】，应当把重【chóng】要的行动点放在显眼的位置，引【yǐn】导用户随着你的设计而操作。

　　4、极简设计的菜单

　　手【shǒu】机用【yòng】户绝不可能有足【zú】够的耐心【xīn】在【zài】繁杂的菜【cài】单中寻找【zhǎo】选【xuǎn】项，因【yīn】此大幅度缩减菜单选项一定是明智的决定。

　　5、从一个站点自动导入移动Web

　　想成【chéng】功留住用【yòng】户，首先该做的就是帮助用户从【cóng】搜索结果【guǒ】页等站点【diǎn】直接【jiē】导入手机版【bǎn】网页。

　　6、创建返回首页的快速路径

　　用户一般的想法【fǎ】是，只需点击一下网页上方边角的logo即可跳【tiào】转【zhuǎn】回【huí】首【shǒu】页，这是他们所认为的方【fāng】便【biàn】。

　　7、适当地选择广告投放形式

　　大【dà】型插页式广告往往【wǎng】会遮挡用户视线【xiàn】，吸引用户关注的【de】同时却干扰了他们原本使【shǐ】用路径【jìng】。相对而言，那【nà】些轻【qīng】轻【qīng】一【yī】点【diǎn】即可轻松关【guān】闭的横幅广告相信会更【gèng】赢得用【yòng】户的好感。

　　8、搜索结果尽量贴合客户需求

　　很少有用【yòng】户会为了查看【kàn】多页搜索結果【guǒ】而【ér】刷【shuā】网页。所以搜索結果第【dì】一页【yè】一定要提【tí】供最准确无误的结果。我们在这里提示，站内应当具备错别【bié】字修【xiū】改、即时查询等自动搜【sōu】索【suǒ】功【gōng】能，为用户制造一种小屏幕上搜索查【chá】询的【de】轻松体【tǐ】验【yàn】。

　　9、创建高效搜索信息的筛选器

　　筛【shāi】选器的特点【diǎn】是缩小搜索【suǒ】范围。如果在【zài】搜索时总遇到大【dà】量无【wú】关的信息涌【yǒng】现在视线里，用户会【huì】关闭网站。站内还应当提示用户，使【shǐ】用筛【shāi】选【xuǎn】器可传【chuán】回的搜索结果【guǒ】的数量。

　　10、引导用户缩减查找的范围

　　假如目标【biāo】人群【qún】不是单一化【huà】的【de】，建议在用户即【jí】将【jiāng】搜索【suǒ】之前弹出几个提示，让【ràng】搜索传回的数据尽可【kě】能地满【mǎn】足用户的需求。

　　(二)关于商品页面

　　1、提供Email或SNS分享产品信息的选项

　　2、设定商品评论区供用户浏览、评价

　　3、产品页面上推荐同类相似的产品

　　4、产品特写图片可展开显示

　　(三)关于系统登陆及会员信息

　　1、让用户通过社交网站登入系统

　　2、让用户注册会员，登入系统

　　3、商品可以被暂存在购物车供之后结账使用

　　4、暂存购物车的商品, 在其他装置下也可完成结账

　　(四)关于交易与转化

　　1、让用户先浏览，再决定

　　2、让用户以访客身份购物

　　3、明确告知所有结账步驟，并提示用户目前的结账进度

　　4、运用目前拥有的信息来提供方

　　对【duì】于老【lǎo】会【huì】员，要让系统【tǒng】记住【zhù】他们的喜好并事【shì】先填入【rù】这些信息。对于新顾【gù】客，可提供【gòng】他们惯用的第三方支付选项【xiàng】。不仅遵从用户日常【cháng】习惯【guàn】的付款方式，更能为用户提【tí】供轻松购物的感觉，网站也可【kě】预先填入【rù】出货信【xìn】息。

　　5、设定点选通话按钮帮助用户完成繁复操作

　　为那些需输入敏感或复杂信息的阶段设定一个点选通话功能。

　　(五)关于信息输入方法

　　1、用最省事的输入方式进行每项操作

　　2、自动化的信息输入方式

　　网站可以自【zì】动显示数字键盘【pán】让用户输入数字信息，则【zé】会给【gěi】用【yòng】户带来很多方便【biàn】。如果表单在用户【hù】输入【rù】信息的同时【shí】可以自动换栏，那【nà】就更让客【kè】户喜【xǐ】欢了。

　　3、提供日历功能

　　4、提供标签指引与即时验证功能

　　清楚标示表【biǎo】单，并确认用户【hù】在输入信息的【de】同时能参照标签。不要将标签放进栏位【wèi】中，否则用户会感【gǎn】觉【jiào】失【shī】去指引。我【wǒ】们友【yǒu】情提示【shì】，信息【xī】输【shū】入完毕后【hòu】应当立即确认是否正确【què】再送出，减少重新审核【hé】信息的操作。

　　(六)关于装置尺寸外观及便利性

　　1、为行动装置设计完善的专用网站

　　2、停用双指收合缩放画面的功能

　　一来操作起【qǐ】来不方便【biàn】，二来容易导【dǎo】致漏看号召性的【de】文字与重要【yào】信息。只【zhī】要网站【zhàn】设计时充分考虑到这一点，保证用户在浏【liú】览时无【wú】需【xū】调整大小。

　　3、帮助用户找到最为惬意、舒适的画面方向

　　用户【hù】一【yī】般情况【kuàng】下会维持同一个画【huà】面方向(横向或竖向)。增加一项网站【zhàn】随着装置画面方向自动切换的功能，提【tí】醒【xǐng】用户切换到最舒【shū】服的画面【miàn】方向。注意，号召性的【de】文字必须时【shí】刻、完【wán】整地【dì】显示出来。

　　4、同一个视窗中即可完成一切操作，这是美妙的体验

　　智能手机进行切换视窗的操作实在很【hěn】麻烦，访【fǎng】客往往不能顺利返回前一【yī】页【yè】。注意【yì】避免在用户按下号【hào】召【zhào】性文字【zì】时开【kāi】启【qǐ】新视窗【chuāng】，让使用者留在原页面。建议直接在【zài】网【wǎng】站上提供【gòng】优惠券，省【shěng】去用户开启【qǐ】新视窗搜【sōu】寻的麻烦。

　　5、清晰地说明网站需要用户位置信息的原因

　　应该【gāi】让用户明白网【wǎng】站需要【yào】他们提【tí】供所在地【dì】的原因。可【kě】以将所在地栏目预设为空白，并使用清楚的号【hào】召性文字让【ràng】用户自【zì】己决定是否填写。

　　6、不提倡使用"完整版网站"的字眼

　　当看到"完整【zhěng】版网站"或"移动版网【wǎng】站【zhàn】"的【de】字眼时，用户会想当然【rán】地认为后者是【shì】简化版本，从而选择【zé】前者【zhě】。他们的感觉是前者的"资讯【xùn】更丰富【fù】"，然而实际上两个版本的内容完全【quán】相同。建议【yì】使用【yòng】"电脑版网站"的字眼。

　　移动互联网的趋势【shì】正汹涌【yǒng】来袭，未【wèi】来移动Web的优势一定会愈来【lái】愈明显，愈来愈被人【rén】们所认可【kě】。

• 上一章：网页设计网站选对色彩很重要
• 下一章：网站开发设计，在视觉设计上的基本方法