成全电影播放在线观看,成全在线观看高清资源,成全在线观看免费完整的,成全影视大全在线观看国语,成全电影大全在线观看高清免费播放下载,三人成全免费观看电视剧高清,成全电影大全在线观看高清免费播放电视剧,成全电影大全在线观看,成全电影大全第二季免费观看,成全电影大全在线观看国语高清,成全电影大全在线观看国语版免费,成全电影大全在线播放

  1. 云裂變
  2. 營銷
  3. 網(wǎng)站運(yùn)營
  4. 細(xì)節(jié)經(jīng)驗(yàn):輸入框設(shè)計(jì)的4個(gè)細(xì)節(jié)要點(diǎn)

細(xì)節(jié)經(jīng)驗(yàn):輸入框設(shè)計(jì)的4個(gè)細(xì)節(jié)要點(diǎn)

作者: 日期:2022-03-06 人氣:120

 

很多新人伴侶由于工作經(jīng)驗(yàn)少,常常會心理沒底,因?yàn)閷σ恍┕ぷ魃系脑O(shè)計(jì)細(xì)節(jié)并不了解,不過不妨,以后菜心會多分享一些關(guān)于工作上的細(xì)節(jié)經(jīng)驗(yàn),希望對大家有所幫手。

細(xì)節(jié)經(jīng)驗(yàn):輸入框設(shè)計(jì)的4個(gè)細(xì)節(jié)要點(diǎn)

我們常常會看到網(wǎng)上有很多同學(xué)做一些概念稿:

細(xì)節(jié)經(jīng)驗(yàn):輸入框設(shè)計(jì)的4個(gè)細(xì)節(jié)要點(diǎn)

這些界面視覺上非常酷炫。

當(dāng)然,我從來都不否定概念稿的作用與價(jià)值,它可以為我們提供配色、形式、創(chuàng)意等等,但是我今天要增補(bǔ)的是這些概念稿沒有的東西,就是實(shí)打?qū)嵲诠ぷ魃闲枰紤]的細(xì)節(jié)。

今天就拿一個(gè)簡單的輸入框來舉例,看看我們在界面實(shí)際落地的時(shí)候需要注意哪些內(nèi)容,大綱如下:

輸入限制問題輸入多行文字后的規(guī)則別忘了輸入內(nèi)容時(shí)會喚起鍵盤記得標(biāo)注鍵盤類型1.輸入限制問題

很多輸入框是有限制字?jǐn)?shù)的(微博的140字),如果輸入框?qū)ψ謹(jǐn)?shù)有限制,而你沒有把規(guī)則告訴用戶,那用戶必然會吐糟。

好比微信公眾號(移動端)的后臺回復(fù),有一次我回復(fù)用戶的問題,打了200多個(gè)字,最后發(fā)現(xiàn)字?jǐn)?shù)已經(jīng)超過限制,無法發(fā)送,這個(gè)體驗(yàn)就很欠好,因?yàn)樵诖蜃诌^程中沒有接收到任何超過字?jǐn)?shù)限制的提示。

那如何告訴用戶限制規(guī)則呢?

微信個(gè)性簽名會在輸入框的右下角告訴你還可以輸入多少字,如下圖:

細(xì)節(jié)經(jīng)驗(yàn):輸入框設(shè)計(jì)的4個(gè)細(xì)節(jié)要點(diǎn)

發(fā)布微博的時(shí)候,會在右下角告訴你已經(jīng)輸入多少文字,如果超過140字后,數(shù)字的顏色會釀成橙色,起到警示作用,如下圖:

細(xì)節(jié)經(jīng)驗(yàn):輸入框設(shè)計(jì)的4個(gè)細(xì)節(jié)要點(diǎn)

2.輸入多行文字后的規(guī)則

對于輸入框,當(dāng)文字只輸入一行的時(shí)候,不會有什么問題,但輸入多行的時(shí)候,如果你不給出規(guī)則,那開發(fā)哥哥必然會罵你不專業(yè)。

