首頁

優秀的表格設計技巧~~第二篇

藍藍 交互設計及用戶體驗

藍藍覺得在界面設計中,優秀的表格設計技巧是非常基礎,也非常重要的。所以從網上搜集轉載了此主題的一些文章,來學習~~這是第二篇!感謝原作者。

17

hardwear:想必多數同學曾經學習計算機就是從Word開始,其中一項重要的學習任務就是創建表格,如今在網絡頁面里表格隨處可見,尤其是商業產品里充滿了大量的數據,要沒有這些表格估計看內容得吐血…… 表格形形色色,默默無聞的呈現著數據,閱讀起來如何最為順暢,如何才能從表格里發掘出重要信息,有哪些可以對表格進行的操作,梳理一下以供參考。

在后臺界面,表格對數據的維護和體現是最常見的,那么也推薦您看看

1.行高是表格瀏覽時的重要參數

行高是表格非常重要的參數,行高間距直接影響著閱讀的體驗,有如同Omniture為了最大限度的放置數據內容,強化數據顯示效果而降低行高的情況,也有SugarCRM一樣的行高較高可以放置更多文本信息的表格。

2

閱讀全文>>

優秀的表格設計技巧~~第一篇

藍藍 交互設計及用戶體驗

表格信息通常是很乏味的

從某種意義上來說,的確如此。一個好的表格應該以易于理解,簡單明了的方式傳遞大量的信息。真正的重點應該 放在信息上, 對表格的過度設計會抵消這種作用。從另一方面來說,巧妙的設計不僅可以使一個表格更具吸引力, 而且可以增加可讀性。

今天我們來看看提升表格功能和美觀的幾種方式。我們經常會在網上的價格頁上看到表格的應用,因此主要以該種表 單為例。請記住這些原則可以應用到任意類型的信息列表上(不僅限于<table>).

垂直,水平或矩陣?Vertical, Horizontal or Matrix?

一如以往,我們從最明顯的地方開始。第一步是決定表格的整體結構。結構取決于呈現數據的類型和復雜性。選擇 垂直的列還是水平行,通常取決于個人偏好。大致規劃下表單的內容,然后決定采取哪種方法能更好地傳遞信息。很顯然,如果信息包含多變量,那么選擇矩陣來表示。下面分別以幾個簡單案例來開始。

閱讀全文>>

2015移動APP設計趨勢潮流發布會

用心設計 手機及小程序界面設計文章及欣賞

App Store和Google Play里的app多如牛毛。很難說未來的趨勢是什么,不過顯然我們可以輕易選出當下的5種趨勢并加以分析。今天@十萬個為什麼 同學簡單歸納了當下的5種移動APP設計趨勢,來漲姿勢吧。


看看時下的app中的顏色、創意和簡單樸素,我們能從中學到一些設計移動app的技巧。

閱讀全文>>

移動端字體7準則

用心設計 交互設計及用戶體驗

能你聽過這說法,好的字體是隱形的,不過更準確來說,應該是好的字體讓閱讀行為毫不費力。

當視線掠過一行文字時,它是跳躍前進的,我們稱之為掃視。你讀的不是字母,甚至不是詞語,而是文字某部分的影像,大腦會補上它預期的內容。如果超出大腦預料,它會促使眼睛回去核實假設十分正確。通過在字里行間創造平順的視覺流動,好的字體極度減輕了眼睛的負擔。

對任何字體工作者而言,在移動設備上要面臨與生俱來的挑戰:空間有限,環境光通常比較微弱。不過將已經用于web端的技巧稍加調整,我們就可以提升移動設備的易讀性。

閱讀全文>>

項目評估標準:如何讓項目評估方式可量化

藍藍 設計資源

藍藍一直在思考這個問題,如何讓設計效果可量化,看到這篇文章,轉載到博客中推薦給大家。以后會搜集這方面的相關文章,觀閱各家之言。

