显示带有标签的帖子可移动的.显示所有帖子
显示带有标签的帖子可移动的.显示所有帖子

2014年8月3日星期日

BibSonomy有了一个新的前端

我们目前正在努力为开发一个新的用户界面BibSonomy公司在过去,我们有很多关于如何优化布局、可访问性和可用性的提示。我们是科学家和程序员,但我们不是产品设计师或人机交互专家。所以我们决定使用一个框架来帮助我们实现所有这些必要的改进。

有很多前端框架。我们选择了引导数据库原因如下:

  1. Bootstrap是开源的,可以免费使用
  2. 它支持响应式web设计。开源项目的社区很难开发和维护两个前端。通过Bootstrap,我们只开发一次代码,适用于电脑屏幕、平板电脑(如iPad)和智能手机
  3. Bootstrap被广泛使用。所有元素的外观都很熟悉。 
  4. 当然,它看起来很棒

新前端的目的是实现更简单的交互方式BibSonomy公司。为此,我们定义了一些规则,我们尝试通过切换到引导数据库.

  1. 让所有元素都有呼吸的空间!目前,有太多的控制元素分布在太小的区域。
  2. 使用较大字体!大字体在移动设备上创建更大的清晰度和更好的可读性。
  3. 如果可能,请使用Bootstrap的现有标准元素。 Bootstrap元素得到批准和建立。它们在不同的设备和浏览器上进行了测试。
  4. 帮助用户需要帮助的地方。在上次的前端重新设计中,我们添加了很多帮助和提示。现在我们想使用它,以便更好地支持用户。
  5. 保持导航菜单清晰。更简单的菜单结构可以帮助用户找到他们想要的内容。

最后,我想给你一些关于新前端的见解:

帖子列表和新用户菜单

出版物详细信息页面

好友概览页面



手机视图

Tablet视图

计算机屏幕视图
我们希望你喜欢你看到的。更多信息和发布日期即将到来。

保持快乐和标记!
塞巴斯蒂安

2011年8月22日星期一

本周特色:更新的移动界面

自5月首次发布以来移动版本BibSonomy已收到一些较小的更新。它们在这里:
  • 尤其是在移动设备上,键入和重新键入用户名和密码可能会很繁琐。因此,登录屏幕现在提供了一个复选框,可以选择在会话结束后保持登录状态。
  • 如果您想在手机屏幕上看到原始BibSonomy页面,可以使用“切换到正常视图“移动版面页脚中的链接。同样,您可以使用”切换到移动视图“普通视图页脚中的链接。
  • 您选择的视图现在已存储。因此,一旦您决定使用普通视图,您将看到该视图,除非您另有决定。每次访问BibSonomy时,您不必切换到首选视图。
快乐标签!
斯蒂芬

2011年6月17日星期五

本周特色:使用Android和Dolphin浏览器通过手势发布到BibSonomy

因为我们仍然为我们的BibSonomy的移动版本,本周的特色是如何通过您的安卓移动设备。

因为在小屏幕和键盘上输入冗长的文本,尤其是URL总是有点乏味,所以流行的浏览器海豚HD提供通过以下方式导航的可能性手势这些手势是直接在屏幕上绘制的简单图形,可以与各种动作相关联。下面是一个分步手册,说明如何使用此机制创建新的发布帖子繁荣区:
  • 打开Dolphin Browser后,在左下角的手势图标上进行提示,然后在右下角的小齿轮上进行提示以创建新的手势:
  • 选择“New Gesture”并选择“Load URL”(第一行)作为操作,然后将postBookmark或postPublication URL(见下文)粘贴到输入字段中。
  • 选择一个简单而难忘的手势(我选择了一个“B-like”手势来发布书签,选择了“P-like”姿势来发布出版物)。
  • 当你在一个有趣的页面上导航时,只需轻触右下角的手势按钮,做相应的手势,你就会直接进入BibSonomy的正确对话(当然,登录后):
当然,这只是实现这一目标的一种可能性——如果您有进一步的最佳实践,我们很乐意与您分享。无论如何,快乐的手势和标签,
多米尼克

postBookmark URL:
发布后URL:


2011年5月6日星期五

本周特色:BibSonomy手机

如果BibSonomy开发团队可以被视为技术感兴趣人群的一个合理代表性样本,那么智能手机确实正在越来越多地融入当今的日常生活中(尽管我们仍然有一些“只需要我的手机就可以拨打电话”的堡垒,但我们正在努力:)。如果您分享我们对iPhone或Android设备提供的可能性的热情,那么我们为您准备了一些东西:自上次发布以来,我们推出了一款BibSonomy的移动优化版本。请查看:


你不需要任何特殊的应用程序-只需将手机浏览器指向“常用”BibSonomy URL(例如。http://www.bibsonomy.org),我们将自动检测您的来源(技术提示:我们使用WURFL公司并为您提供一个针对智能手机优化的BibSonomy网站。它的建造重点在于以下设计原则:
  • 将数据传输量降至最低,以加快加载时间并节省带宽
  • 减少界面元素以确保小(触摸)屏幕的可用性
  • 与其他主要网站的移动版本类似的导航模式
  • 发布新条目时对所需信息的限制(例如通过ISBN)-然后完成条目,例如稍后在台式机上完成
下面是对基本界面元素的解释:
在浏览这些页面时,您可能会不时看到一个“正常”页面,这可能是因为到目前为止,我们只将最受欢迎的页面迁移到了移动版本。我们仍在努力,很高兴收到反馈和建议,哪些页面应该在下一个可用!

在任何情况下,使用我们的新手机页面,随时随地享受BibEcomy!
多米尼克

PS:谢谢Folke为我们举办了一次精彩的fotoshooting会议;-)

2010年8月15日星期日

本周特色:BibSonomy和无处不在的条形码帖子

本周的这期杂志介绍了一个特别有助于经常使用移动设备的BibSonomy用户的功能。然后,通常情况下,一本有趣的书(带有条形码)需要添加书签。使用适当的条形码扫描仪应用程序,此步骤可以方便地(半)自动化,以获得更“无处不在”的BibSonomy体验!

下面,我们将用一个Android应用程序演示这一点,然而,这可能也可以使用类似的设备来完成。

1) 首先,你需要一个合适的条形码扫描仪。为此(以及我的Android手机),我申请了“条形码扫描仪”应用程序。使用此应用程序,扫描条形码很容易,如下所示。



2) 扫描后,您需要启动产品搜索才能访问出版物数据。



3) 如果Bibsonomy设置尚未添加到系统中,则需要在设置菜单中配置“自定义搜索URL”。否则,请跳到步骤4。







4) 接下来,查询已配置的(BibSomy)自定义搜索提供程序。



5) 最后,您可以在常用的BibSonomy编辑对话框中调整检索到的出版物数据。下面的屏幕截图显示了“正常”对话框,然而,为了增强移动设备的用户体验,我们目前正在开发BibSonomy用户界面的移动版本。





在我看来,这是一个非常酷的功能!所以,我们很乐意听取您的意见、建议和进一步的想法。

热门帖子