所以當(dāng)輸入多行文字時(shí),我們必然要考慮清楚如何顯示,我們來看看微信聊天界面的規(guī)則:

細(xì)節(jié)經(jīng)驗(yàn):輸入框設(shè)計(jì)的4個(gè)細(xì)節(jié)要點(diǎn)

輸入5行文字以內(nèi),輸入框會向上撐開;

文字超過5行,輸入框大小就不會變動了,5行以上的文字會被遮擋住。

但微信這里有個(gè)細(xì)節(jié)體驗(yàn)不是很好,因?yàn)檎趽踝〉膬?nèi)容一點(diǎn)都看不見了。

我們來看唱吧的聊天界面:

細(xì)節(jié)經(jīng)驗(yàn):輸入框設(shè)計(jì)的4個(gè)細(xì)節(jié)要點(diǎn)

被擋住的文字會露出半行,讓用戶知道,哦,本來上面還有字。(不過唱吧的輸入框有點(diǎn)小氣)

以上就是放輸入多行文字的細(xì)節(jié),大家在工作的時(shí)候必然要注意。

3.別忘了輸入內(nèi)容時(shí)會喚起鍵盤

我們來看下面這個(gè)界面:

細(xì)節(jié)經(jīng)驗(yàn):輸入框設(shè)計(jì)的4個(gè)細(xì)節(jié)要點(diǎn)

起初一看沒啥問題啊,可是當(dāng)真正落地的時(shí)候,就會發(fā)現(xiàn),問題大大的。

當(dāng)你準(zhǔn)備輸入內(nèi)容的時(shí)候,鍵盤會被調(diào)起,這時(shí)候就尷尬了,如下圖:

細(xì)節(jié)經(jīng)驗(yàn):輸入框設(shè)計(jì)的4個(gè)細(xì)節(jié)要點(diǎn)

提交按鈕呢?

本來是被鍵盤擋住了,現(xiàn)在即使你想把提交按鈕往上提,空間也不夠,因?yàn)樯厦鎯蓚€(gè)輸入框已經(jīng)把空間占滿了。

這就是設(shè)計(jì)師經(jīng)驗(yàn)不足,前期沒有考慮充分導(dǎo)致的結(jié)果。

這種現(xiàn)象還經(jīng)常會出現(xiàn)在登錄頁面:

細(xì)節(jié)經(jīng)驗(yàn):輸入框設(shè)計(jì)的4個(gè)細(xì)節(jié)要點(diǎn)

這么登錄布局自己是沒有問題的,但是你需要多考慮一種鍵盤調(diào)起的狀態(tài),因?yàn)殒I盤調(diào)起來的時(shí)候登錄按鈕會被擋住,成本就稍微高了一些,這就是為什么大部分登陸頁是這樣布局的:

細(xì)節(jié)經(jīng)驗(yàn):輸入框設(shè)計(jì)的4個(gè)細(xì)節(jié)要點(diǎn)

因?yàn)椴还苕I盤有沒有被喚起,頁面的布局都不消改變。

當(dāng)然這里也不是說那種形式更好,而是提醒大家要考慮好細(xì)節(jié)。

4.記得標(biāo)注鍵盤類型

現(xiàn)在大家都知道,輸入內(nèi)容會喚起鍵盤,,而鍵盤分為很多種類型,好比中文鍵盤、數(shù)字鍵盤、英文鍵盤,如果在輸出設(shè)計(jì)稿的時(shí)候?qū)︽I盤類型沒有標(biāo)注,開發(fā)哥哥就會使用默認(rèn)鍵盤,這樣就有可能造成一些降低體驗(yàn)的問題,例如:

細(xì)節(jié)經(jīng)驗(yàn):輸入框設(shè)計(jì)的4個(gè)細(xì)節(jié)要點(diǎn)

如果你不標(biāo)注使用純數(shù)字鍵盤,默認(rèn)的中英文鍵盤就會被喚起,給用戶帶來不須要的麻煩。

所以鍵盤類型必然要記得標(biāo)注哦,如果需要自定義鍵盤,還需要將自定義鍵盤樣式提供出來,不過開發(fā)成本就會高一些,所以要謹(jǐn)慎使用。