最近在一直在思考一個命題--“如何量化項目目標及效果”。做了幾個項目,所負責的產品數據一直表現搶眼。但是從統計學觀點來看,我的選擇和決定并不一定就是影響數據表現的唯一因素,也不一定是影響最大的因素。該如何從眾多影響因素中抽離出PM決策對產品數據的影響?I'v no idea。目前思考的進展并不能讓自己滿意,先把想到的一些東西整理出來,部分內容也涉及到了一些相關內容的思考,有空和大家頭腦風暴一下吧。

【項目目的與評估方式】
    產品項目的目的無非是兩個:用戶維系用戶拓展。
    用戶維系:是對現有用戶需求進行挖掘,并對產品進行針對性的優化改進以提高活躍度、降低流失率。此類項目的評估即可從用戶周/月活躍度、用戶流失率、改進部分的單獨的UV、PV量以及用戶點擊統計等方面來進行評估。
    用戶拓展:目的的實現方式本質上有兩種:1、更好地滿足目標用戶的需求---從競品那兒拉人;2、產品運營---讓更多的目標用戶知道我們的產品。前者的評估方式主要是看UV的一系列統計變化,除此之外還可以通過用戶訪談,競品對比來量化;后者的評估方式就得具體看運營活動的方式來確定評估方式了。
    雖然絕大多數項目都不僅僅是單一的維系或者拓展,但PM應該在項目之初確定項目的主要目標。這樣在項目結束之后采用與目的相適應的評估方式進行客觀分析。

閱讀全文>>

設計評估標準:如何讓設計效果可量化

藍藍 設計資源

藍藍一直在思考這個問題,如何讓設計效果可量化,看到這篇文章,轉載到博客中推薦給大家。以后會搜集這方面的相關文章,觀閱各家之言。


記得在項目不斷迭代優化過程中,設計師們也總說我們價值不被認可。當時需求方與老板也常問我你們設計究竟能否可量化如何可量化?當然先不說其它因果原由與價值其它體現。本身這個問題也是我長久一來一直思考剛好借此將它解決。當時也找團隊討論聽到大家紛紛提到設計太抽象與設計很難通過數據量化等…其實在這個探討過程也是發現問題所在過程,把大家疑慮問題點歸納然后逐個分析并且思考解決后再歸納梳出。然后在實戰過程中再不斷調整與持續再歸納思考。

簡單如下:

首先,我們做項目的交互設計可量化是需要一個基本評估標準:

個人認為根據不同項目側重會有所不同,這個需要設計師根據項目需求和產品目標等來判斷。任何緯度與標準都是參考,隨著個人和行業發展與變化一定都是時時變通。所以沒有固定標準走天下或者說標準也是時時更新中。

1.項目功能設計

-點擊率、轉化率、點擊流、活躍度、留存率、成功率等

2.體驗可用性

識別性-點擊率

高效性-時間效率

有效性-功能使用成功率、操作信息傳達有效性

閱讀全文>>

視覺設計師是怎樣讓前端工程師100% 實現設計效果的

藍藍 設計資源

首先,作為一個設計師,尤其是UI設計師,請跟我一起大聲念:必須掌握前端切圖流程!!

這可能意味著你得學會HTML+CSS,或者要長時間和IOS或者安卓開發人員交流他們是怎么把圖片和文字排進屏幕內的。別老是抱怨你是設計怎么能去學碼農的東西,設計人員對這些看似高深的源碼有本能的畏懼和厭惡。無論你所在的公司在項目人員配置上如何貼心到位,但如果你自己沒有掌握這些知識點,就不要妄想最后實現環節上能順利收尾,因為你從出發點開始和程序員的認知就不對稱,這些不對稱是矛盾和偏差的根源。

閱讀全文>>

界面設計的四個層面 設計最重要的一步 往往并不會去追求外觀的美

藍藍 設計資源

