“剁手族”的無底洞,商城導航欄的巧妙規(guī)劃 |
發(fā)布時間:2021-01-23 文章來源:本站 瀏覽次數(shù):2406 |
根據(jù)報告顯現(xiàn),“剁手”一族在漸漸壯大,上到精英階層,下到一般民眾,而購物網(wǎng)站像一個巨大的“黑洞”,你看不清、看不明,但它便是在無時無刻地吸引著你,將你拉入其間!岸缡帧睍r的購物體會淋漓盡致,“剁手”后的懊悔心境也是五味雜陳,為什么購物商城總能讓“剁手黨”毫不勉強(或許說是莫名其妙)的把錢花出去的呢我仔細想了想,領會出了一絲滋味,今天從網(wǎng)頁規(guī)劃中的“導航”規(guī)劃來說一說吧。 購物網(wǎng)站的“病”: “鮮血淋漓”的剁手運用讓我發(fā)現(xiàn)了許多購物網(wǎng)站的“病”:首要,網(wǎng)站內(nèi)容繁復。(真的太大了!),其次,網(wǎng)站沒有方向感。(真的太大了!),最終,用戶找不到自己的“當時方位”。(真的太大了!)。重要的事情說三遍,網(wǎng)站數(shù)據(jù)太大了,這確實關于網(wǎng)站建造是無法避開的難點。 那么,網(wǎng)站有這些天生的“疾病”,網(wǎng)站管理者作為“網(wǎng)站醫(yī)生”是怎樣“開藥方”的呢。首要,鏈接點擊會變色。這是針對網(wǎng)站內(nèi)容繁復龐雜,鏈接眾多的“病”的榜首劑藥。簡略的規(guī)劃帶給咱們的是一種現(xiàn)已訪問了多少內(nèi)容的直觀感覺。其次,給用戶一個“GPS”。網(wǎng)站沒有物理上的方向,只要扁平和層級,缺少方向感,那就給用戶一個GPS么,每個網(wǎng)站頭部最明顯的便是這個“GPS”— 標簽,標簽讓我能去自己想去的當?shù)?雖然不是精確無誤精確到每一個物品)。最終,樹立“路標”。在購物網(wǎng)站這個巨大的“富貴城市”中,路途撲朔迷離,路標和指示牌效果顯而易見。那么,網(wǎng)站的路標長什么姿態(tài)呢它叫做“面包屑導航”(面包屑導航(BreadcrumbNavigation)這個概念來自童話故事”漢賽爾和格萊特”,當漢賽爾和格萊特穿過森林時,不小心走失了,可是他們發(fā)現(xiàn)在沿途走過的當?shù)囟既鱿铝嗣姘,讓這些面包屑來協(xié)助他們找到回家的路。) 這種“畏縮”體現(xiàn)在購物網(wǎng)站上,便是咱們在購物或許尋找某個商品時,咱們閱讀后再次來到時不知道前次的物品在哪兒,我就不想尋找了。 所以的給網(wǎng)站下降門檻,簡練精確的導航把這個門檻下降了一點,但仍是不行,用戶缺少邁進去的“勇氣”以及支撐勇氣的“熟悉”。這又得開一服藥,藥物是: 閱讀歷史,購物車,歷史購買等界面。(網(wǎng)站說:我很熟悉你,你喜歡“XXX”,我能帶你找到前次自己走過的路)。 購物用戶的“痛”: 購物網(wǎng)站上的用戶(我親切的稱呼為 剁手黨)規(guī)模很廣,集體許多,從事工作各不相同,可是咱們剁手黨都有一些小特色: 用戶在網(wǎng)站,更多的記住了“頁面層級”,而不是物理上的“我在哪兒”(雖然咱們想記住)。 那種詳細物理國際中的實在地址帶來的“踏實感”消失了。取而代之的是網(wǎng)站的信息扁平化帶給咱們的“不踏實”。 首要,網(wǎng)站的標配 —“書簽”!拔乙o這個當?shù)刈鰝記號”,“我要占據(jù)這塊區(qū)域”。書簽讓我感覺網(wǎng)站在我手中緊握。其次,閱讀器的標配 —“后退按鈕”。實在的人生多么希望有“后悔藥”,可是時刻過去了便是過去了?墒翘摂M網(wǎng)絡不是,“后退按鈕”便是后悔藥,我知道自己能回到“本來”,那是多么可貴的一種“踏實” 。 導航的表面: 導航,它的表達方式。它如同一個超市地面和貨架上的標語。 超市是立體的“網(wǎng)”。而網(wǎng)站導航是平面的“鎖鏈”。二者有立體和線性的不同體現(xiàn)和感觸,但卻有相同的功能 — 指引證戶的方向。
導航的特色我想了許多,比方簡略、杰出、漂亮等。但我想,導航不是藝術品,回歸到它開始的價值,導航 兩個最重要的內(nèi)涵特色:“明顯”。明顯才華杰出“線索”。不然導航就成了可有可無,乃至是“噪聲”。“精確”。用戶急急忙忙的來,更或許急急忙忙的走,因而需求精確簡練的提示和導航。
首要,告訴用戶這里有什么。 導航讓我知道這里有什么,而不必花費額定力氣去多想。 其次,告訴咱們怎樣運用網(wǎng)站。 上購物網(wǎng)站的用戶的目的性很強,購買某一種物品,導航的規(guī)劃好壞決議了用戶購買你而不是其他網(wǎng)站的東西需求跨過多大的門檻。 最終,它給了咱們關于網(wǎng)站建造者的決心。 導航的好壞很大程度虎讓我對網(wǎng)站擁有者產(chǎn)生信賴或置疑。好的規(guī)劃無疑是加分項。為用戶省時刻,恰恰是購物網(wǎng)站樹立的目的吧。那么說了這么多,可是詳細怎樣操作呢我想做一個網(wǎng)站,我該怎樣規(guī)劃一個好的導航呢 Web導航的那些規(guī)劃小習氣 十幾年的網(wǎng)站建造走過了綿長的路途,引證《Don’t make me think》一書中的說法,網(wǎng)站的那些導航經(jīng)歷了以下幾個階段:1995—古生代 網(wǎng)站由程序員規(guī)劃,老式的HTML鏈接和按鈕;2000—西部蠻荒時代 web上的各種限制,字體丑惡,下劃線丑惡。難以區(qū)分什么當?shù)乜梢渣c擊。;2005—黃金時代 CSS為咱們提供了高雅的解決方案:只用色彩來表示可點擊的鏈接。
站點的名稱(騰訊網(wǎng),天貓,京東…),我知道自己當時在哪兒,需求在每個頁面看到站點名稱或logo(通常在左上角);實用工具(購物車…),協(xié)助咱們運用站點;查找框;欄目(當時詳細在哪兒),主導航條;導航有統(tǒng)一格式。用戶進入你的網(wǎng)站只需求學習一次就會永久運用了。那么,一下網(wǎng)站導航的好壞怎樣測試或許評價呢。 網(wǎng)站導航的規(guī)劃好不好 想象一下忽然給你一個生疏的頁面,看這個網(wǎng)頁,自己問問自己:“我從這個網(wǎng)頁中知道了下面這些內(nèi)容了么”: 這是什么網(wǎng)站(站點id和logo)、我在哪個網(wǎng)頁上(站點的面包屑或子一級頁面名稱)、這個網(wǎng)站首要欄目是什么(標簽)、我在導航體系的什么方位(面包屑或標簽想要的按鈕杰出顯現(xiàn))、我怎樣查找我怎樣去我想去的當?shù)?查找框)、那怎樣測試一下我規(guī)劃的導航欄怎樣呢。 “摘掉眼鏡”。想像一下近視眼摘掉眼鏡的苦楚,可是面臨像素,這也是一個美麗的國際,細節(jié)被屏蔽掉了,完好的結(jié)構(gòu)天然的出現(xiàn)在你面前。 “含糊的視野”讓人能更好地發(fā)現(xiàn)自己規(guī)劃的導航產(chǎn)品的缺乏。好的導航一目了然,清楚無誤地出現(xiàn),依靠整體外觀,而不是看細節(jié)。 精心雕刻的產(chǎn)品總是讓人愛不釋手,構(gòu)思把握的那么詳盡精確,有的放矢志的立異做到了精確完美。一次完美購物的體會其實是多環(huán)節(jié)共同努力的結(jié)果,產(chǎn)品人的不懈追求,從腦海中的構(gòu)思到紙上的圖畫勾勒、到制作低保真原型的考慮、到高保值原型的張弛有力、到研制的艱難、到產(chǎn)品的推行、物流的精心磨合和客服的詳盡規(guī)劃等許多環(huán)節(jié)做到了全面開花。體系的全面完善是不容易的,購物網(wǎng)站的產(chǎn)品人用行動證明了自己的本事和才華,成全了用戶的完美購物體會,打造了許多款融入生活的數(shù)字化產(chǎn)品,也成就了今天的互聯(lián)網(wǎng)昌盛的我國。 |
|