內(nèi)容標(biāo)簽:

熱門文章

? ? 現(xiàn)在很多企業(yè)都著手于做重慶seo排名,因?yàn)镾EO是獲取精準(zhǔn)流量比較穩(wěn)定且長期發(fā)展好的方式之一,同時(shí)也能提升自身企業(yè)的品牌形象,因?yàn)镾EO本身就是基于用戶體驗(yàn)優(yōu)化而做的,因此做好SEO

6801

網(wǎng)絡(luò)營銷時(shí)代,軟文營銷已成為企業(yè)傳播品牌、促進(jìn)訂單轉(zhuǎn)化的重要手段。不同于硬廣形式,軟文營銷的精華就在于“軟”字,即廣告綿里藏針,要在能提供給用戶有價(jià)值內(nèi)容的基礎(chǔ)上進(jìn)行廣告

?文庫營銷指的是借助一些文庫平臺上傳文檔,通過知識分享來做品牌營銷,目前常見的文庫平臺有百度文庫、360圖書館、道客巴巴、豆丁文庫等。文庫營銷對文檔質(zhì)量要求較高,需要用戶自

網(wǎng)站對于很多的企業(yè)來說,不僅僅是業(yè)務(wù)的渠道拓寬,也是多一個(gè)網(wǎng)站推廣的途徑和客戶渠道等,很多的企業(yè)雖然有自己的網(wǎng)站,但是重視程度不夠,很多的企業(yè)都只依靠網(wǎng)站就能夠養(yǎng)活一個(gè)公

3269

企業(yè)品牌推廣對于企業(yè)的生存來說是極其重要的,如果沒有一個(gè)好的推銷渠道的話,可能就會讓自己的商品賣不出去。在新聞中總是看到哪兒有什么產(chǎn)品賣不出去了,形成滯銷,讓個(gè)人或是企業(yè)

3226

一方面,不同客戶的建站需求不同;另一方面,網(wǎng)站建設(shè)人員的技術(shù)水平高低不一;同時(shí),時(shí)效、地域因素也會對建站成本有所影響。所以網(wǎng)站建設(shè)的報(bào)價(jià)暫時(shí)沒有統(tǒng)一標(biāo)準(zhǔn),建設(shè)費(fèi)用更是從幾

3044

最先剖析要散播的目的客戶人群的陋習(xí)與話動范疇; 精心安排合乎網(wǎng)民愛好的論壇推廣時(shí)件或話動; 積淀論談有關(guān)社交圈子資源,會對進(jìn)行論壇推廣出示挺大適用; 搞好數(shù)據(jù)分析,以知道論壇推廣的成功失敗之舉,加以改進(jìn)。

人們常常會遇上有些人做論壇推廣的當(dāng)時(shí),以便能短期內(nèi)內(nèi)看到作用,就在每個(gè)論談網(wǎng)站上注冊很多的id,花兩三天的時(shí)間就把各大論壇上貼的濃濃的全是軟廣,可是隔過段時(shí)間回來看,以前公布的全部貼子都被刪的干凈整潔,情況嚴(yán)重將會注冊的id也被封的干凈整潔,而針對這類人只有說成愛好者的論壇推廣技巧了。在進(jìn)到這一議論以前,人們看一下自身是不是存有那樣的難

在互聯(lián)網(wǎng)高速發(fā)展的今天,在眾多同行品牌的強(qiáng)勢競爭下,新品牌想要打開市場并不是一件容易的事兒。但不推廣就難以生存,那么我們應(yīng)該如何做好新品牌推廣,快速打開市場?云裂變徐國

2947

現(xiàn)在的推廣營銷方式與以前比起來可是多了不少,放在以前也就是還沒有網(wǎng)絡(luò)的時(shí)侯,商品商家和生產(chǎn)廠家想要把自己生產(chǎn)的和自己銷售的產(chǎn)品或是商品成功推銷出去那可就得想想辦法了。比如

2918