許多設計師在社區中分享的作品往往是為了炫技,而產品的邏輯通常都經不起推敲的,真正優秀的設計應該從更高的層面出發,而不只是做表面上的工作。

前言

13年底, 的產品VP  在 Intercom 官博發表了  。文章講述了網絡上設計社區里普遍存在的一種現象,大意是“許多設計師在社區中分享的作品往往是為了炫技,而產品的邏輯通常都經不起推敲的,真正優秀的設計應該從更高的層面出發,而不只是做表面上的工作”。

文章發布后,在 Twitter 、HN 及博客評論下引起了反響。雖然部分內容在一些設計師眼里看起來比較有攻擊性(也就是俗稱“開噴”),甚至還帶有些地圖炮,但是文中關于“設計的四個層次”以及“when..I want to..then I can…”等設計觀點和方法論都非常值得我們回味并運用到工作當中。

文章是2月前Sam推薦給我的,隨后到 twitter 上獲得了作者的授權,在這里也應作者需要,貼上 Intercom 的官博連接: 。

譯文開始,Dribbble 大牛務必冷靜閱讀。 =D

__________________以下為譯文正文__________________

設計追波風

[ISUX轉譯]設計追波風

閱讀全文>>

關于工作效率的心得分享

藍藍 行業趨勢

我相信大家應該都有過工作效率的些許煩惱。而這個效率啊伴隨我很長時間的痛苦。每每到PDI的時候領導必提效率有木有?自認為快是不算的,必須領導和客戶方說了算,對于當年校招進來的毛驢,是一件淚崩漫長的提升過程。整天琢磨如何快,多快的速度才算快,恨不得快到連參照物都變得動感模糊。時間是把殺豬刀,不僅催人老還得與它賽跑,經過這幾年的自殘式磨練,也早該總結總結。

一、 懂得整理需求
效率是先把重要的事情優先排序來完成,好的整理習慣是可以提高效率的。當需求很多的時候是可以通過整理需求有條不紊的進行。只要了解哪些是重要和緊急的事情,就能輕松的決定先處理什么。這個相當于是做項目管理的事情,要善于管理自己的工作。建議學習佐藤可士和的《整理術》。
例如:本周產品經理們提了很多需求:@#¥……&%……&%……
可這樣做:
1、列出所有需求
ABCBBD
2、歸納類型
ABBBCD
3、了解份量
A(傳輸功能設計):總辦需求
BBB(圖標類設計): 迭代需求,排一起繪制
C(新增界面設計): 迭代需求,需較多時間設計
D(功能宣傳圖):迭代需求,版本發布的新功能宣傳
4、明確期限
假如級別為High、Mid、Low…
A(傳輸功能設計):總辦需求—非常緊急(今天)—High
D(功能宣傳圖):迭代需求,版本發布的新功能宣傳—周三—Mid
C(新增界面設計): 迭代需求,需較多時間設計—本周—Mid
BBB(圖標類設計): 迭代需求,需較多時間設計—本周—Low
需求從散到整,從大到小,從繁到簡,從緊急到迭代這樣去處理就會變得清晰可觀。

閱讀全文>>

做好扁平化設計-視覺篇

藍藍 行業趨勢

3

 一頭牛從最初的寫實到最后僅僅只用幾根線條來表示,整個簡化的過程也經歷了好幾個步驟,當然這里對設計師觀察和提煉能力要求很高,要充分了解對象物的本質,懂得巧妙的取舍,用極簡的要素,在沒有更多特效裝飾的情況下表達清楚內容,在界線與輪廓的高對比下,表現出物體的美感。

閱讀全文>>

日歷

鏈接

blogger

藍藍 http://www.thriveonsite.com

存檔

江苏快3 北京赛车PK10计划 全民彩票 2019哪些网赚是真的 乐胜彩票注册开户投注平台 上海11选5 中创网赚 智慧彩票投注 青春510网赚论坛 迪士尼彩乐园娱乐