一個(gè)生產(chǎn)企業(yè)想要發(fā)展必須要?jiǎng)?chuàng)立自己的品牌,在人們購買東西講究牌子的今天,如果你所生產(chǎn)的產(chǎn)品連個(gè)牌子都沒有,恐怕會無人問津的。但是,有了品牌,對于小公司來說若是得到消費(fèi)者的

2918

說起網(wǎng)絡(luò)營銷,讓人們想起了網(wǎng)上購物,比如在剛過去的520,就是一波網(wǎng)購的熱潮,各種打折促銷返利活動讓許多人心動,看花了眼。又比如每年的雙11、在雙12的網(wǎng)上促銷活動可謂是一年之內(nèi)

2875

很多企業(yè)在官網(wǎng)搭建完成之后,便放任不管,既不更新內(nèi)容、也不做任何的排名優(yōu)化,最后網(wǎng)站沒排名、沒流量、沒訪客;即使有排名、有流量導(dǎo)入,但是跳出率極高,依然產(chǎn)生不了任何效益。

2855

隨著網(wǎng)絡(luò)營銷、全網(wǎng)覆蓋等口號喊得越來越響,現(xiàn)在有不少的企業(yè)做網(wǎng)絡(luò)營銷都是被同行帶起來的,本質(zhì)上對網(wǎng)絡(luò)營銷推廣的作用都了解不多。那么網(wǎng)絡(luò)推廣好在哪?為什么一定要做好網(wǎng)絡(luò)推廣

論壇推廣就是,企業(yè)利用論壇這種網(wǎng)絡(luò)交流的平臺,通過文字、圖片、視頻等方式發(fā)布企業(yè)的產(chǎn)品和服務(wù)的信息,從而讓目標(biāo)客戶更加深刻地了解企業(yè)的產(chǎn)品和服務(wù)。最終達(dá)到企業(yè)宣傳企業(yè)的品牌、加深市場認(rèn)知度的網(wǎng)絡(luò)營銷活動。1、電子公告板(BBS)是虛擬網(wǎng)絡(luò)小區(qū)的要素方法,小量的交流信息全是歷經(jīng)BBS進(jìn)行的,vip歷經(jīng)貼到消息也許回應(yīng)消息抵達(dá)互相聯(lián)系的目地。一些簡

受互聯(lián)網(wǎng)大趨勢影響,很多傳統(tǒng)企業(yè)紛紛著手布局網(wǎng)絡(luò)營銷,考慮到企業(yè)自身在營銷經(jīng)驗(yàn)上有欠缺,不少老板會選擇找全網(wǎng)營銷外包公司合作,這個(gè)時(shí)候就會出現(xiàn)很多選擇難題。比如說找了10家

2798

隨著社會的發(fā)展和人們消費(fèi)觀念的改變,現(xiàn)在人們的消費(fèi)已經(jīng)從單純的商品能使用消費(fèi)階段到了商品品牌消費(fèi)階段了。在進(jìn)行商品購買時(shí)總是看商品的品牌,就拿一些年輕人來說吧,對于耐克、

2789

百科營銷是一種以權(quán)威知識分享的形式對企業(yè)做有目的性的品牌宣傳,可以有效提高潛在客戶對企業(yè)品牌或產(chǎn)品服務(wù)的信任度及認(rèn)可度,最終達(dá)到提升企業(yè)品牌知名度美譽(yù)度的雙重作用。那么百

護(hù)膚品作為當(dāng)下大受女性追捧的快消品,行業(yè)競爭激烈,且更新?lián)Q代尤其迅速。那么如何在如此變幻莫測的市場競爭中占領(lǐng)高地呢?這自然少不了大面積的營銷推廣(包括線上和線下),下面全

一、前端seo代碼優(yōu)化注意事項(xiàng)1、提高頁面加載速度。CSS可以用來解決不使用背景圖片的問題,也可以嘗試壓縮背景圖片的大小,你可以在一張圖片上放置幾個(gè)圖標(biāo),使用CSSsprite,使用背景位置

2667

最新文章